@extends('layouts.admin')
@section('page_title')
@parent
ویرایش سوال
@endsection
@section('main')
  <div class="header">
    <h2>ویرایش سوال</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/polls">مدیریت نظرسنجی</a></li>
        <li class="active">ویرایش سوال</li>
      </ol>
    </div>    
    @include('admin.error')   
   </div>
   {!! Form::open(['url'=>'/admin/polls/editqshandle/'.$qu->id , 'method'=>'post']) !!}
    <div class="row">
        <div class="col-md-4">
        
            <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" value="{{$qu->fdescr}}" class="form-control form-white" placeholder="سوال خود را مطرح کنید" required>
                    </div>
               
                    <div class="form-group">
                        <h5>مشخصه *</h5>
                        <input type="text" name="name" value="{{$qu->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" @if($qu->type == "radio") selected @endif>دکمه های رادیو</option>
                            <option value="checkbox" @if($qu->type == "checkbox") selected @endif>چک باکس</option>
                            <!--<option value="select" @if($qu->type == "select") selected @endif>باکس انتخاب</option>-->
                        </select>                                            
                    </div>
             
                </div>
                <div class="panel-footer">
                    <button type="submit" class="btn btn-primary">به روزرسانی</button>
                </div>
            </div>
                   
        </div>
        <div class="col-md-8">
            <div class="panel">
                <div class="panel-heading bg-dark">
                    <h4>گزینه های سوال</h4>
                </div>
                <div class="panel-content">
                    <span id="btn-addoptions" class="btn-primary btn btn-sm" style="cursor: pointer;">افزودن گزینه</span>
                    <div id="options-defined">
                                        @foreach($opts as $opt)
                        @if($countc >= 0)
                        <div class="well-sm-mm well well-sm" id="well-{{$countc}}" data-id="{{$opt->id}}">
                            {{$opt->fdescr}}
                            <span class="remove" style="position: absolute; left:22px; cursor:pointer; color:#c75757;" onclick="remove({{$countc}})"><i class="fa fa-times"></i></span>
                        </div>
                                                @else
                            @break
                        @endif

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

    </div> 
    {!! Form::close() !!}  


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

</style>
<input type="hidden" id="countccc" value="{{$count}}">
@stop
@section('js')
<script type="text/javascript">

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

        $('#options-defined').append('<div id="select'+counter+'"><div class="form-group" id="well-'+counter+'"><input value="" placeholder="پاسخ " name="opts['+counter+'][fdescr]" id="opt-'+counter+'" 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){
        dataid =  $('#well-'+id).data('id');
        if(dataid){
        $.ajax({
          data: {dataid:dataid},
          dataType: 'json',
          method: 'get',
          url: '/admin/polls/ajax-delete-qspoll',
          success: function(result){
                
            }
        });
      }
      $('#well-'+id).fadeOut().remove();        
      $('#select'+id).fadeOut().remove();
    }                 
</script>
@stop