@include('layouts.header', ['title' => 'View 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">View Received</h4>

                            </div>
                            <div class="card-body form-horizontal-style-2">
                                <div class="mb-3">
                                    <label for="receipt_no" class="form-label">Receipt Number:</label>
                                    <div class="textview">{{ $received->receipt_no }}</div>
                                </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:
                                            </label>
                                            <div class="textview">{{ $received->received_from }}</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="receipt_date" class="form-label">
                                                Receipt Date:
                                            </label>
                                            <div class="textview">
                                                {{ isset($received) && $received->receipt_date ? \Carbon\Carbon::parse($received->receipt_date)->format('d-m-Y') : 'Receipt date not added' }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="receipt" class="form-label">
                                                Receipt Upload:
                                            </label>
                                            <div class="mt-1">
                                                @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>
                                                @else
                                                    <small class="form-text text-muted">Receipt not uploaded</small>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="project_name" class="form-label">
                                                Project Name:
                                            </label>
                                            <div class="textview">{{ $received->project_name ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="fund_category" class="form-label">
                                                Fund Category:
                                            </label>
                                            <div class="textview">
                                                {{ $received->fundCategory?->name ?? '-' }}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="amount" class="form-label">Amount:</label>
                                            <div class="textview">{{ $received->amount ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="payment_mode" class="form-label">Payment Mode:</label>
                                            <div class="textview">{{ $received->payment_mode ?? '-' }}</div>
                                        </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>
                                            <div class="mt-1">
                                                @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>
                                                @else
                                                    <small class="form-text text-muted">Photo not uploaded</small>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="drawn_on" class="form-label">Drawn On</label>
                                            <div class="textview">{{ $received->drawn_on ?? '-' }}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="branch" class="form-label">Branch</label>
                                            <div class="textview">{{ $received->branch ?? '-' }}</div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="on_account_of" class="form-label">On account of</label>
                                            <div class="textview">{{ $received->on_account_of ?? '-' }}</div>
                                        </div>
                                    </div>
                                </div>


                                <div class="row">
                                    <!-- Dated field -->
                                    <div class="col-lg-6" id="dated_date"
                                        style="{{ ((isset($received) ? $received->payment_mode : '') == 'DD' || (isset($received) ? $received->payment_mode : '') == 'Cheque') ? 'display: block;' : 'display: none;' }}">
                                        <div class="mb-3">
                                            <label for="dated" class="form-label">Dated:</label>
                                            <div class="textview">{{ isset($received) && $received->dated ? \Carbon\Carbon::parse($received->dated)->format('d-m-Y') : '-' }}</div>
                                        </div>
                                    </div>

                                    <!-- Number field -->
                                    <div class="col-lg-6" id="dated_number"
                                        style="{{ ((isset($received) ? $received->payment_mode : '') == 'DD' || (isset($received) ? $received->payment_mode : '')) == 'Cheque' ? 'display: block;' : 'display: none;' }}">
                                        <div class="mb-3">
                                            <label for="number" class="form-label">Number:</label>
                                            <div class="textview">{{ $received->number ?? '-' }}</div>
                                        </div>
                                    </div>
                                </div>

                                @if (isset($received->payment_cleared_on))
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="paymentClearedOn" class="form-label">Payment Cleared On:</label>
                                                <div class="textview">{{ \Carbon\Carbon::parse($received->payment_cleared_on)->format('d-m-Y') }}</div>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

        @if (!isset($received->payment_cleared_on))
            <div class="col-lg-9">
                <div class="card">
                    <div class="card-header">
                        <h4 class="page-title">Payment Cleared @if (!isset($received->payment_cleared_on))?@endif</h4>
                    </div>
                    <form id="paymentReceivedDateForm"
                        action="{{ route('admin.received.update.payment-cleared', encrypt($received->id)) }}"
                        method="POST"
                    >
                        <div class="card-body">
                            @csrf
                            @method('PUT')
        
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label for="paymentClearedOn" class="form-label">
                                            Cleared On Date<span class="text-danger">*</span>
                                        </label>
                                        <input class="form-control @error('paymentClearedOn') is-invalid @enderror"
                                            placeholder="Select Date" id="payment_received_on" type="text"
                                            name="paymentClearedOn" required 
                                            value="{{ isset($received->payment_cleared_on) ? \Carbon\Carbon::parse($received->payment_cleared_on)->format('d-m-Y') : ''  }}"
                                        >
                                        @error('paymentClearedOn')
                                            <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-primary" id="submitBtn">Update</button>
                        </div>
                    </form>
                </div>
            </div>
        @endif

        @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() {

        @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('paymentReceivedDateForm').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...';
        });

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

    });
</script>

</body>

</html>