@extends('layouts.app') 

@push('css')
    @include('components.dataTable-style-links')
    <style>
        thead tr {
            background-color: #0c1a32;
            color: white;
        }
        .date-column {
            direction: ltr;
            font-weight: 500;
        }
    </style> 
@endpush 

@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-cards-variant menu-icon"></i>
                </span> {{ __('Permits') }}
            </h3>
            
        </div>
        <div class="table-responsive customscroll p-2 shadow-sm">
            <table id="permits-table" class="table dataTable text-center" data-url="{{ route('dashboard.inventories.permits.dataTable') }}">
                <thead>
                    <tr>
                        <th>{{ __('Serial Number') }}</th>
                        <th>{{ __('Type') }}</th>
                        <th>{{ __('Date') }}</th>
                        <th>{{ __('Driver Name') }}</th>
                        <th>{{ __('Truck Number') }}</th>
                        <th>{{ __('Trailer Number') }}</th>
                        <th>{{ __('Container Number') }}</th>
                        <th>{{ __('Container Quantity') }}</th>
                        <th>{{ __('Actions') }}</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div> 
@endsection 

@section('scripts')
    @include('components.dataTable-script-links')
    <script>

    </script>
@endsection