@extends('layouts.admin')
@section('page_title')
@parent
دسته بندی محصولات
@endsection
@section('head-js')
<script src="{{asset('/assets/plugins/ckeditor1/ckeditor.js')}}"></script>
<style>
.select2-container {
    z-index: 999999 !important;
}
.custom-selector .select2-container {
    z-index: 10 !important;
}
ul.petition-ListCats ul {
    margin-right: 45px;
}
ul.petition-ListCats li {
    margin-bottom: 8px;
}
.rtl .dd-handle ~ .dd3-content {
    padding: 0px 40px 8px 12px;
}
.dd3-content .btn.btn-sm {
    padding: 4px 7px !important;
}
.dd3-content i {
    padding: 0 !important;
    margin: 0;
}
.dd3-content span {
    margin-left: 17px;
}
.rtl .dd{
    width: 100% !important;
}
</style>
@stop
@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/products">محصولات</a></li>
        <li class="active">دسته بندی محصولات</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">
                <p>شما میبایست در این قسمت دسته بندی موضوعی  خود را وارد نمائید</p><br>
            {!! Form::open(['url' => '/admin/products/category/newhandle', 'method' => 'post' ,'enctype'=>'multipart/form-data']) !!}
                <div class="form-group">
                  <label for="name"> نام دسته</label>
                  <input type="text" class="form-control input-sm" name="title" required>
                </div>
                <div class="form-group">
                  <label for="name"> نامک</label>
                  <input type="text" class="form-control input-sm" name="slug" required>
                </div>
                <div class="form-group custom-selector">
                  <label for="parent">دسته مادر</label>
                  {!! Form::select('parent_id',$allCategories, old('parent_id'), ['class'=>'form-control', 'placeholder'=>'انتخاب دسته مادر']) !!}
                </div>
                <div class="form-group">
                  <label>ترتیب</label>
                  <input type="number" name="sort" value="0" min="0" class="form-control">
                </div>
                <div class="form-group">
                  <label for="name"> متا عنوان</label>
                  <input type="text" class="form-control input-sm" name="metatitle">
                </div>
                <div class="form-group">
                  <label for="name"> متا توضیحات</label>
                  <input type="text" class="form-control input-sm" name="metadescr">
                </div>
                <div class="form-group">
                  <label for="name">توضیحات</label>
                  <textarea class="form-control" name="descr" id="descr"></textarea>
                       <script>CKEDITOR.replace('descr',{
                            language: 'fa',
                            } );
                        </script>                      
                </div>                
                <div class="form-group">
                  <label for="name">تصویر شاخص</label>
                  <input type="file" class="form-control" name="src">
                </div>
                <div class="form-group">
                  <label for="name">آیکون ساختاری</label>
                  <input type="file" class="form-control" name="icon">
                </div>
                <div class="form-group">
                    <label><input type="checkbox" name="front" value="1"> نمایش در صفحه اول</label>
                </div>
                <div class="form-group">
                    <label><input type="checkbox" name="seo" value="1"> سئو شده</label>
                </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">
              <div class="row">
              <div class="dd nestable">
                <ol class="dd-list nestable-dark">
                  @foreach($categories as $cat)
                  <li class="dd-item" data-id="{{$cat->id}}">
                    <div class="dd-handle dd3-handle"></div>
                    <div class="dd3-content">
                      <span>{{$cat->id}} - @if($cat->descr) <i class="icon-check"></i> @if($cat->seo) <i class="icon-check"></i> @endif @endif {{$cat->title}}</span>
                            <a class="btn btn-blue btn-sm" href="{{url('/'.env('Shop_Slug').'/category/'.$cat->slug)}}"><i class="icon-eye" data-toggle="tooltip" title="نمایش"></i></a>
                            <button class="btn btn-warning btn-sm" data-toggle="modal" data-target="#{{$cat->id}}-edit" title="ویرایش" ><i class="icon-settings" data-toggle="tooltip" title="ویرایش"></i></button>
                            <a class="btn btn-primary btn-sm" href="{{url('/admin/products/category/selectbrand/'.$cat->id)}}"><i class="icon-link" data-toggle="tooltip" title="انتخاب برندی ها مرتبط"></i></a>
                            <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#{{$cat->id}}-del"><i class="icon-trash" data-toggle="tooltip" title="حذف"></i></button>
                             - <a target="_blank" href="{{url('/admin/products?cat='.$cat->id.'&')}}">نمایش</a>
                            <!-- Modal Edit -->
                              <div id="{{$cat->id}}-edit" class="modal fade" role="dialog">
                                <div class="modal-dialog">

                                  <!-- Modal content-->
                                  <div class="modal-content">
                                  {!! Form::open(['url' => '/admin/products/category/edit/'.$cat->id, 'method' => 'post' ,'enctype'=>'multipart/form-data']) !!}
                                    <div class="modal-header bg-blue">
                                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      <h4 class="modal-title">ویرایش {{$cat->name}} </h4>
                                    </div>
                                    <div class="modal-body">
                                          <div class="form-group">
                                            <label for="title">نام دسته</label>
                                            <input type="text" class="form-control input-sm" name="title" value="{{$cat->title}}">
                                          </div>
                                          <div class="form-group">
                                            <label for="name"> نامک</label>
                                            <input type="text" class="form-control input-sm" name="slug" value="{{$cat->slug}}" required>
                                          </div>
                                          <div class="form-group">
                                            <label>ترتیب</label>
                                            <input type="number" value="{{$cat->sort}}" name="sort" min="0" class="form-control input-sm">
                                          </div>
                                          <div class="form-group">
                                            <label for="name"> متا عنوان</label>
                                            <input type="text" class="form-control input-sm" value="{{$cat->metatitle}}" name="metatitle">
                                          </div>
                                          <div class="form-group">
                                            <label for="name"> متا توضیحات</label>
                                            <input type="text" class="form-control input-sm" value="{{$cat->metadescr}}" name="metadescr">
                                          </div>
                                          <div class="form-group">
                                            <label for="name">توضیحات</label>
                                            <textarea class="form-control" name="descr" id="descr{{$cat->id}}">{{$cat->descr}}</textarea>
                                            <script>CKEDITOR.replace('descr{{$cat->id}}',{
                                               language: 'fa',
                                            } );
                                            </script>                                            
                                          </div>                                          
                                          <div class="form-group">
                                            <label for="name">تصویر شاخص</label>
                                            <input type="file" class="form-control" name="src">
                                            @if($cat->src) <p>{{$cat->src}}</p> @endif
                                          </div>
                                            <div class="form-group">
                                              <label for="name">آیکون ساختاری</label>
                                              <input type="file" class="form-control" name="icon">
                                              @if($cat->icon) <p>{{$cat->icon}}</p> @endif
                                            </div>
                                            <div class="form-group">
                                                <label><input type="checkbox" name="front" value="1" @if($cat->front == 1) checked @endif> نمایش در صفحه اول</label>
                                            </div>  
                                            <div class="form-group">
                                                <label><input type="checkbox" name="seo" value="1" @if($cat->seo == 1) checked @endif> سئو</label>
                                            </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>
                              <!-- Close Modal Edit -->

                              <!-- Modal Del -->
                              <div id="{{$cat->id}}-del" class="modal fade" role="dialog">
                                <div class="modal-dialog">

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

                                      <p style="font-size:14px;">آیا از حذف دسته <strong>{{$cat->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 -->
                    </div>
                    @if(count($cat->childs))
                      <ol class="dd-list">
                        @include('admin.products.child',['childs' => $cat->childs])
                      </ol>
                    @endif
                  </li>
                  @endforeach
                </ol>
              </div>
            </div>
        </div>
            <div class="panel-content">
              <div class="row">
                  {{$categories->links('admin.pagination')}}
              </div>
            </div>
      </div>
    </div>
  </div>

@endsection
@section('js')
<script src="/assets/plugins/select2/select2.full.min.js"></script>
@stop