@extends('layout.app')
@section('content')
    <div class="flex flex-col px-8 py-8">
        <div class="pb-4">
            <div class="flex items-center justify-between">
                <div>
                    <nav class="flex" aria-label="Breadcrumb">
                        <ol role="list" class="flex items-center space-x-4">
                            <li>
                                <div>
                                    <a href="#" class="text-gray-400 hover:text-gray-500">
                                        <!-- Heroicon name: solid/home -->
                                        <svg class="h-5 w-5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                            <path
                                                d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
                                        </svg>
                                        <span class="sr-only">Home</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="flex items-center">
                                    <svg class="h-5 w-5 flex-shrink-0 text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                        <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
                                    </svg>
                                    <a href="#" class="text-md ml-4 font-medium text-gray-500 hover:text-gray-700">{{ $model->breadcrumb }}</a>
                                </div>
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="flex gap-3 items-center">
                    @if (isset($export_csv_url))
                        <a href="{{ $export_csv_url }}">
                            <button type="button" class="rounded bg-blue-500 px-4 py-2 text-sm text-white">
                                Export CSV
                            </button>
                        </a>
                    @endif
                    @if ($model->dt_create)
                    <a href="{{ $create }}">
                        <button type="button" class="rounded bg-green-500 px-4 py-2 text-sm text-white">
                            <i class="fas fa-plus"></i>
                            เพิ่มข้อมูล
                        </button>
                    </a>
                    @endif
                </div>
            </div>

            <div class="-my-2 mt-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
                <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
                    <div class="overflow-hidden border-b border-gray-200 shadow sm:rounded-lg">
                        <table id="datatable" class="cell-border hover">
                            <thead>
                                <tr class="text-left">
                                    @foreach ($model->index_table as $title)
                                        <th>{{ $title }}</th>
                                    @endforeach
                                    @if ($model->dt_detail)
                                        <th></th>
                                    @endif
                                    @if ($model->dt_edit)
                                        <th></th>
                                    @endif
                                    @if ($model->dt_delete)
                                        <th></th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    @stack('page_script')
@endpush