@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-logos')
      <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/logo-manage/newhandle', 'method' => 'post','enctype'=>'multipart/form-data']) !!}
                        <div class="form-group">
                          <label for="name">نام </label>
                          <input type="text" class="form-control input-sm" id="name" name="name" required>
                        </div>
                        <div class="form-group">
                          <label for="link">لینک</label>
                          <input type="text" class="form-control input-sm" id="link" name="link" style="text-align:left; direction:ltr;">
                        </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="logo" required>
                              </span>
                          </label>
                        </div>
                        <p>ابعاد تصویر میبایست 120 در 40 پیکسل باشد</p>
                        <button type="submit" class="btn btn-success"><i class="fa fa-plus"></i> افزودن لوگو </button>
                    {!! Form::close() !!}
                </div>
            </div>
      </div>
      @endcan
      @can('show-logos')
      <div class="col-sm-8">
            <div class="panel">
                <div class="panel-content">

                        <table class="table table-hover table-dynamic">
                            <thead>
                              <tr>
                                <th>لوگو </th>
                                <th>نام </th>
                                <th>لینک</th>
                                <th></th>
                              </tr>
                            </thead>
                            <tbody>
                            @foreach($logs as $log)
                              <tr>
                                <td>
                                  <img src="{{asset('/uploads/customerlogo/'.$log->src)}}" width="100">
                                </td>
                                <td>{{$log->name}}</td>
                                <td>{{$log->link}}</td>
                                <td>
                                  @can('edit-logos')
                                    <button class="btn btn-warning btn-sm" data-toggle="modal" data-target="#{{$log->id}}-edit" title="ویرایش" ><i class="icon-settings" data-toggle="tooltip" title="ویرایش"></i></button>
                                  @endcan
                                  @can('delete-logos')
                                    <button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#{{$log->id}}-del"><i class="icon-trash" data-toggle="tooltip" title="حذف"></i></button>
                                  @endcan
                                </td>
                              </tr>
                              @can('edit-logos')
                                <!-- Modal Edit -->
                                <div id="{{$log->id}}-edit" class="modal fade" role="dialog">
                                  <div class="modal-dialog">
                                    <!-- Modal content-->
                                    <div class="modal-content">
                                    {!! Form::open(['url' => '/admin/logo-manage/edithandle/'.$log->id, 'method' => 'post' ,'enctype'=>'multipart/form-data']) !!}
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title" style="color:black;">ویرایش {{$log->name}} </h4>
                                      </div>
                                      <div class="modal-body">
                                      <div class="col-md-6">
                                        <div class="form-group">
                                          <label for="name">نام </label>
                                          <input type="text" class="form-control input-sm" id="name" value="{{$log->name}}" name="name" required>
                                        </div>
                                        <div class="form-group">
                                          <label for="link">لینک</label>
                                          <input type="text" class="form-control input-sm" id="link" value="{{$log->link}}" name="link" style="text-align:left; direction:ltr;">
                                        </div>
                                      </div>
                                      <div class="col-md-6">
                                          <div class="form-group">
                                              <div id="image-preview" style="  width: 80px; height: auto; position: relative; overflow: hidden; background-color: inherit; color: inherit; margin: 0 auto;">
                                                  <img @if($log->src) src="{{asset('/uploads/customerlogo/'.$log->src)}}" @else src="/no-image.jpg" @endif class="default-user-pic img-responsive" style=" width: 100%; height: auto;" id="blah1" alt="your image" width="80" height="80" 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('blah1').src = window.URL.createObjectURL(this.files[0])" name="editlogo">
                                                    </span>
                                                </label>
                                              </div>
                                              <p>ابعاد تصویر میبایست 120 در 40 پیکسل باشد</p>
                                          </div>
                                      </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 -->
                                @endcan

                                @can('delete-logos')

                                <!-- Modal Del -->
                                <div id="{{$log->id}}-del" class="modal fade" role="dialog">
                                  <div class="modal-dialog">
                                    <!-- Modal content-->
                                    <div class="modal-content">
                                    {!! Form::open(['url' => '/admin/logo-manage/delete/'.$log->id, 'method' => 'post']) !!}
                                      <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title" style="color:black;">حذف {{$log->name}} </h4>
                                      </div>
                                      <div class="modal-body">
                                        <img src="{{asset('/uploads/giftwraps/'.$log->src)}}" width="100">
                                        <p style="font-size:14px;">آیا از حذف لوگو <strong>{{$log->name}}</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
                             @endforeach
                            </tbody>
                          </table>
                </div>
            </div>
      </div>
      @endcan
    </div>
@endsection