@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-sm-4">
        <div class="panel">
            <div class="panel-header bg-green">
                <h4>افزودن محصول جدید</h4>
            </div>
            <div class="panel-content">
            {!! Form::open(['url' => '/admin/products/'.$product->id.'/pack/add', 'method' => 'post' ,'enctype'=>'multipart/form-data']) !!}
                <div class="form-group">
                  <label for="name"> نام محصول/کدمحصول</label>
                    <input type="text" id="productsearch" class="form-control input-sm" placeholder="جستجو محصول">
                </div>
                <div class="form-group">
                    <select class="form-control input-sm" name="product_id" id="resultproduct">
                        @if($product)
                        <option value="{{$product->id}}" selected>{{$product->title}} - {{$product->code}}</option>
                        @else
                        <option value="">انتخاب نمائید</option>
                        @endif
                         
                    </select>
                </div>
                <div class="form-group">
                  <label for="count">تعداد</label>
                  <input type="text" class="form-control input-sm" name="count" required>
                </div>
                <button type="submit" class="btn btn-success"><i class="fa fa-plus"></i> افزودن محصول </button>
            {!! Form::close() !!}
            </div>
        </div>
      </div>
      <div class="col-sm-8">
        <div class="panel">
            <div class="panel-content">
              <table class="table table-hover">
                  <thead>
                    <tr>
                      <th>نام محصول</th>
                      <th>موجودی</th>
                      <th>تعداد</th>
                      <th width="22%"></th>
                    </tr>
                  </thead>
                  <tbody>
                  @foreach($prs as $pr)
                      <tr>
                        <td>{{$pr->products->title}}</td>
                        <td>{{$pr->products->ava}}</td>
                        <td>{{$pr->count}}</td>
                        <td>

                            <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#{{$pr->id}}-del"><i class="icon-trash" data-toggle="tooltip" title="حذف"></i></button>

                        </td>
                      </tr>
                              <!-- Modal Del -->
                              <div id="{{$pr->id}}-del" class="modal fade" role="dialog">
                                <div class="modal-dialog">

                                  <!-- Modal content-->
                                  <div class="modal-content">
                                  {!! Form::open(['url' => '/admin/products/'.$product->id.'/pack/delete/'.$pr->id, 'method' => 'post']) !!}
                                    <div class="modal-header bg-blue">
                                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      <h4 class="modal-title">حذف {{$pr->id}} </h4>
                                    </div>
                                    <div class="modal-body">

                                      <p style="font-size:14px;">آیا از حذف محصول <strong>{{$pr->products->title}}</strong> مطمئن هستید؟</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 -->
                  @endforeach
                  </tbody>
                </table>
            </div>
        </div>
         <a class="btn btn-dark" href="{{url('/admin/products/edit/'.$product->id)}}">برگشت به ادیت محصول</a>
      </div>
     </div>

@endsection
@section('js')
<script src="/assets/admin/js/select2/select2.js"></script>
<script type="text/javascript">

    
    $('#productsearch').keyup(function(){
      
      var input = $(this).val();
      var timeout = null;
      if(input.length >= 4){
    
        $.ajax({
        url : '/admin/ajax/productsearch',
        method : 'get',
        data : {search : input },
        dataType : 'json',
        success : function(data){
            $('#resultproduct').html('');
            $('#resultproduct').append('<option value="">انتخاب کنید</option>');
          $.each(data.prs,function(i,data){
            $('#resultproduct').append('<option value="'+data.id+'">'+data.title+'- '+ data.code+'</option>');
          });        
    
        },
        error : function(data){}
        });
      }
    });
    
</script>
@stop