@php
    if (empty($customerWiseRate) || is_string($customerWiseRate)) {
        $customerWiseRate = new \App\Models\CustomerWiseRate();
    }
@endphp
    <div class="modal-content" id="editCustomerWiseRate">
    <form id="customerWiseRateForm" action="{{ route('customerwiserates.update') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="id" value="{{ $customerWiseRate->id ?? '' }}">
    @method('POST')
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">{{ __('Edit Customer Wise Rate') }}</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-sm-6">
                <!-- Existing Fields -->
                <div class="form-group row">
                    <label for="user_type" class="col-sm-3 text-right">{{ __('User Type') }} *</label>
                    <div class="col-sm-9">
                        <select name="user_type" id="user_type" class="form-control" required onchange="toggleUserSelect()">
                            <option value="Customer" {{ old('user_type', $customerWiseRate->usertype ?? '') == 'Customer' ? 'selected' : '' }}>{{ __('Customer') }}</option>
                            {{-- <option value="Agent" {{ old('user_type', $customerWiseRate->usertype ?? '') == 'Agent' ? 'selected' : '' }}>{{ __('Agent') }}</option> --}}
                        </select>
                        @error('user_type')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row" id="customerSelect" style="display: none;">
                    <label for="customer_id" class="col-sm-3 text-right">{{ __('Customer') }} *</label>
                    <div class="col-sm-9">
                        <select name="customer_id" id="customer_id" class="form-control">
                            <option value="">{{ __('Select Customer') }}</option>
                            @foreach($customers as $customer)
                                <option value="{{ $customer->id }}" {{ old('customer_id', $customerWiseRate->customer_id ?? '') == $customer->id ? 'selected' : '' }}>
                                    {{ $customer->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('customer_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label for="product_id" class="col-sm-3 text-right">{{ __('Product') }} *</label>
                    <div class="col-sm-9">
                        <select name="product_id" id="product_id" class="form-control" required>
                            <option value="">{{ __('Select Product') }}</option>
                            @foreach($products as $product)
                                <option value="{{ $product->id }}" {{ old('product_id', $customerWiseRate->product_id ?? '') == $product->id ? 'selected' : '' }}>
                                    {{ $product->product_name }}
                                </option>
                            @endforeach
                        </select>
                        @error('product_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group row">
                    <label for="sale_price" class="col-sm-3 text-right">{{ __('Sale Price') }} *</label>
                    <div class="col-sm-9">
                        <input type="text" name="sale_price" id="sale_price" class="form-control" required value="{{ old('sale_price', $customerWiseRate->sale_price ?? '') }}">
                        @error('sale_price')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="form-group row">
                    <label for="startdate" class="col-sm-3 text-right">{{ __('Start Date') }} *</label>
                    <div class="col-sm-7">
                        <input type="date" name="startdate" id="startdate" class="form-control" required value="{{ old('startdate', $customerWiseRate->startdate ?? '') }}"
                            @if(!empty($customerWiseRate) && \Carbon\Carbon::parse($customerWiseRate->startdate)->isPast()) readonly @endif>
                        @error('startdate')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-sm-2">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="start_now" onchange="setStartDateNow()"
                                @if(!empty($customerWiseRate) && \Carbon\Carbon::parse($customerWiseRate->startdate)->isPast()) disabled @endif>
                            <label class="form-check-label" for="start_now">{{ __('Now') }}</label>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label for="enddate" class="col-sm-3 text-right">{{ __('End Date') }}</label>
                    <div class="col-sm-7">
                        <input type="date" name="enddate" id="enddate" class="form-control" value="{{ old('enddate', $customerWiseRate->enddate ?? '') }}">
                        @error('enddate')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-sm-2">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="run_forever" name="run_forever" onchange="toggleEndDate()"
                                {{ old('run_forever', $customerWiseRate->enddate ?? '') == '' ? 'checked' : '' }}>
                            <label class="form-check-label" for="run_forever">{{ __('Forever') }}</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="submit" class="btn btn-success">{{ __('Submit') }}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Close') }}</button>
    </div>
    </form>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        toggleUserSelect();
        toggleEndDate();
        checkStartDate();
    });

    function toggleUserSelect() {
        var userType = document.getElementById('user_type').value;
        var customerSelect = document.getElementById('customerSelect');
        var agentSelect = document.getElementById('agentSelect');

        if (userType === 'Customer') {
            customerSelect.style.display = 'block';
            agentSelect.style.display = 'none';
        } else if (userType === 'Agent') {
            agentSelect.style.display = 'block';
            customerSelect.style.display = 'none';
        } else {
            customerSelect.style.display = 'none';
            agentSelect.style.display = 'none';
        }
    }

    function checkStartDate() {
        var startDateInput = document.getElementById('startdate');
        var startNowCheckbox = document.getElementById('start_now');
        var today = new Date().toISOString().slice(0, 10);
        var startDate = startDateInput.value;

        // If editing and start date is in the past, disable the input and checkbox
        if (startDate && startDate < today) {
            startDateInput.readOnly = true;
            startNowCheckbox.disabled = true;
        }
    }

    function setStartDateNow() {
        var checkbox = document.getElementById('start_now');
        var startDate = document.getElementById('startdate');
        var today = new Date().toISOString().slice(0, 10);

        if (checkbox.checked) {
            startDate.value = today;
            startDate.readOnly = true;
        } else {
            // Only re-enable if it's not a past date (which is handled by checkStartDate)
            var currentVal = startDate.value;
            if (!(currentVal && currentVal < today)) {
                startDate.readOnly = false;
            }
        }
    }

    function toggleEndDate() {
        var checkbox = document.getElementById('run_forever');
        var endDate = document.getElementById('enddate');

        if (checkbox.checked) {
            endDate.value = '';
            endDate.readOnly = true;
        } else {
            endDate.readOnly = false;
        }
    }
</script>