@extends('layout.app')
@section('title','Vehicle List')
@push('headerscript')
    <link rel="stylesheet" href="{{asset('theme/assets/bootstrap-sweetalert/sweet-alert.css') }}" type="text/css">
    <link rel="stylesheet" type="text/css"
          href="{{asset('theme/app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="content-header row align-items-center">
            <div class="content-header-left col-md-6 col-6">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h5 class="content-header-title float-left mb-0">Vehicle List</h5>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-right col-md-6 col-6 d-flex justify-content-end align-items-center gap-2">
                @if(tenant_manager()->getVehicleLimit() !== null)
                    @php
                        $vLimit = tenant_manager()->getVehicleLimit();
                        $vCount = tenant_manager()->getVehicleCount();
                        $isFull = $vCount >= $vLimit;
                    @endphp
                    <span class="badge {{ $isFull ? 'badge-danger' : 'badge-primary' }} mr-1">
                        Fleet: {{ $vCount }} / {{ $vLimit }}
                    </span>
                @endif
                <div class="breadcrum-right">
                    @if(!tenant_manager()->canAddVehicle())
                        <button type="button" class="btn btn-secondary btn-sm mb-0" onclick="alert('Vehicle limit of {{ tenant_manager()->getVehicleLimit() }} vehicles reached. Please upgrade your {{ is_desktop_mode() ? 'license' : 'plan' }}.');">
                            <i class="feather icon-lock"></i> Add (Limit Reached)
                        </button>
                    @else
                        <a href="{{route('vehicle.create')}}"
                           class="btn btn-primary btn-sm mb-0">
                            <i class="feather icon-plus"></i> Add
                        </a>
                    @endif
                </div>
            </div>
        </div>
        <div class="content-body mt-1">
            @if(session('error_msg'))
                <div class="alert alert-danger mb-2">
                    {{ session('error_msg') }}
                </div>
            @endif

            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table zero-configuration" id="datatable">
                                            <thead>
                                            <tr>
                                                <th>S.no.</th>
                                                <th>Owner Name</th>
                                                <th>Vehicle Type</th>
                                                <th>Vehicle No.</th>
                                                <th>Load Size</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/app-assets/vendors/js/tables/datatable/datatables.min.js')}}"></script>
    <script src="{{asset('theme/app-assets/vendors/js/tables/datatable/datatables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('theme/assets/bootstrap-sweetalert/sweet-alert.min.js')}}"></script>
    <script>

        $('#datatable').DataTable({
            processing: true,
            serverSide: true,
            stateSave: true,
            responsive: true,
            ajax: {
                url: '{{route('vehicle.getData') }}',
            },
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex', searchable: false},
                {data: 'owner_name', name: 'owner_name'},
                {data: 'vehicle_type', name: 'vehicle_type'},
                {data: 'vehicle_no', name: 'vehicle_no'},
                {data: 'load_size', name: 'load_size'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ]
        });

        function deleteIt(id) {
            swal({
                    title: "Are you sure?",
                    text: "You will not be able to recover this data!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#DD6B55',
                    confirmButtonText: 'Yes, I am sure!',
                    cancelButtonText: "No, cancel it!",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    cancelButtonClass: 'btn-default btn-md waves-effect',
                    confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
                },
                function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            url: '{{ url('vehicle') }}/' + id,
                            type: 'delete',
                            dataType: "JSON",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            success: function () {
                                $("#datatable").DataTable().draw(false);
                            }
                        });
                        swal("Deleted!", "Data has been deleted!", "success");
                    } else {
                        swal("Cancelled", "Data is safe :)", "error");
                    }

                });
        }
    </script>
@endpush