@extends("admin.template.layout")

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">

              <!-- Ajax Sourced Server-side -->
              <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">{{$mode ?? $page_heading}}</h5>
                    @if(get_user_permission('categories','c'))
                    <a href="{{route('webbanners.create')}}" class="main-btn primary-btn btn-hover btn-sm"><i class='bx bx-plus'></i> Create</a>
                    @endif
                  </div>
                <div class="card-body">
                  <div class="card-datatable text-nowrap">
                    <div class="table-responsive">
                    <table class="datatables-ajax table table-condensed" id="tabelist">
                      <thead>
                          <tr>
                              <th>#</th>
                              <th>Banner  Title</th>
                              <th>Status Text</th>
                              <th>Image</th>
                              <th>Created Date</th>
                              <th>Action</th>
                          </tr>
                      </thead>
                      <tbody>
                          @foreach ($list as $key => $webbanner)
                          <tr>
                              <td>{{ $key + 1 }}</td>
                              <td>{{ $webbanner->name }}</td>
                              <td>{{ $webbanner->status == 1 ? 'Active' : 'Inactive' }}</td>
                              <td>
                                  <img src="{{ get_uploaded_image_url($webbanner->image, 'banner_image_upload_dir', 'placeholder.png') }}" 
                                      alt="{{ $webbanner->name }}" 
                                      class="img-thumbnail" 
                                      width="50">
                              </td>
                              <td>{{ $webbanner->created_at->format('d M Y') }}</td>
                              <td>
                                  <a href="{{ route('webbanners.edit', ['id' => $webbanner->id]) }}" class="btn btn-primary btn-sm">Edit</a>
                                  <form action="{{ route('webbanners.destroy', ['id' => encrypt($webbanner->id)]) }}" method="POST" style="display:inline;">
                                      @csrf
                                      @method('GET')
                                      <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</button>
                                  </form>
                              </td>

                          </tr>
                          @endforeach
                      </tbody>
                  </table>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Ajax Sourced Server-side -->

        </div>
@stop
@section('script')
<script>
  jQuery(document).ready(function(){

      App.initTreeView();

  })
</script>
<script>
        $('#tabelist').DataTable({
            "paging": true,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": true,
            "responsive": true,
        });
    </script>
@stop