@php
    $currentRouteName = Route::currentRouteName();
@endphp
<script type="text/javascript">
    $('#vehicle_type_id').on('change', function() {
        getVehicleCapacityByType();
    });
    function getVehicleCapacityByType(){
        var val = $('#vehicle_type_id').val();
        $.post('{{route('getVehicleCapacities')}}',{_token:'{{ csrf_token() }}', vehicle_type_id:val}, function(data){
            $('#vehicle_capacity').html(null);
            $('#vehicle_capacity').append($('<option value="">Select Capacity</option>', {
            }));
            for (var i = 0; i < data.length; i++) {
                let text = data[i].name+" (Capacity: "+data[i].capacity_value+")";
                $('#vehicle_capacity').append($('<option>', {
                    value: data[i].capacity_value,
                    text: text,
                }));
            }
        });
    }
</script>

@if (in_array($currentRouteName, ['elite.fareSystem.create','elite.fareSystem.edit','elite.meterFareSystem.create','elite.meterFareSystem.edit']))
{{-- Elite Local Fare System Logic --}}
<script type="text/javascript">
    $(document).ready(function(){
        let slabIdx = $('#fareSlabTable tbody tr').length;
        console.log("slabIdx : "+slabIdx);
        $('#addFareSlab').on('click', function(e){
            let values = {};
            const v = Object.assign({
                distance_from: '',
                distance_to: '',
                base_fare: '',
                km_fare: ''
            }, values);

            const row = $(`
                <tr>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][distance_from]" value="${v.distance_from}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][distance_to]"   value="${v.distance_to}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][base_fare]"     value="${v.base_fare}" class="form-control" placeholder="enter amount"></td>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][km_fare]"       value="${v.km_fare}" class="form-control" placeholder="enter amount"></td>
                <td><button type="button" class="btn btn-icon btn-danger remove-row">✕</button></td>
                </tr>
            `);
            $('#fareSlabTable tbody').append(row);
            slabIdx++;
        });
        $(document).on('click', '.remove-row', function () {
            $(this).closest('tr').remove();
            renumberSlabs();
        });

        function renumberSlabs() {
            $('#fareSlabTable tbody tr').each(function (i, tr) {
                $(tr).find('input').each(function () {
                    const name = $(this).attr('name');
                    const field = name.substring(name.lastIndexOf('][') + 2, name.length - 1);
                    $(this).attr('name', `fare_slabs[${i}][${field}]`);
                });
            });
            slabIdx = $('#fareSlabTable tbody tr').length;
        }
    });
</script>
@endif

@if (in_array($currentRouteName, ['elite.outstationFareSystem.create','elite.outstationFareSystem.edit']))
{{-- Elite Outstation Fare System Logic --}}
<script type="text/javascript">
    $(document).ready(function(){
        let onewaySlabIdx = $('#onewayFareSlabTable tbody tr').length;
        let twowaySlabIdx = $('#twowayFareSlabTable tbody tr').length;
        console.log("onewaySlabIdx : "+onewaySlabIdx);
        console.log("twowaySlabIdx : "+twowaySlabIdx);
        $('#addOneFareSlab').on('click', function(e){
            let values = {};
            const v = Object.assign({
                distance_from: '',
                distance_to: '',
                base_fare: '',
                km_fare: ''
            }, values);

            const row = $(`
                <tr>
                <td><input type="number" step="0.01" name="oneway_slabs[${onewaySlabIdx}][distance_from]" value="${v.distance_from}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="oneway_slabs[${onewaySlabIdx}][distance_to]"   value="${v.distance_to}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="oneway_slabs[${onewaySlabIdx}][base_fare]"     value="${v.base_fare}" class="form-control" placeholder="enter amount"></td>
                <td><input type="number" step="0.01" name="oneway_slabs[${onewaySlabIdx}][km_fare]"       value="${v.km_fare}" class="form-control" placeholder="enter amount"></td>
                <td><button type="button" class="btn btn-icon btn-danger remove-row">✕</button></td>
                </tr>
            `);
            $('#onewayFareSlabTable tbody').append(row);
            onewaySlabIdx++;
        });
        $('#addTwoFareSlab').on('click', function(e){
            let values = {};
            const v = Object.assign({
                distance_from: '',
                distance_to: '',
                base_fare: '',
                km_fare: ''
            }, values);

            const row = $(`
                <tr>
                <td><input type="number" step="0.01" name="twoway_slabs[${twowaySlabIdx}][distance_from]" value="${v.distance_from}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="twoway_slabs[${twowaySlabIdx}][distance_to]"   value="${v.distance_to}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="twoway_slabs[${twowaySlabIdx}][base_fare]"     value="${v.base_fare}" class="form-control" placeholder="enter amount"></td>
                <td><input type="number" step="0.01" name="twoway_slabs[${twowaySlabIdx}][km_fare]"       value="${v.km_fare}" class="form-control" placeholder="enter amount"></td>
                <td><button type="button" class="btn btn-icon btn-danger remove-row">✕</button></td>
                </tr>
            `);
            $('#twowayFareSlabTable tbody').append(row);
            twowaySlabIdx++;
        });
        $(document).on('click', '.remove-row', function () {
            $(this).closest('tr').remove();
            renumberSlabs();
        });

        function renumberSlabs() {
            $('#onewayFareSlabTable tbody tr').each(function (i, tr) {
                $(tr).find('input').each(function () {
                    const name = $(this).attr('name');
                    const field = name.substring(name.lastIndexOf('][') + 2, name.length - 1);
                    $(this).attr('name', `oneway_slabs[${i}][${field}]`);
                });
            });
            onewaySlabIdx = $('#onewayFareSlabTable tbody tr').length;

            $('#twowayFareSlabTable tbody tr').each(function (i, tr) {
                $(tr).find('input').each(function () {
                    const name = $(this).attr('name');
                    const field = name.substring(name.lastIndexOf('][') + 2, name.length - 1);
                    $(this).attr('name', `twoway_slabs[${i}][${field}]`);
                });
            });
            twowaySlabIdx = $('#twowayFareSlabTable tbody tr').length;
        }
    });
</script>
@endif

@if (in_array($currentRouteName, ['elite.rentalFareSystem.create','elite.rentalFareSystem.edit']))
{{-- Elite Rental Fare System Logic --}}
<script type="text/javascript">
    $(document).ready(function(){
        let slabIdx = $('#fareSlabTable tbody tr').length;
        console.log("slabIdx : "+slabIdx);
        $('#addFareSlab').on('click', function(e){
            let values = {};
            const v = Object.assign({
                total_hours: '',
                fare: '',
                limit_km: '',
                km_fare: ''
            }, values);

            const row = $(`
                <tr>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][total_hours]"   value="${v.total_hours}" class="form-control" placeholder="enter total hours"></td>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][fare]"          value="${v.fare}" class="form-control" placeholder="enter amount"></td>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][limit_km]"      value="${v.limit_km}" class="form-control" placeholder="enter km"></td>
                <td><input type="number" step="0.01" name="fare_slabs[${slabIdx}][km_fare]"       value="${v.km_fare}" class="form-control" placeholder="enter amount"></td>
                <td><button type="button" class="btn btn-icon btn-danger remove-row">✕</button></td>
                </tr>
            `);
            $('#fareSlabTable tbody').append(row);
            slabIdx++;
        });
        $(document).on('click', '.remove-row', function () {
            $(this).closest('tr').remove();
            renumberSlabs();
        });

        function renumberSlabs() {
            $('#fareSlabTable tbody tr').each(function (i, tr) {
                $(tr).find('input').each(function () {
                    const name = $(this).attr('name');
                    const field = name.substring(name.lastIndexOf('][') + 2, name.length - 1);
                    $(this).attr('name', `fare_slabs[${i}][${field}]`);
                });
            });
            slabIdx = $('#fareSlabTable tbody tr').length;
        }
    });
</script>
@endif