@extends('admin.default')

@section('page-header')
    Images  <small>{{ trans('app.manage') }}</small>
@endsection

@section('content')

    <div class="mB-20">

        <div class="dropdown">
            <a href="{{ route(ADMIN . '.images.create') }}" class="btn btn-info">
                {{ trans('app.add_button') }}
            </a>
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
              Multiple Action
            </button>
            <div class="dropdown-menu">
              <a class="dropdown-item" href="#">Add Keywords</a>
              <a class="dropdown-item" href="#">Add Series</a>
              <a class="dropdown-item" href="#">Change Licence Type</a>
              <a class="dropdown-item" href="#">Change People Option Type</a>
              <a class="dropdown-item" href="#">Active Selected </a>
              <a class="dropdown-item" href="#">De-Activate Selected </a>
              <a class="dropdown-item" href="#">Delete  Selected </a>
              <a class="dropdown-item" href="#">Publish  Selected</a>
              <a class="dropdown-item" href="#">Delete  Selected</a>
              <a class="dropdown-item" href="#">Un-Publish  Selected</a>
            </div>
          </div>
    </div>

  
    <div class="bgc-white bd bdrs-3 p-20 mB-20">
        <div class="">
            <table id="dataTable" class="table table-striped table-bordered table-responsive" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th><input type="checkbox" class="select_all"></th>
                        <th>Sr No.</th>
                        <th>Image Id</th>
                        <th>Series</th>
                        <th>Image Title</th>
                        <th>Copyright</th>
                        <th>Image</th>
                        <th>License Type  </th>
                        <th>Status</th>
                        <th>Keywords</th>
                        {{-- <th>Orientation</th>
                        <th>People</th> --}}
                        <th>Actions(Edit/delete)</th>
                    </tr>
                </thead>

          <!--      <tfoot>
                    <tr>
                        <th><input type="checkbox" class="select_all large_check"></th>
                        <th>Sr No.</th>
                        <th>Image Id</th>
                        <th>Series</th>
                        <th>Image Title</th>
                        <th>Copyright</th>
                        <th>Image</th>
                        <th>Price(S,M,L)</th>
                        <th>License Type  </th>
                        <th>Status</th>
                        <th>Keywords</th>
                        {{-- <th>Orientation</th>
                        <th>People</th> --}}
                        <th>Actions(Edit/delete)</th>

                    </tr>
                </tfoot>-->

                <tbody>
                    @foreach ($items as  $item)
                        <tr>
                            <td><input class="images large_check" type="checkbox" value="{{$item->image_id}}" name="checkbox[]" ></td>
                            <td>{{$item->image_id}} <span class="text-danger">@if($item->image_id == "")ImageID Missing @endif</span></td>
                            <td>{{ $item->image_name_id }}</td>
                            <td>{{ $item->Series }} <span class="text-danger">@if($item->Series == "")Series Missing @endif</span></td>
                            <td><a href="{{ route(ADMIN . '.images.edit', $item->image_id) }}">{{ $item->image_title }}</a><span class="text-danger">@if($item->image_title == "")Title Missing @endif</span></td>
                            <td>{{ $item->copyright }} <span class="text-danger">@if($item->copyright == "")Copyright Missing @endif</span></td>
                            <td><img class="zoom" width="100px" class="" src="{{ $item->thumbnail }}" alt=""></td>
                          <!--  <td></td>-->
                            <td>{{Arr::get(config('variables.License'),$item->license_type)}}</td>
                            <td> <a href="{{route(ADMIN . '.images.status',[$item->image_id,$item->status])}}"
                                class="btn btn-{{config('variables.color')[$item->status]}} btn-sm"> {{config('variables.publish')[$item->status]}}  </a></td>
                            <td><span data-placement="top" title="{{$item->keyword}}">{{Str::substr($item->keyword,0) }} </span><span class="text-danger">@if($item->keyword == "")Keyword Missing @endif</span></td>


                            {{-- <td>{{Arr::get(config('variables.Orientation'),$item->orientation)}}</td> --}}

                            <td>
                                    <ul class="list-inline">
                                        <li class="list-inline-item">
                                            <a href="{{ route(ADMIN . '.images.edit', $item->image_id) }}" title="{{ trans('app.edit_title') }}" class="btn btn-primary btn-sm"><span class="ti-pencil"></span></a></li>
                                        <li class="list-inline-item">
                                            {!! Form::open([
                                                'class'=>'delete',
                                                'url'  => route(ADMIN . '.images.destroy', $item->image_id),
                                                'method' => 'DELETE',
                                                ])
                                            !!}

                                                <button class="btn btn-danger btn-sm" title="{{ trans('app.delete_title') }}"><i class="ti-trash"></i></button>

                                            {!! Form::close() !!}
                                        </li>
                                    </ul>
                            </td>
                        </tr>
                    @endforeach
                </tbody>

            </table>
        </div>
    </div>

@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){
$('.select_all').on('click',function() {

    $('.images').prop('checked',$(this).prop('checked'));
})
});
</script>