@extends('layouts.admin')
@section('page_title')
@parent
تغییر ویژگی ها - {{$product->title}}
@endsection
@section('main')
  <div class="header">
    <h2>تغییر ویژگی ها - {{$product->title}}</h2>
    <!-- <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/products">همه محصولات</a></li>
        <li class="active">تغییر ویژگی ها - {{$product->title}}</li>
      </ol>
    </div> -->
    @include('admin.error')
  </div>

  <div class="row">
    <div class="col-md-4">
      <div class="panel">
        <div class="panel-heading bg-blue">
          <h5>افزودن ویژگی</h5>
        </div>
        <div class="panel-content">
          {!! Form::open(['url'=>'/admin/products/handlefeature' , 'method'=>'Post']) !!}
            <div class="form-group">
              <select class="form-control" name="feature" id="features" onchange="getoptions()" required>
                <option value="0">-- ویژگی را انتخاب کنید --</option>
                  @foreach($lists as $list)
                      <option value="{{$list->id}}">{{$list->name}}</option>
                  @endforeach

              </select>
            </div>
            <input type="hidden" name="product" value="{{$product->id}}">
            <div class="form-group">
              <select class="form-control" id="options" name="opt" required>
                <option value="0">-- ابتدا یک ویژگی انتخاب کنید --</option>
              </select>
            </div>
            <div class="form-group">
                <label>توضیحات</label>
                <input type="text" class="form-control" name="descr">
            </div>
            <button type="submit" class="btn btn-primary">ذخیره ویژگی</button>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
    <div class="col-md-8">
      <div class="panel">
        <div class="panel-content pagination2 table-responsive filter-left">
          <table class="table table-responsive table-hover table-dynamic table-tools">
            <thead>
              <tr>
                <th>ویژگی</th>
                <th>گزینه</th>
                <th>توضیحات</th>
                <th width="18%"></th>
              </tr>
            </thead>
            <tbody>

              @foreach($coms as $com)

              <tr>
                <td>{{\App\Models\Feature::find($com->feature_id)->name}}</td>
                <td>@if($com->option_id){{\App\Models\Option::find($com->option_id)->name}} @endif</td>
                <td>{{$com->descr}}</td>
                <td>


                  <button data-toggle="modal" data-target="#edit{{$com->id}}" class="btn btn-primary btn-sm"><i class="icon-settings" data-toggle="tooltip" title="ویرایش"></i></button>
                  <button data-toggle="modal" data-target="#delete{{$com->id}}" class="btn btn-danger btn-sm"><i class="icon-trash" data-toggle="tooltip" title="حذف"></i></button>
                                <!-- Modal Del -->
                                <div id="delete{{$com->id}}" class="modal fade" role="dialog">
                                  <div class="modal-dialog">

                                    <!-- Modal content-->
                                    <div class="modal-content">
                                    {!! Form::open(['url' => '/admin/products/change-feature/delete/'.$com->id, 'method' => 'post']) !!}
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title" style="color:black;">حذف @if($com->option_id){{\App\Models\Option::find($com->option_id)->name}}@endif </h4>
                                      </div>
                                      <div class="modal-body">
                                        <input type="hidden" name="product" value="{{$product->id}}">
                                        <input type="hidden" name="option" value="{{$com->option_id}}">
                                        <p style="font-size:14px;">آیا از حذف ویژگی <strong>@if($com->option_id){{\App\Models\Option::find($com->option_id)->name}} @endif</strong> از محصول {{$product->title}} اطمینان دارید؟</p>


                                      </div>
                                      <div class="modal-footer">
                                        <button type="submit" class="btn btn-danger">بله حذف شود</button>
                                        <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                      </div>
                                    {!! Form::close() !!}
                                    </div>

                                  </div>
                                </div>
                                <!-- Close Modal Del -->


                                <!-- Modal Edit -->
                                <div id="edit{{$com->id}}" class="modal fade" role="dialog">
                                  <div class="modal-dialog">

                                    <!-- Modal content-->
                                    <div class="modal-content">
                                    {!! Form::open(['url' => '/admin/products/edit-feature/'.$com->id, 'method' => 'post']) !!}
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title" style="color:black;">ویرایش @if($com->option_id){{\App\Models\Option::find($com->option_id)->name}} @endif</h4>
                                      </div>
                                      <div class="modal-body">
                                        <div class="form-group">
                                            <label>توضیحات</label>
                                            <input type="text" class="form-control" name="descr" value="{{$com->descr}}">
                                        </div>
                                      </div>
                                      <div class="modal-footer">
                                        <button type="submit" class="btn btn-primary">ذخیره شود</button>
                                        <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                      </div>
                                    {!! Form::close() !!}
                                    </div>

                                  </div>
                                </div>
                                <!-- Close Modal Edit -->
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <input type="hidden" value="{{$product->id}}" id="productid">
@endsection
@section('js')
<script type="text/javascript">
  function getoptions(){
    fe = $('#features option:selected').val();
    prid = $('#productid').val();
    $.ajax({
        url: '/admin/product/ajax/getoptionsi',
        method: 'get',
        dataType: 'json',
        data: {id: fe , prid:prid},
        success: function(result){
          $('#options').html('<option value="0">-- انتخاب کنید --</option>');
          $.each(result.opts, function(i,val){
            $('#options').append('<option value="'+val.id +'">'+val.name+'</option>');
          });
        }
    });
  }
</script>
@stop