@extends('layouts.admin.index')
@section('content')
<style>
    .readonly-select {
        pointer-events: none;
        background-color: #e9ecef;
        /* Optional: make it look disabled */
        color: #495057;
    }

</style>
<div class="row ">
    <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">
                    @isset($reserve_edit)
                    {{ trans('cruds.update_reserve') }}
                    @else
                    {{ trans('cruds.create_reserve') }}
                    @endisset
                </h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <form id="bookingForm" action='{{ isset($reserve_edit) ? route('admin.reserve.update', $reserve_edit->id) : route("admin.reserve.store") }}' method="POST" enctype="multipart/form-data">
                    @csrf
                    @isset($reserve_edit)
                    @method('PUT')
                    @endisset

                    <!-- 1st row  -->
                    <div class="row">
                        @php
                        $authUser = auth()->user();
                        $isAdmin = $authUser->role_id == 1;
                        @endphp

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label class="form-label">{{__('cruds.project_name')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                    <select class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" name="project_id" id="project_id" required onchange="loadChild('blocks', [['project_id','=',this.value]], 'id', 'block_name', 'id', 'asc', '{{ trans('cruds.select') }}', '', '#block_id')">
                                        {!! options('projects', [], [], 'id', 'project_name', 'id', 'asc', trans('cruds.select'), old('project_id', $reserve_edit->project_id ?? 0)) !!}
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label class="form-label">{{__('cruds.block_name')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                    <select class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" name="block_id" id="block_id" required onchange="loadChild('roads',[['block_id','=',this.value]],'id','road_name','id','asc','{{ trans('cruds.select') }}','','#road_id')">
                                        <option value="">Select Block</option>
                                        @if(isset($reserve_edit))
                                        @php
                                        $blocks = DB::table('blocks')->where('project_id', $reserve_edit->project_id)->orderBy('block_name')->get();
                                        @endphp
                                        @foreach($blocks as $block)
                                        <option value="{{ $block->id }}" {{ $reserve_edit->block_id == $block->id ? 'selected' : '' }}>
                                            {{ $block->block_name }}
                                        </option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 2nd row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    @php
                                    $where = [] ;
                                    if(isset($reserve_edit)){
                                    $where[] = ['block_id','=',$reserve_edit->block_id];
                                    }else{
                                    $where[] = ['id','=',-1];
                                    }
                                    @endphp
                                    <label class="form-label">{{__('cruds.road_name')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                    <select class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" name="road_id" id="road_id" required>
                                        onchange="loadChild('plots',[['road_id','=',this.value],['booked_status','=','Available']],'id','plot_no','id','asc','{{ trans('cruds.select') }}','','#plot_id')"
                                        {!! options('roads', $where, [], 'id', 'road_name', 'id', 'asc',
                                        trans('cruds.select'), isset($reserve_edit)?$reserve_edit->road_id:0) !!}
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row">
                                @if(empty($reserve_edit))
                                <div class="col-sm-12 col-md-12 col-xl-12 col-lg-12 d-flex flex-wrap align-items-center justify-content-center">
                                    <div id="plot-list"></div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    <!-- 3rd row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label class="form-label">{{__('cruds.plot_facing')}} (<span class="required">*</span>)
                                    </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                    <select name="plot_facing" id="plot_facing" required class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" onchange="loadChild('plots',[['project_id','=',$('#project_id').val()],['block_id','=',$('#block_id').val()],['road_id','=',$('#road_id').val()],['plot_facing','=',this.value],['booked_status','=','Available']],'id','plot_no','plot_no','asc','{{ trans('cruds.select_plot_no') }}',0,'#plot_id')" required>
                                        {!!
                                        option(plotFacing(),trans('cruds.select'),isset($reserve_edit)?(isset($reserve_edit)?$reserve_edit->plot_facing:''):'')
                                        !!}
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label class="form-label">{{__('cruds.plot_type')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                    <select class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" name="plot_type" id="plot_type" required>
                                        {!! options('project_type_names', [], [], 'id', 'type_name', 'id', 'asc',
                                        trans('cruds.select'), isset($reserve_edit)?$reserve_edit->plot_type:0) !!}
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 4th row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    @php
                                    $where = [];
                                    if (isset($reserve_edit)) {
                                    $where[] = ['road_id', '=', $reserve_edit->road_id];
                                    } else {
                                    $where[] = ['id', '=', -1];
                                    }
                                    @endphp
                                    <label class="form-label">{{ __('cruds.plot_no') }} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                    <select class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" name="plot_id" id="plot_ids" required>
                                        {!! options('plots', $where, [], 'id', 'plot_no', 'id', 'asc', trans('cruds.select'),
                                        isset($reserve_edit) ? $reserve_edit->plot_id : 0) !!}
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label for="form-label">
                                        {{ __('cruds.plot_size') }}
                                    </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                    <input type="number" name="plot_size" id="plot_size_display" value="{{ isset($reserve_edit)?(isset($reserve_edit)?$reserve_edit->plot_size:''):'' }}" class="form-control text-left" disable readonly>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 5th row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label class="form-label">
                                        {{ __('cruds.price_per_kata') }}
                                    </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                    <input type="number" name="price_per_kata" id="price_per_kata" class="form-control text-left" value="{{ isset($reserve_edit)?$reserve_edit->price_per_kata:'' }}" {{ isset($reserve_edit) ? 'readonly' : 'required' }} >
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    {{ __('cruds.plot_price') }} (<span class="required">*</span>)
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8 text-left">
                                    <input type="number" name="plot_price" id="plot_price" class="form-control text-left" value="{{ isset($reserve_edit)?$reserve_edit->plot_price:'' }}" required readonly>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 6th row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start">
                                <div class="col-md-4">
                                    <label class="form-label">{{__('cruds.sale_by')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control {{ (isset($reserve_edit) || !$isAdmin) ? 'readonly-select' : '' }}" name="executive_id" id="executive_id" required>
                                        <option value="">{{ __('cruds.select') }}</option>
                                        @if(!$isAdmin)
                                        <option value="{{ $authUser->id }}" selected>{{ $authUser->name }}</option>
                                        @endif

                                    </select>

                                    @if(!$isAdmin)
                                    <input type="hidden" name="executive_id" value="{{ $authUser->id }}">
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start">
                                <div class="col-md-4">
                                    <label class="form-label">{{__('cruds.unit_name')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control {{ isset($reserve_edit) ? 'readonly-select' : '' }}" name="unit_id" id="unit_id" @if(auth()->user()->role_id != 1) required @endif>
                                        <option value="">{{ __('cruds.select') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 7th row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start">
                                <div class="col-md-4">
                                    <label class="form-label">{{__('cruds.reserve_reason')}} (<span class="required">*</span>)</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control" name="reserve_reason" id="reserve_reason" required>

                                        @isset($reserve_edit)
                                        <option value="Client Request" {{ isset($reserve_edit) && $reserve_edit->reserve_reason == "Client Request" ? 'selected' : '' }}>Client Request</option>
                                        <option value="Sold By Branch" {{ isset($reserve_edit) && $reserve_edit->reserve_reason == "Sold By Branch" ? 'selected' : '' }}>Sold By Branch</option>
                                        <option value="Cheque Received" {{ isset($reserve_edit) && $reserve_edit->reserve_reason == "Cheque Received" ? 'selected' : '' }}>Cheque Received</option>
                                        @else
                                        <option value="">{{ __('cruds.select') }}</option>
                                        <option value="Client Request">Client Request</option>
                                        <option value="Sold By Branch">Sold By Branch</option>
                                        {{-- 11th Nov 2025 Html Code Starts(Shakib) --}}
                                        <option value="Cheque Received">Cheque Received</option>
                                        {{-- 11th Nov 2025 Html Code Ends(Shakib) --}}
                                        @endisset
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-4 col-sm-12 col-lg-4 col-xl-4 text-left">
                                    <label class="form-label">{{__('cruds.reserve_upto')}} (<span class="required">*</span>)
                                    </label>
                                </div>
                                <div class="col-md-8 col-sm-12 col-lg-9 col-xl-8  text-left">
                                    <input type="date" class="form-control" name="reserve_upto_date" id="reserve_upto_date" placeholder="{{__('cruds.reserve_upto_date')}}" value="{{ isset($reserve_edit)?$reserve_edit->reserve_upto_date:"" }}" required>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- 8th row  --}}
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-xl-12 col-lg-12 ">
                            <div class="row d-flex align-items-center justify-content-start ">
                                <div class="col-md-12 col-sm-12 col-lg-12 col-xl-12 text-left">
                                    <label class="form-label">{{__('cruds.remarks')}}
                                    </label>
                                </div>
                                <div class="col-md-12 col-sm-12 col-lg-12 col-xl-12  text-left">
                                    <textarea id="remarksHighlightEditor" name="remarks" class="form-control" cols="30" rows="5">{{ isset($reserve_edit)?$reserve_edit->remarks:"" }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

            </div>
            <div class="row mb-5">
                <div class="col-md-12 text-center mt-4">
                    <button class="btn ripple btn-success update" type="submit">{{__('cruds.submit')}}</button>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
</div>
@endsection
@section('scripts')
@parent
<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>

<script>
    ClassicEditor
        .create(document.querySelector('#remarksHighlightEditor'))
        .then(editor => {
            console.log(editor);
        })
        .catch(error => {
            console.error(error);
        });

</script>

<script>
    function loadChild(table, where, valueField, labelField, orderBy, orderDir, placeholder, selectedValue = '', target = '') {
        $.ajax({
            url: '{{ route("admin.load.child") }}'
            , type: 'GET'
            , data: {
                table
                , where
                , valueField
                , labelField
                , orderBy
                , orderDir
            }
            , success: function(response) {
                let $target = $(target);
                $target.empty();
                $target.append(`<option value="">${placeholder}</option>`);
                $.each(response, function(index, item) {
                    const selected = (item.id == selectedValue) ? 'selected' : '';
                    $target.append(`<option value="${item.id}" ${selected}>${item.text}</option>`);
                });
            }
            , error: function() {
                alert('Something went wrong while loading data.');
            }
        });
    }

    // Load Executives when Block changes
    $(document).ready(function () {
    var isAdmin = @json($isAdmin);
    var authExecutiveId = '{{ $authUser->id }}';

    // === Function to load Executives (Admin Only) ===
    function loadExecutives(projectId, blockId, selectedExecutiveId = null) {
        if (!isAdmin) return;

        if (projectId && blockId) {
            $.ajax({
                url: '{{ route("admin.get.executives", [":project_id", ":block_id"]) }}'
                    .replace(':project_id', projectId)
                    .replace(':block_id', blockId),
                type: 'GET',
                success: function (data) {
                    var executiveSelect = $('#executive_id');
                    executiveSelect.empty();
                    executiveSelect.append('<option value="">{{ __("cruds.select") }}</option>');

                    $.each(data, function (index, executive) {
                        var selected = (selectedExecutiveId && executive.id == selectedExecutiveId) ? 'selected' : '';
                        executiveSelect.append('<option value="' + executive.id + '" ' + selected + '>' + executive.name + '</option>');
                    });

                    // Trigger unit load if an executive is pre-selected
                    if (selectedExecutiveId) {
                        loadUnits(selectedExecutiveId, selectedUnitId);
                    }
                },
                error: function () {
                    alert('Failed to fetch executives.');
                }
            });
        } else {
            $('#executive_id').empty().append('<option value="">{{ __("cruds.select") }}</option>');
        }
    }

    // === Function to load Units based on Executive ===
    function loadUnits(executiveId, selectedUnitId = null) {
        if (executiveId) {
            $.ajax({
                url: '{{ route("admin.get.units", ":executive_id") }}'.replace(':executive_id', executiveId),
                type: 'GET',
                success: function (data) {
                    var unitSelect = $('#unit_id');
                    unitSelect.empty();
                    unitSelect.append('<option value="">{{ __("cruds.select") }}</option>');

                    $.each(data, function (index, unit) {
                        var selected = (selectedUnitId && unit.id == selectedUnitId) ? 'selected' : '';
                        unitSelect.append('<option value="' + unit.id + '" ' + selected + '>' + unit.unit_name + '</option>');
                    });
                },
                error: function () {
                    alert('Failed to fetch units.');
                }
            });
        } else {
            $('#unit_id').empty().append('<option value="">{{ __("cruds.select") }}</option>');
        }
    }

    // === When Block Changes (for Admin) ===
    $('#block_id').change(function () {
        if (isAdmin) {
            var blockId = $(this).val();
            var projectId = $('#project_id').val();
            loadExecutives(projectId, blockId);
        }
    });

    // === When Executive Changes (Admin only; for Unit loading) ===
    $('#executive_id').change(function () {
        var executiveId = $(this).val();
        loadUnits(executiveId);
    });

    // === Handle Edit Mode or Default Load ===
    @if(isset($reserve_edit))
        // Edit Mode
        var projectId = '{{ $reserve_edit->project_id }}';
        var blockId = '{{ $reserve_edit->block_id }}';
        var selectedExecutiveId = '{{ $reserve_edit->executive_id }}';
        var selectedUnitId = '{{ $reserve_edit->unit_id }}';

        if (isAdmin) {
            // Admin: Load executives and select one
            loadExecutives(projectId, blockId, selectedExecutiveId);
        } else {
            // Non-admin: Load units for current user
            loadUnits(selectedExecutiveId, selectedUnitId);
        }
    @else
        // New Form
        if (!isAdmin) {
            // Non-admin: Load units for logged-in executive on new form
            loadUnits(authExecutiveId);
        }
    @endif
});


</script>


<script>
    $(document).ready(function() {
        var selectedPlotId = $('#plot_ids').val();

        $('#road_id').change(function() {
            var roadId = $(this).val();
            if (roadId) {
                $.ajax({
                    url: '{{ route("admin.get.reserveplots", ":road_id") }}'.replace(':road_id', roadId)
                    , type: 'GET'
                    , success: function(data) {
                        var plotList = $('#plot-list');
                        plotList.empty();

                        if (data.length > 0) {
                            var listHtml = '<div class="col-md-12">';
                            var plotOptions =
                                '<option value="">{{ trans("cruds.select") }}</option>';

                            $.each(data, function(index, plot) {
                                var btnClass = 'btn-success';
                                var disabledAttr = '';
                                var selected = '';

                                if (plot.booked_status == "Booked") {
                                    btnClass = 'btn-primary';
                                    disabledAttr = 'disabled';
                                } else if (plot.booked_status == "Reserved") {
                                    btnClass = 'btn-warning';
                                    disabledAttr = 'disabled';
                                } else if (plot.booked_status == "Sold") {
                                    btnClass = 'btn-danger';
                                    disabledAttr = 'disabled';
                                }

                                if (plot.id == selectedPlotId) {
                                    selected = ' selected';
                                }

                                plotOptions += '<option value="' + plot.id + '"' +
                                    selected + '>' + plot.plot_no + '</option>';

                                listHtml +=
                                    '<button type="button" class="plot-btn m-2 bg-' +
                                    btnClass + ' btn ' + btnClass +
                                    '" data-plot-facing="' + plot.plot_facing +
                                    '" data-plot-type="' + plot.plot_type +
                                    '" data-plot-size="' + plot.plot_size +
                                    '" data-plot-price-per-kata="' + plot.price_per_kata +
                                    '" data-plot-price="' + plot.plot_price +
                                    '" data-plot-id="' + plot.id + '" data-status="' +
                                    plot.booked_status + '" ' + disabledAttr + '>' +
                                    plot.plot_no + '</button>';
                            });

                            listHtml += '</div>';
                            plotList.html(listHtml);
                            $('#plot_ids').html(plotOptions);

                            $('.plot-btn').click(function() {
                                var plotId = $(this).data('plot-id');

                                selectedPlotId = plotId;
                                $('.plot-btn').removeClass('active');
                                $(this).addClass('active');

                                var selectedPlotFacing = $(this).data('plot-facing');
                                var selectedPlotType = $(this).data('plot-type');
                                var selectedPlotSize = $(this).data('plot-size');
                                var selectedPlotPricePerKata = $(this).data('plot-price-per-kata');
                                // var selectedPlotPrice =  $(this).data('plot-price');
                                var selectedPlotPrice = selectedPlotSize * selectedPlotPricePerKata;

                                $('#plot_facing').val(selectedPlotFacing).trigger('change');
                                $('#plot_type').val(selectedPlotType).trigger('change');

                                $('#plot_facing_display').text(selectedPlotFacing);
                                $('#plot_type_display').text(selectedPlotType);
                                $('#plot_size_display').val(selectedPlotSize);
                                $('#price_per_kata').val(selectedPlotPricePerKata);
                                $('#plot_price').val(selectedPlotPrice);

                                $('#plot_ids').val(selectedPlotId).trigger('change');
                            });

                            $('#price_per_kata').on('input', function() {
                                var pricePerKata = parseFloat($(this).val()) || 0;
                                var plotSize = parseFloat($('#plot_size_display').val()) || 0;
                                var calculatedPrice = pricePerKata * plotSize;

                                $('#plot_price').val(calculatedPrice);
                            });

                            $('.plot-btn').hover(
                                function() {
                                    var status = $(this).data('status');
                                    $(this).attr('title', status);
                                }
                                , function() {
                                    $(this).removeAttr('title');
                                }
                            );

                            if (selectedPlotId) {
                                $('.plot-btn[data-plot-id="' + selectedPlotId + '"]').click();
                            }

                        } else {
                            plotList.html('<p>No plots available.</p>');
                        }
                    }
                    , error: function() {
                        $('#plot-list').html(
                            '<p>Error fetching plots. Please try again later.</p>');
                    }
                });
            } else {
                $('#plot-list').empty();
            }
        });

        if ($('#road_id').val()) {
            $('#road_id').trigger('change');
        }
    });

</script>

{{-- 15Nov2025 Scripts Starts(Shakib)  --}}
<script>
    $(document).ready(function () {

        $('#reserve_reason').on('change', function () {
            let reason = $(this).val();
            let today = new Date();

            let targetDate = new Date();

            if (reason === "Cheque Received") {
                // 60 days later
                targetDate.setDate(today.getDate() + 60);
            } else if (reason === "Client Request" || reason === "Sold By Branch") {
                // 2 days later
                targetDate.setDate(today.getDate() + 2);
            } else {
                $('#reserve_upto_date').val("");
                return;
            }

            // Format: yyyy-mm-dd
            let year = targetDate.getFullYear();
            let month = ('0' + (targetDate.getMonth() + 1)).slice(-2);
            let day = ('0' + targetDate.getDate()).slice(-2);

            let formatted = `${year}-${month}-${day}`;

            $('#reserve_upto_date').val(formatted);
        });

    });
</script>
{{-- 15Nov2025 Scripts Ends(Shakib)  --}}

@endsection