@extends('layouts.app')
@section('title', 'All Slugs')

@push('stylesheets')
@include('partials.index-datatable-styles')
@endpush

@section('content')
    <x-layouts.page-wrapper title="All Slugs" :breadcrumbs="[
        'All Slugs' => null,
    ]">
        <div class="col-12">
            <x-layouts.index-card :createRoute="null" createLabel="Add Slug" :headers="['ID', 'Slug', 'Type', 'Model ID', 'Created At']" :sortColumns="['id', 'slug', 'slugable_type', 'slugable_id', 'created_at']" :pagination="$slugs->links('vendor.pagination.bootstrap-4')">
                @foreach ($slugs as $s)
                    <tr>
                        <td>{{ $s->id }}</td>
                        <td>{{ $s->slug }}</td>
                        <td>{{ class_basename($s->slugable_type) }}</td>
                        <td>{{ $s->slugable_id }}</td>
                        <td>{{ $s->created_at->format('d M Y h:i A') }}</td>
                    </tr>
                @endforeach
            </x-layouts.index-card>
        </div>
    </x-layouts.page-wrapper>
@endsection

@push('scripts')
@include('partials.index-datatable-scripts')
<script>
    $(function () {
        if ($('#example1').length && typeof window.PmsIndexDataTable !== 'undefined') {
            PmsIndexDataTable.initLaravelPaginated('#example1', { order: [[0, 'desc']] });
            PmsIndexDataTable.attachServerSort('#example1', {
                sortColParam: 'sort_col',
                sortDirParam: 'sort_dir',
                currentSortCol: '{{ request("sort_col", "id") }}',
                currentSortDir: '{{ request("sort_dir", "desc") }}',
                currentQuery: @json(request()->except(['page', 'sort_col', 'sort_dir']))
            });
        }
    });
</script>
@endpush