@include('layouts.header', ['title' => isset($received) ? 'Edit Received' : 'Add Received'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.sidebar')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-9">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">{{ isset($received) ? 'Edit' : 'Add' }} Received</h4>

                            </div>

                            <form id="userForm" class="form-horizontal-style-2"
                                action="{{ isset($received) ? route('admin.received.update', encrypt($received->id)) : route('admin.received.store') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                @if (isset($received))
                                    @method('PUT')
                                @endif

                                <div class="card-body">
                                    <div class="mb-3">
                                        <label for="receipt_no" class="form-label">Receipt Number <span
                                                class="text-danger">*</span></label>
                                        <input type="text" id="receipt_no" name="receipt_no"
                                            class="form-control @error('receipt_no') is-invalid @enderror"
                                            placeholder="Enter Receipt Number"
                                            value="{{ old('receipt_no', isset($received) ? $received->receipt_no : '') }}"
                                            >

                                        <!-- Display error below the input field -->
                                        @error('receipt_no')
                                            <div class="invalid-feedback">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>


                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label for="received_from" class="form-label">
                                                    Received from / Name of developer / Name of Owner <span class="text-danger">*</span>
                                                </label>
                                                <input type="text" id="received_from" name="received_from"
                                                    class="form-control @error('received_from') is-invalid @enderror"
                                                    placeholder="Enter Received From"
                                                    value="{{ old('received_from', isset($received) ? $received->received_from : '') }}"
                                                    >

                                                <!-- Display error below the input field -->
                                                @error('received_from')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="receipt_date" class="form-label">
                                                    Receipt Date <span class="text-danger">*</span>
                                                </label>

                                                <input class="form-control @error('receipt_date') is-invalid @enderror"
                                                    placeholder="Enter Receipt Date" id="receipt_date" type="text"
                                                    name="receipt_date"
                                                    value="{{ old('receipt_date', isset($received) && $received->receipt_date ? \Carbon\Carbon::parse($received->receipt_date)->format('d-m-Y') : '') }}">

                                                @error('receipt_date')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="receipt" class="form-label">
                                                    Receipt Upload
                                                </label>
                                                <input type="file" id="receipt" name="receipt"
                                                    class="form-control @error('receipt') is-invalid @enderror">
                                                @error('receipt')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror

                                                @if (isset($received) && $received->receipt)
                                                    <small class="form-text text-muted">
                                                        Current file:
                                                        <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::RECEIVED_UPLOAD_PATH . '/' . $received->receipt) }}"
                                                            data-file-type="{{ pathinfo($received->receipt, PATHINFO_EXTENSION) }}">
                                                            {{ $received->receipt }}
                                                        </a>
                                                    </small>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="project_name" class="form-label">
                                                    Project Name <span class="text-danger">*</span>
                                                </label>
                                                <input type="text" id="project_name" name="project_name"
                                                    class="form-control @error('project_name') is-invalid @enderror"
                                                    placeholder="Enter Project Name"
                                                    value="{{ old('project_name', isset($received) ? $received->project_name : '') }}"
                                                    >

                                                <!-- Display error below the input field -->
                                                @error('project_name')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="fund_category" class="form-label">
                                                    Fund Category <span class="text-danger">*</span>
                                                </label>
                                                <select class="form-select form-select-sm mb-3 @error('fund_category') is-invalid @enderror" name="fund_category">
                                                    <option value="" selected disabled>Select Fund Category</option>
                                                    @if (isset($fundCategories) && count($fundCategories))
                                                        @foreach ($fundCategories as $fundCategory)
                                                            <option value="{{ encrypt($fundCategory->id) }}"
                                                                @if ((old('fund_category') && decrypt(old('fund_category')) == $fundCategory->id) ||
                                                                    (isset($received) && $received->fund_category_id == $fundCategory->id)
                                                                )
                                                                    selected
                                                                @endif
                                                            >
                                                                {{ $fundCategory->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @error('fund_category')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="amount" class="form-label">Amount <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="amount" name="amount"
                                                    class="form-control @error('amount') is-invalid @enderror"
                                                    placeholder="Enter Amount"
                                                    value="{{ old('amount', isset($received) ? $received->amount : '') }}"
                                                    >

                                                <!-- Display error below the input field -->
                                                @error('amount')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="payment_mode" class="form-label">Payment Mode <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-select form-select-sm @error('payment_mode') is-invalid @enderror mb-3" name="payment_mode">
                                                    <option value="" selected disabled>Select Mode</option>
                                                    <option value="DD"
                                                        {{ old('payment_mode', isset($received) ? $received->payment_mode : '') == 'DD' ? 'selected' : '' }}>
                                                        DD
                                                    </option>
                                                    {{-- <option value="Cash"
                                                        {{ old('payment_mode', isset($received) ? $received->payment_mode : '') == 'Cash' ? 'selected' : '' }}>
                                                        Cash
                                                    </option> --}}
                                                    <option value="Cheque"
                                                        {{ old('payment_mode', isset($received) ? $received->payment_mode : '') == 'Cheque' ? 'selected' : '' }}>
                                                        Cheque
                                                    </option>
                                                </select>
                                                @error('payment_mode')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="photo" class="form-label">Cheque/dd file</label>
                                                <input type="file" id="photo" name="photo"
                                                    class="form-control @error('photo') is-invalid @enderror">
                                                @error('photo')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror

                                                @if (isset($received) && $received->photo)
                                                    <small class="form-text text-muted">
                                                        Current file:
                                                        <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::RECEIVED_UPLOAD_PATH . '/' . $received->photo) }}"
                                                            data-file-type="{{ pathinfo($received->photo, PATHINFO_EXTENSION) }}">
                                                            {{ $received->photo }}
                                                        </a>
                                                    </small>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="drawn_on" class="form-label">Drawn On</label>
                                                <input type="text" id="drawn_on" name="drawn_on"
                                                    class="form-control @error('drawn_on') is-invalid @enderror"
                                                    placeholder="Enter Drawn On"
                                                    value="{{ old('drawn_on', isset($received) ? $received->drawn_on : '') }}"
                                                    >

                                                <!-- Display error below the input field -->
                                                @error('drawn_on')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="branch" class="form-label">Branch</label>
                                                <input type="text" id="branch" name="branch"
                                                    class="form-control @error('branch') is-invalid @enderror"
                                                    placeholder="Enter Branch"
                                                    value="{{ old('branch', isset($received) ? $received->branch : '') }}"
                                                    >

                                                <!-- Display error below the input field -->
                                                @error('branch')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="on_account_of" class="form-label">On account of</label>
                                                <input type="text" id="on_account_of" name="on_account_of"
                                                    class="form-control @error('on_account_of') is-invalid @enderror"
                                                    placeholder="Enter On account of"
                                                    value="{{ old('on_account_of', isset($received) ? $received->on_account_of : '') }}"
                                                    >

                                                <!-- Display error below the input field -->
                                                @error('on_account_of')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row">
                                        <!-- Dated field -->
                                        <div class="col-lg-6" id="dated_date"
                                            style="{{ old('payment_mode', isset($received) ? $received->payment_mode : '') == 'DD' || old('payment_mode', isset($received) ? $received->payment_mode : '') == 'Cheque' ? 'display: block;' : 'display: none;' }}">
                                            <div class="mb-3">
                                                <label for="dated" class="form-label">Dated <span
                                                        class="text-danger">*</span></label>
                                                <input class="form-control @error('dated') is-invalid @enderror"
                                                    placeholder="Enter dated" id="dated" type="text"
                                                    name="dated"
                                                    value="{{ old('dated', isset($received) && $received->dated ? \Carbon\Carbon::parse($received->dated)->format('d-m-Y') : '') }}">
                                                @error('dated')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>

                                        <!-- Number field -->
                                        <div class="col-lg-6" id="dated_number"
                                            style="{{ old('payment_mode', isset($received) ? $received->payment_mode : '') == 'DD' || old('payment_mode', isset($received) ? $received->payment_mode : '') == 'Cheque' ? 'display: block;' : 'display: none;' }}">
                                            <div class="mb-3">
                                                <label for="number" class="form-label">Number</label>
                                                <input type="text" id="number" name="number"
                                                    class="form-control @error('number') is-invalid @enderror"
                                                    placeholder="Enter Number"
                                                    value="{{ old('number', isset($received) ? $received->number : '') }}"
                                                    >
                                                @error('number')
                                                    <div class="invalid-feedback">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-success me-2"
                                        id="submitBtn">{{ isset($received) ? 'Update' : 'Submit' }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        @include('layouts.footer')
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<!-- jQuery UI (should load after vendor.min.js) -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="{{ asset('assets/js/app.min.js') }}"></script>

<script>
    $(document).ready(function() {

        function toggleBlocks() {
            const paymentMode = $('select[name="payment_mode"]').val();
            console.log('Selected payment mode: ', paymentMode);

            // Hide the blocks first
            $('#dated_date, #dated_number').hide();

            // Reset the fields if switching to non-"Cheque"/"DD" payment mode
            if (paymentMode !== 'DD' && paymentMode !== 'Cheque') {
                $('#dated').val(''); // Clear the 'Dated' field
                $('#number').val(''); // Clear the 'Number' field
            }

            // Show the blocks for "DD" or "Cheque"
            if (paymentMode === 'DD' || paymentMode === 'Cheque') {
                $('#dated_date, #dated_number').show();

                // Populate the fields with the existing value or old data based on payment mode
                if (paymentMode === 'DD') {
                    $('#dated').val(
                        "{{ old('dated', isset($received) && $received->payment_mode == 'DD' ? \Carbon\Carbon::parse($received->dated)->format('d-m-Y') : '') }}"
                    );
                    $('#number').val(
                        "{{ old('number', isset($received) && $received->payment_mode == 'DD' ? $received->number : '') }}"
                    );
                } else if (paymentMode === 'Cheque') {
                    $('#dated').val(
                        "{{ old('dated', isset($received) && $received->payment_mode == 'Cheque' ? \Carbon\Carbon::parse($received->dated)->format('d-m-Y') : '') }}"
                    );
                    $('#number').val(
                        "{{ old('number', isset($received) && $received->payment_mode == 'Cheque' ? $received->number : '') }}"
                    );
                }
            }
        }

        toggleBlocks();

        $('select[name="payment_mode"]').on('change', function() {
            toggleBlocks(); // Re-check on dropdown change
        });


        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr.error("{{ $error }}");
            @endforeach
        @endif

        @if (session('success'))
            toastr.success("{{ session('success') }}");
        @endif

        @if (session('error'))
            toastr.error("{{ session('error') }}");
        @endif

        document.getElementById('userForm').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...';
        });

        $('#receipt_date').datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth: true,
            changeYear: true
        });
        $('#dated').datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth: true,
            changeYear: true
        });

    });
</script>


</body>

</html>