@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 class="active">مدیریت بنرها</li>
      </ol>
    </div>
    @include('admin.error')
  </div>
    <div class="row">
      @can('new-banners')
      <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/banner-manage/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">
                        </div>
                        <div class="form-group">
                          <label for="link">لینک بنر</label>
                          <input type="text" class="form-control input-sm" name="link" style="text-align:left; direction:ltr;">
                        </div>
                        <div class="form-group">
                          <label for="position">موقعیت بنر</label>
                          <select class="form-control" name="position" >
                            <option value="">انتخاب کنید</option>
                            @foreach($positions as $pos)
                            <option value="{{$pos->position}}">{{$pos->name}} @if($pos->size) - اندازه :{{$pos->size}} @endif</option>
                            @endforeach
                          </select>
                        </div>
                        <div class="form-group">
                          <label for="sort">ترتیب</label>
                          <input type="number" value="0" min="0" class="form-control input-sm" name="sort">
                        </div>
                        <div class="form-group">
                          <label>وضعیت</label>
                          <div class="onoffswitch2">
                            <input type="checkbox" name="status" class="onoffswitch-checkbox" id="status">
                            <label class="onoffswitch-label" for="status">
                              <span class="onoffswitch-inner"></span>
                              <span class="onoffswitch-switch"></span>
                            </label>
                          </div>
                        </div>
                        <div class="form-group">
                          <label>مخفی در موبایل</label>
                          <div class="onoffswitch2">
                            <input type="checkbox" name="hideinmobile" class="onoffswitch-checkbox" id="hideinmobile">
                            <label class="onoffswitch-label" for="hideinmobile">
                              <span class="onoffswitch-inner"></span>
                              <span class="onoffswitch-switch"></span>
                            </label>
                          </div>
                        </div>
                        
                        <h5>بارگذاری بنر </h5>
                        <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: auto;" 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="image">
                              </span>
                          </label>
                        </div>
                        <button type="submit" class="btn btn-success"><i class="fa fa-plus"></i>ذخیره بنر</button>
                    {!! Form::close() !!}
                </div>
            </div>
      </div>
      @endcan
      @can('show-banners')
      <div class="col-sm-8">
      <div class="panel">
          {!! Form::open(['url'=>'/admin/banner-manage' , 'method'=>'GET' , 'class'=>'search-form']) !!}
          <div class="panel-content bg-primary">
            <div class="row">
              <div class="form-group col-md-4">
                <p>جستجو</p>
                <input type="text" name="search" class="form-control input-sm" @if(@$searched) value="{{@$searched}}" @endif>
              </div>
              <div class="form-group col-md-4">
                <p>انتخاب  جایگاه</p>
                <select class="form-control input-sm" name="position">
                    <option value="">انتخاب کنید</option>
                    @foreach($positions as $pos)
                        <option value="{{$pos->position}}" @if(@$selectpos == $pos->position) selected @endif>{{$pos->name}}</option>
                    @endforeach
                </select>
              </div>
            </div>
              <div class="row ">
                  <div class="col-md-4">
                      <button type="submit" class="btn btn-dark">جستجو</button>
                         <p>تعداد کل : {{@$banners->total()}}</p>
                  </div>
                  
              </div>
          </div>
          {!! Form::close() !!}
       
      </div>
            <div class="panel">
                <div class="panel-content">

                        <table class="table table-hover table-dynamic">
                            <thead>
                              <tr>
                                <th>ترتیب</th>
                                <th>تصویر شاخص </th>
                                <th>وضعیت </th>
                                <th>عنوان بنر </th>
                                <th>موقعیت </th>
                                <th>ترتیب</th>
                                <th width="20%">تنظیمات</th>
                              </tr>
                            </thead>
                            <tbody>
                            @foreach($banners as $banner)
                              <tr>
                                  <td>{{$banner->sort}}</td>
                                <td>
                                  <img src="{{asset('/uploads/banners/'.$banner->src)}}" class="img-responsive" width="100px" height="100px">
                                </td>
                                <td>
                                  @if($banner->status == 1)
                                    <span class="label label-success">فعال</span>
                                  @else
                                    <span class="label label-danger">غیر فعال</span>
                                  @endif
                                </td>
                                <td>{{$banner->title}}</td>
                                <td>