@extends('backend.layouts.app')

@section('breadcrumbs')
<x-backend-breadcrumbs>
    <x-backend-breadcrumb-item type="active" icon=''>Gallery</x-backend-breadcrumb-item>
</x-backend-breadcrumbs>
@endsection

@section('content')
<div class="card">
    <div class="card-body">

        <x-backend.section-header>
            <i class=""></i> Photo Gallery <small class="text-muted"></small>

            <x-slot name="subtitle">
                
            </x-slot>
            <x-slot name="toolbar">
                <x-buttons.create route='{{ route("admin.gallery.create") }}' title="{{__('New')}}" />
            </x-slot>
        </x-backend.section-header>

        <div class="row mt-4">
            <div class="col">
                <table id="datatable" class="table table-bordered table-hover table-responsive-sm">
                    <thead>
                        <tr>
                          <th>#</th>
                          <th>Picture description</th>
                          <th>Updated</th>
                          <th width="200" class="text-right">@lang('adminLang.actions')</th>
                        </tr>
                    </thead>

                    <tbody>
            @if($records)
              @foreach ($records as $record)
                <tr>
                  <td>{{$loop->index+1}}</td>
                <td class="text-left">
                  @php
                    $count = $record->image
                  @endphp
                  
                  @if($count == 0 ) <b>@lang('adminLang.no-photos')</b> @else {{$count}} @endif </td>
                  <td>{{$record->updated_at->format('d/m/y')}}</td>
                  <td class="text-right">
                    
                    <a href="{{ route($baseRoute . '.delete', [$record->id])}} " class="btn btn-danger btn-sm">@lang('adminLang.delete')</a>
                  </td>
                </tr>
              @endforeach
              @endif
          </tbody>
                </table>

                @if(count($records) == 0)
                <p>@lang('adminLang.not-found')</p>
                <a name="" id="" class="btn btn-success btn-sm" href="{{ route( $baseRoute . '.create') }}" role="button">@lang('adminLang.new')</a>
                @endif
            </div>
        </div>
    </div>
    <div class="card-footer">
        <div class="row">
            <div class="col-7">
                <div class="float-left">
                    
                </div>
            </div>
            <div class="col-5">
                <div class="float-end">
                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('css')
  {{--  <link href="{{asset('css/jquery.dataTables.min.css')}}" rel="stylesheet">  --}}
  <link href="{{asset('css/dataTables.bootstrap4.min.css')}}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{asset('js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('js/dataTables.bootstrap4.min.js')}}"></script>
  <script>
    $(document).ready(
      function(){ 
        $('#datatable').DataTable(); 
      });
  </script>
@endpush