@extends('admin.layout.master')
@section('title', 'VEHICLE MANAGEMENT')
@section('content')
    <div class="card sina-card">
        <div class="d-flex justify-content-between card-header card-header-s">
            <div class="d-flex align-items-start">
                <h4>Customer Vehicle</h4>
            </div>
            <div class="d-flex justify-content-end p-0">
                <a href="" class="btn btn-primary btn-sm">Create</a>
                @include('inventory.global.report_print_excel_button')
            </div>
        </div>

        <div class="card-body">
            <form id="form">
                @include('inventory.customer_vehicle.form', ['is_customer_hide' => false, 'existing_data' => $edit ?? null])
                <div class="d-flex justify-content-end mt-4">
                    <button type="button" class="btn btn-primary btn-sm" id="save" onclick="submitForm()">Submit</button>
                    &nbsp;
                    <a href="{{ route('inventory.vehicle.index') }}" class="btn btn-danger btn-sm">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function () {
            $('.select_2').select2();
            $('#customer_id').select2({
                matcher: function (params, data) {
                    if ($.trim(params.term) === '') {
                        return data;
                    }

                    let term = params.term.toLowerCase();
                    let text = data.text.toLowerCase();
                    let phone = $(data.element).data('phone');

                    if (text.indexOf(term) > -1 ||
                        (phone && phone.toString().indexOf(term) > -1)) {
                        return data;
                    }

                    return null;
                }
            });
        });

        function checkExist() {
            let party = $('#party').val();
            let date = $('#date').val();
            let supervisor = $('#supervisor').val();
            let style = $('#style').val();
            let line = $('#line').val();

            let linkUrl = "{{ route('inventory.hourly_production.report') }}";
            let int_data_param = {
                party_id: party,
                date: date,
                supervisor_id: supervisor,
                style_id: style,
                line_id: line
            };

            ajaxCallV2(linkUrl, 'GET', int_data_param, function (data) {
                $('#loader').hide();
                $('#report_detail').html(data);
            }, function (error) {
                $('#loader').hide();
            });

        }

        let vehicleInit = {
            brand_id: null,
            model_id: null,
            year: '',
            vehicle_number: '',
            engine_number: '',
            chassis_number: '',
        };

        let initCustomerObj = {
            customer_id: null,
            vehicle: []
        }

        function loader(buttonId, title, status = true) {
            $("#" + buttonId).prop("disabled", status).text(title);
        }

        let customerObj = deepClone(initCustomerObj);
        let submitUrl = "{{ route('inventory.vehicle.store_update') }}";

        function submitForm() {
            loader('btn_submit', 'saving...');
            return commonSubmitForm({
                post_url: submitUrl,
                dataObj: customerObj,
                callback: function () {
                    $('#loader').hide();
                    if (customerObj.vehicle[0].id == null) {
                        resetVehicle();
                    }
                },
                multiFiles: [],
            });
        }
    </script>
@endsection