@php ($headerOption = [
'title' => $module,
'header_buttons' => [],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout', $headerOption)


@section('content')
<div class="table-responsive">
    <table class="{!! \Config::get('view.table.table_class') !!}">
        <thead class="{!! \Config::get('view.table.table_head_class') !!}">
            <tr>
                <th style="width: 5%;">Preview</th>
                <th>Caption</th>
                <th>Description</th>
                <th>Location</th>

                <th style="width: 150px; text-align: right;">Actions</th>
            </tr>
        </thead>
        <tbody>
        @if(count($data))
          @foreach ($data as $key => $val)
          <tr>
            <td width="3%">
              @if(isset($val->files[0]))
                @if(strpos($val->files[0]['file_mime'], 'image') !== false)
                  {!! \App\Helpers\Helper::genLogo($val->files[0], $val, 'xs', 'rounded avatar-sm') !!}
                @elseif((strpos($val->files[0]['file_mime'], 'video') !== false) && isset($val->files[0]['original']) && isset($val->files[0]['thumb']))
                  <a href="{{ $val->files[0]['original'] }}" target="_blank">
                      <img src="{{ $val->files[0]['thumb'] }}" alt="Video Thumbnail" class="rounded avatar-sm">
                  </a>
                @endif
              @else
                <span class="avatar-sm rounded bg-light text-muted d-inline-flex align-items-center justify-content-center">
                    {{ $val->name ?? 'No Img' }}
                </span>
              @endif
            </td>
            <!-- <td scope="row"><img class="rounded avatar-sm" alt="200x200" width="100" src="{{ asset('img/dummy/cannabis-hanf-mariuhana-cannabisgesetz-weed-600nw-2509819063.webp') }}" data-holder-rendered="true"></td> -->
            <td> {{ $val->caption }}</td>
            <td>{{ $val->description }}</td>
            <td> {{ $val->location }}</td>
            <td class="text-right">
              <a data-toggle="tooltip" title="" href="javascript:;"><i class="bx bx-bell fa-2x text-dark"></i></a>
              <a data-toggle="tooltip" title="" href="javascript:;"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
              <a href="{{ route($routePrefix . '.post_show', $val->id ) }}" class="show-modal" data-toggle="tooltip" title="Show"><i class="bx bx-chevron-right fa-2x text-dark"></i></a>
          </td>


          </tr>
          @endforeach
        @else
        <tr>
          <td colspan="25">
            <div class="alert alert-danger">No Data Found</div>
          </td>
        </tr>
        @endif
    </table>
</div>

@include('admin.components.pagination')


@endsection