@section('customStyle')
    <link href='{{ asset("dashboard/$locale/plugins/table/datatable/datatables.css") }}' rel="stylesheet" type="text/css" />
@endsection

<div class="table-responsive">
    <table id="reservationsTable" class="table table-hover text-center">
        <thead>
            <tr>
                <th>#</th>
                <th>{{ __('validation.attributes.created_at') }}</th>
                <th>{{ __('validation.attributes.reservation_code') }}</th>
                <th>{{ __('validation.attributes.car') }}</th>
                <th>{{ __('validation.attributes.company') }}</th>
                <th>{{ __('validation.attributes.username') }}</th>
                <th>{{ __('validation.attributes.start_date') }}</th>
                <th>{{ __('validation.attributes.end_date') }}</th>
                <th>{{ __('validation.attributes.total_amount') }}</th>
                <th>{{ __('validation.attributes.status') }}</th>
                <th>{{ __('general.options') }}</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>#</th>
                <th>{{ __('validation.attributes.created_at') }}</th>
                <th>{{ __('validation.attributes.reservation_code') }}</th>
                <th>{{ __('validation.attributes.car') }}</th>
                <th>{{ __('validation.attributes.company') }}</th>
                <th>{{ __('validation.attributes.username') }}</th>
                <th>{{ __('validation.attributes.start_date') }}</th>
                <th>{{ __('validation.attributes.end_date') }}</th>
                <th>{{ __('validation.attributes.total_amount') }}</th>
                <th>{{ __('validation.attributes.status') }}</th>
                <th>{{ __('general.options') }}</th>
            </tr>
        </tfoot>
    </table>
</div>


@section('customScript')
    @parent
    <script src='{{ asset("dashboard/$locale/plugins/table/datatable/datatables.js") }}'></script>

    <script>
        var reservationsTable = initializeDataTable("#reservationsTable",{
        columns : [
            {data: 'DT_RowIndex', orderable: false, searchable: false },
            {data: "created_at"},
            {data: "code"},
            {data: "car", searchable: false, orderable: false},
            {data: "company", searchable: false, orderable: false},
            {data: "user", searchable: false, orderable: false},
            {data: "start_date"},
            {data: "end_date"},
            {data: "total_price"},
            {data: "status"},
            {data: "actions", searchable: false, orderable: false},
    ]},
    {
        subPlace: "reservations_datatable"
    }
    );
    </script>
@endsection