@extends('layouts.admin')
@section('page_title')
@parent
مدیریت سوالات نظرسنجی شماره:{{$poll->id}}
@endsection
@section('main')
<script src="{{asset('/assets/plugins/ckeditor1/ckeditor.js')}}"></script>
  <div class="header">
    <h2>مدیریت سوالات نظرسنجی شماره:{{$poll->id}}</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li class="active">مدیریت سوالات نظرسنجی</li>
      </ol>
    </div>    
    @include('admin.error')    
   </div>
    <div class="row">
        <div class="col-md-12">
        {!! Form::open(['url'=>'/admin/polls/change-settings/'.$poll->id , 'method'=>'post']) !!}
            <div class="panel">
                <div class="panel-heading bg-dark">
                    <h4>تنظیمات نظرسنجی</h4>
                </div>
                <div class="panel-content">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                              <label>وضعیت </label>
                              <div class="onoffswitch2">
                                <input type="checkbox" name="active" class="onoffswitch-checkbox" id="active" @if($poll->active == 1) checked @endif>
                                <label class="onoffswitch-label" for="active">
                                  <span class="onoffswitch-inner"></span>
                                  <span class="onoffswitch-switch"></span>
                                </label>
                              </div>
                            </div>
                            <div class="form-group">
                                <h5>نوع نظرسنجی</h5>
                                <select class="form-control input-sm" name="type" required>
                                    <option value="successorder" @if($poll->type == 'successorder') selected @endif>نظرسنجی بعد از خرید موفق</option>
                                    <option value="notsuccess" @if($poll->type == 'notsuccess') selected @endif>نظرسنجی بعد از خرید ناموفق</option>
                                </select>                                            
                            </div> 
                            <div class="form-group">
                                <h5>متن بعد از ثبت نظرسنجی</h5 >
                                <textarea name="endmessage" id="endmessage" class="form-control">{{$poll->endmessage}}</textarea>         
                                <script>CKEDITOR.replace('endmessage',{
                                   language: 'fa',
                                   removePlugins: 'toolbar'
                                } );
                                </script>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-primary">ذخیره تنظیمات</button>
                </div>
            </div>
            <input type="hidden" name="poll" value="{{$poll->id}}">
        {!! Form::close() !!}    
        </div>
    </div>
	<div class="row">
        <div class="col-md-4">
        {!! Form::open(['url'=>'/admin/polls/newqshandle' , 'method'=>'post']) !!}
            <div class="panel">
                <div class="panel-heading bg-dark">
                    <h4>افزودن سوال</h4>
                </div>
                <div class="panel-content">
                    <div class="form-group">
                        <h5> سوال *</h5>
                        <input type="text" name="fdescr" class="form-control form-white" placeholder="سوال خود را مطرح کنید" required>
                    </div>
                    <div class="form-group">
                        <h5>مشخصه *</h5>
                        <input type="text" name="name" class="form-control form-white" placeholder="لطفا یک مشخصه یک کلمه ای به لاتین وارد نمائید" required>
                    </div>                    
                    <div class="form-group">
                        <h5>نوع فیلد</h5>
                        <select class="form-control input-sm" name="type" required>
                            <option value="radio">دکمه های رادیو</option>
                            <option value="checkbox">چک باکس</option>
                            <!--<option value="select">باکس انتخاب</option>-->
                        </select>                                            
                    </div>
                    <span id="btn-addoptions" class="btn-primary btn btn-sm" style="cursor: pointer;">افزودن گزینه</span>
                    <div id="options-defined"></div>             
                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-primary">ذخیره سوال</button>
                </div>
            </div>
            <input type="hidden" name="poll" value="{{$poll->id}}">
        {!! Form::close() !!}           
        </div>
        <div class="col-md-8">
            <div class="panel">
                <div class="panel-heading bg-dark">
                    <h4>سوالات</h4>
                </div>
                <div class="panel-content">
                @foreach($ques as $qu)
                    <div class="well well-sm">
                        {{$qu->fdescr}} 
                        <span class="control-btns">
                            <a href="{{asset('/admin/polls/edit-question='.$qu->id)}}" class="btn btn-warning btn-sm" title="ویرایش سوال" ><i class="icon-settings"></i></a>
                            <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#delete{{$qu->id}}"><i class="icon-trash"></i></button>
                        </span>
                    </div>
                          <!-- Start Delete Modal -->
                            <div id="delete{{$qu->id}}" class="modal fade" role="dialog">
                              <div class="modal-dialog">

                                <!-- Modal content-->
                                <div class="modal-content model-back">
                                {!! Form::open(['url' => '/admin/polls/manage-questions/delete/'.$qu->id, 'method' => 'post']) !!}
                                  <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <h4 class="modal-title" style="color:black;"> حذف سوال نظرسنجی</h4>
                                    <input type="hidden" name="poll" value="{{$poll->id}}"/>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-sm-12">
                                      <h5>آیا مایل هستید سوال حذف شود؟ <br> <strong style="color:#ab0707; font-weight: 600;">{{$qu->descr}}</strong> </h5>
                                      </div>
                                  </div>
                                  </div>
                                    <div class="modal-footer">
                                      <button type="submit" class="btn btn-success">بله حذف شود</button>
                                      <button type="button" class="btn btn-danger" data-dismiss="modal">انصراف</button>
                                    </div>
                                  {!! Form::close() !!}
                                </div>

                              </div>
                            </div>
                          <!-- End Delete Modal -->                    

                @endforeach
                </div>
            </div>
        </div>

	</div>   

<style type="text/css">
.select2-container {
    z-index: 0 !important;
    }
.control-btns{
    float: left;
}
.well-sm-mm {
    padding: 6px !important;
}

</style>
@stop
@section('js')
<script type="text/javascript">

    counter = 1;
    $(document).on('click','#btn-addoptions',function(){

        $('#options-defined').append('<div id="qs-'+counter+'"><div class="form-group" ><input placeholder="پاسخ " value="" name="opts['+counter+'][fdescr]"  class="form-control form-white input-sm" ><span class="remove" style="position: absolute; left:22px; cursor:pointer; margin-top: 5px; color:#c75757;" onclick="remove('+counter+')"><i class="fa fa-times"></i></span></div></div>');
        counter++;
    });
    function remove(id){
      $('#qs-'+id).fadeOut().remove();
    }  
                
</script>
@stop