@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>
    <button class="btn btn-blue" data-toggle="modal" data-target="#newupload"><i class="icon-cloud-upload"></i> آپلود فایل جدید</button>
    <div class="row">
      <div class="panel">
        <div class="panel-content" style="min-height:400px;">
          <div class="row">
          @if(count($files) > 0 )
                @foreach($files as $file)
                    <div class="col-md-2">
                      <div class="upload-box-item">
                          <div class="upload-box-img">
                            <img @if($file->ext == 'pdf') src="{{asset('/uploads/general/pdf-pre.jpg')}}" @else @if($file->thumbnail) src="{{asset($file->thumbnail)}}" @else src="{{asset('no-image.jpg')}}" @endif @endif class="img-responsive">
                            <div data-target="#showdetail-{{$file->id}}" data-toggle="modal" class="hover-show">
                              <span><i class="icon-magnifier-add"></i></span>
                            </div>
                          </div>
                      </div>
                      <div id="showdetail-{{$file->id}}" class="modal fade" role="dialog">
                        <div class="modal-dialog">

                          <!-- Modal content-->
                          <div class="modal-content model-back">
                            <div class="modal-header bg-blue">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <h4 class="modal-title"> جزئیات فایل - {{$file->name}}</h4>
                            </div>
                            <div class="modal-body">
                              <div class="row">
                                <div class="col-md-6">
                                  <p><strong>نام فایل: </strong> {{$file->name}}</p>
                                  <p><strong>حجم فایل: </strong>KB {{intval($file->size/1024)}} </p>
                                  <p><strong>پسوند: </strong> {{$file->ext}}</p>
                                  <p><strong>تاریخ ایجاد: </strong> {{\Morilog\Jalali\Jalalian::forge($file->created_at)->format('d F Y در H:i')}}</p>
                                  <a href="{{asset($file->src)}}" target="_blank" class="btn btn-sm btn-dark">مشاهده سایز بزرگ تر</a>
                                </div>
                                <div class="col-md-6">
                                  <img @if($file->ext == 'pdf') src="{{asset('/uploads/general/pdf-pre.jpg')}}" @else @if($file->thumbnail) src="{{asset($file->thumbnail)}}" @else src="{{asset('no-image.jpg')}}" @endif @endif class="img-responsive">
                                </div>
                            </div>
                            </div>
                            {!! Form::open(['url'=>'/admin/upload-manager/delete/'.$file->id,'method'=>'post','class'=>'delete-file']) !!}
                              <div class="modal-footer bg-light">
                                <button type="button" class="btn btn-dark" data-dismiss="modal">انصراف</button>
                                <button type="submit" class="btn btn-danger">حذف فایل</button>
                              </div>
                              {!! Form::close() !!}
                          </div>

                        </div>
                      </div>
                    </div>
                  @endforeach
            @else
            <div class="not-found-file">

              <h3><i class="icon-cloud-upload"></i> هیچ فایلی تاکنون بارگذاری نشده است</h3>
            </div>
            @endif
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      {{$files->links()}}
    </div>
@endsection