@extends('layouts.app')

@section('content')

<!-- PAGE HEADER -->
<div class="page-header">
    <div>
        <h1>Load Entries <small>List & Management</small></h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Load Entries</li>
        </ol>
    </div>

</div>
<!-- PAGE HEADER END -->

<div class="content mt-3">
    <div class="card shadow mb-4">
        <div class="card-header">
            Load Entry List
        </div>
        <div class="card-body">
            <table class="table table-bordered dt-responsive data-table" id="loadEntriesTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>S.No.</th>
                        <th>Customer</th>
                        <th>Appliance</th>
                        <th>Quantity</th>
                        <th>Day Running Hours</th>
                        <th>Night Running Hours</th>
                        <th>Created At</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>

@stop

@section('scripting')

<script>
    $(document).ready(function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var table = $('#loadEntriesTable').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ url('get_appliances_list_data') }}",
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'customer_name',
                    name: 'user.name'
                },
                {
                    data: 'appliance_name',
                    name: 'appliance.name'
                },
                {
                    data: 'quantity',
                    name: 'quantity'
                },
                {
                    data: 'day_running_hours',
                    name: 'day_running_hours'
                },
                {
                    data: 'night_running_hours',
                    name: 'night_running_hours'
                },
                {
                    data: 'created_at',
                    name: 'created_at'
                }
            ],
            order: [
                [6, 'desc']
            ], // Sort by created_at column (0-based index 6)
            language: {
                search: "_INPUT_",
                searchPlaceholder: "Search load entries",
            }
        });



    });
</script>

@endsection