@extends('layouts.admin')
@section('page_title')
@parent
مدیریت اسلایدر
@endsection
@section('head-js')
<link href="/plugins/datatables/dataTables.min.css" rel="stylesheet">
<script src="{{asset('/plugins/ckeditor/ckeditor.js')}}"></script>
@endsection
@section('main')
  <div class="header">
    <h2>مدیریت اسلایدر</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>
    @can('new-slider')
<button class="btn btn-success" data-toggle="modal" data-target="#addslider"><i class="icon-plus"></i> افزودن اسلایدر جدید </button>
<!-- Modal Del -->
<div id="addslider" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
    {!! Form::open(['url' => '/admin/slider-manager/newhandle', 'method' => 'post' , 'enctype' => 'multipart/form-data']) !!}
      <div class="modal-header bg-green">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">افزودن اسلایدر جدید</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-7">
            <div class="form-group">
              <label>عنوان اسلایدر</label>
              <input type="text" name="title" class="form-control">
            </div>
            <div class="form-group">
              <label>نوع لینک</label>
              <select name="type" class="form-control" required>
                <option value="1">Link</option>
                <option value="2">Category_id</option>
                <option value="3">Product_id</option>
              </select>
            </div>
            <div class="form-group">
              <label>لینک</label>
              <input type="text" name="link" class="form-control" style="text-align:left; direction:ltr;">
            </div>

            <div class="form-group">
              <label>اولویت</label>
              <input type="number" name="sort" value="0" class="form-control">
            </div>
          </div>
          <div class="col-md-5">
              <div class="form-group">
                  <label>بارگذاری تصویر اسلایدر</label>
                  <div id="image-preview" style="  width: 100%; height: auto; position: relative; overflow: hidden; background-color: inherit; color: inherit; margin: 0 auto;">
                    <img src="/no-image.jpg" class="default-user-pic img-responsive" style=" width: 100%; height: autopx;" id="blah" alt="your image" width="100" height="100" align="middle">
                  </div>

                  <div class="input-group">
                      <label class="input-group-btn">
                          <span class="btn btn-primary" style="border-radius:0; width:100%; display: table; text-align: center; font-family: yekan;">
                              بارگذاری <input type="file" style="display: none;" multiple  onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])" name="src">
                          </span>
                      </label>
                  </div>
                  <p>1046 * 570 پیکسل</p>
              </div>
            <div class="form-group">
              <label>وضعیت </label>
              <div class="onoffswitch2">
                <input type="checkbox" name="status" class="onoffswitch-checkbox" id="status" checked>
                <label class="onoffswitch-label" for="status">
                  <span class="onoffswitch-inner"></span>
                  <span class="onoffswitch-switch"></span>
                </label>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-success">ذخیره</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
      </div>
    {!! Form::close() !!}
        </div>

    </div>
  </div>
<!-- Close Modal new -->
@endcan
@can('show-slider')
<div class="panel">
  <div class="panel-content pagination2 table-responsive filter-left">
            <table class="table table-hover table-dynamic table-tools">
                <thead>
                    <tr>
                        <th>ترتیب</t
                        <th>تصویر اسلایدر</th>
                        <th>عنوان</th>
                        <th>وضعیت</th>
                        <th>تاریخ انتشار</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                @foreach($slides as $slide)
                <tr>
                    <td>{{$slide->sort}}</td>
                    <td><img @if($slide->src) src="{{asset('/uploads/sliders/'.$slide->src)}}" @else src="/no-image.jpg" @endif width="100px"></td>
                    <td>{{$slide->title}}</td>
                    <td>@if($slide->status == 1) <span class="btn btn-success btn-sm" title="فعال">فعال</span> @else <span class="btn btn-danger btn-sm" title="غیر فعال">غیرفعال</span> @endif</td>
                 
                    <td>{{\Morilog\Jalali\Jalalian::forge($slide->created_at)->format('l d  F Y - h:i')}}</td>

                    <td>
                        @can('edit-slider')
                        <button class="btn btn-blue btn-sm" data-toggle="modal" data-target="#{{$slide->id}}-edit"><i class="icon-settings" data-toggle="tooltip" title="ویرایش"></i></button>
                        @endcan
                        @can('delete-slider')
                        <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#{{$slide->id}}-del"><i class="icon-trash" data-toggle="tooltip" title="حذف"></i></button>
                        @endcan

                    </td>
                </tr>
                                @can('delete-slider')
                                <!-- Modal Del -->
                                <div id="{{$slide->id}}-del" class="modal fade" role="dialog">
                                  <div class="modal-dialog">

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

                                        <p style="font-size:14px;">آیا از حذف این اسلاید <strong>{{$slide->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 -->
                                @endcan
                                @can('edit-slider')
                              <!-- Modal Del -->
                              <div id="{{$slide->id}}-edit" class="modal fade" role="dialog">
                                <div class="modal-dialog modal-lg">

                                  <!-- Modal content-->
                                  <div class="modal-content">
                                  {!! Form::open(['url' => '/admin/slider-manager/edithandle/'.$slide->id, 'method' => 'post' , 'enctype' => 'multipart/form-data']) !!}
                                    <div class="modal-header bg-green">
                                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      <h4 class="modal-title">ویرایش اسلایدر {{$slide->title}}</h4>
                                    </div>
                                    <div class="modal-body">
                                      <div class="row">
                                        <div class="col-md-7">
                                          <div class="form-group">
                                            <label>عنوان</label>
                                            <input type="text" name="title" value="{{$slide->title}}" class="form-control">
                                          </div>
                                          <div class="form-group">
                                            <label>نوع لینک</label>
                                            <select name="type" class="form-control" required>
                                              <option value="1" @if($slide->type == 1) selected @endif>Link</option>
                                              <option value="2" @if($slide->type == 2) selected @endif>Category_id</option>
                                              <option value="3" @if($slide->type == 3) selected @endif>Product_id</option>
                                            </select>
                                          </div>
                                          <div class="form-group">
                                            <label>لینک</label>
                                            <input type="text" name="link" value="{{$slide->link}}" class="form-control" style="text-align:left; direction:ltr;">
                                          </div>
                                          <div class="form-group">
                                            <label>اولویت</label>
                                            <input type="number" name="sort" value="{{$slide->sort}}" class="form-control">
                                          </div>
                                        </div>

                                        <div class="col-md-5">
                                            <div class="form-group">
                                                <label>بارگذاری تصویر اسلایدر </label>
                                                <div id="image-preview2" style="  width: 100%; height: auto; position: relative; overflow: hidden; background-color: inherit; color: inherit; margin: 0 auto;">
                                                  <img @if($slide->src) src="{{asset('/uploads/sliders/'.$slide->src)}}" @else src="/no-image.jpg" @endif class="default-user-pic img-responsive" style=" width: 100%; height: auto;" id="editslidefa{{$slide->id}}" alt="your image" width="100" height="100" align="middle">
                                                </div>

                                                <div class="input-group">
                                                    <label class="input-group-btn">
                                                        <span class="btn btn-primary" style="border-radius:0; width:100%; display: table; text-align: center; font-family: yekan;">
                                                            بارگذاری <input type="file" style="display: none;" multiple  onchange="document.getElementById('editslidefa{{$slide->id}}').src = window.URL.createObjectURL(this.files[0])" name="src">
                                                        </span>
                                                    </label>
                                                </div>
                                                 <p>1046 * 570 پیکسل</p>
                                            </div>
                                          <div class="form-group">
                                            <label>وضعیت</label>
                                            <div class="onoffswitch2">
                                              <input type="checkbox" name="status" class="onoffswitch-checkbox" id="status{{$slide->id}}" @if($slide->status == 1) checked @endif>
                                              <label class="onoffswitch-label" for="status{{$slide->id}}">
                                                <span class="onoffswitch-inner"></span>
                                                <span class="onoffswitch-switch"></span>
                                              </label>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="submit" class="btn btn-success">به روزرسانی</button>
                                      <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                    </div>
                                  {!! Form::close() !!}
                                      </div>

                                  </div>
                                </div>
                                @endcan
                @endforeach
                </tbody>
            </table>
    {{$slides->links('admin.pagination')}}
  </div>
</div>
@endcan
@endsection
@section('js')

@stop