@include('layouts.header', ['title' => 'Allotment Details'])
<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="col-12">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4 class="header-title mb-0" aria-label="Survey Details">
                                Allotment Details
                            </h4>
                            <a href="{{ route('admin.rnrprojectsurveydraftallotmentletter.index', ['projectId' => encrypt($allotment->project_id)]) }}" class="btn btn-light">Back</a>
                        </div>

                        <div class="card-body">
                            <dl class="row mb-0">

                                {{-- Name of Occupant --}}
                                <dt class="col-sm-3">PAP Name:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->annexureTwo->new_owner_name ?? $allotment->annexureTwo->owner_name ?? '-' }}
                                    </div>
                                </dd>

                                {{-- Date --}}
                                <dt class="col-sm-3">Allotment Date:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        @if ($allotment->lottery?->created_at)
                                            {{ $allotment->lottery->created_at->format('d M Y') }}
                                        @else
                                            N/A
                                        @endif
                                    </div>
                                </dd>

                                {{-- Location --}}
                                <dt class="col-sm-3">Location:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->inventoryBuildingRoom->location->location }}
                                    </div>
                                </dd>

                                {{-- Building Name --}}
                                <dt class="col-sm-3">Building Name:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->inventoryBuildingRoom->building->building_name }}
                                    </div>
                                </dd>

                                {{-- Building No --}}
                                <dt class="col-sm-3">Building No:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->inventoryBuildingRoom->building->building_no }}
                                    </div>
                                </dd>

                                {{-- Wing --}}
                                <dt class="col-sm-3">Wing:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->inventoryBuildingRoom->wing_name }}
                                    </div>
                                </dd>

                                {{-- Floor --}}
                                <dt class="col-sm-3">Floor:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->inventoryBuildingRoom->floor_no }}
                                    </div>
                                </dd>

                                {{-- Room No --}}
                                <dt class="col-sm-3">Room No:</dt>
                                <dd class="col-sm-3">
                                    <div>
                                        {{ $allotment->inventoryBuildingRoom->room_no }}
                                    </div>
                                </dd>

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

                <div class="col-12">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h4 class="header-title mb-0" aria-label="Survey Details">
                                Documents
                            </h4>
                        </div>

                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                                    <label class="mb-2">Allotment Letter:</label>
                                    <div>
                                        <button class="btn btn-primary download-pdf"
                                            data-allotment="{{ encrypt($allotment->id) }}"
                                        >
                                            Download
                                        </button>
                                    </div>
                                </div>
                                @if (isset($allotment->indemnity_bond))
                                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                                        <label class="mb-2">Indemnity Bond:</label>
                                        <div>
                                            <button class="btn btn-primary open-preview" type="button"
                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                title="View File"
                                                data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_ALLOTMENT_PATH . '/project_' . $allotment->project_id . '/' . $allotment->indemnity_bond) }}"
                                                data-file-type="{{ pathinfo($allotment->indemnity_bond, PATHINFO_EXTENSION) }}"
                                            >
                                                Download
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                                        <label class="mb-2">Taba Pavti:</label>
                                        <div>
                                            <button class="btn btn-primary download-taba-pdf"
                                                data-allotment="{{ encrypt($allotment->id) }}"
                                                @if(optional($allotment->annexureTwo)->allotment_status === '2') disabled @endif
                                            >
                                                Download
                                            </button>
                                        </div>
                                    </div>
                                    @if (isset($allotment->signed_taba))
                                        <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                                            <label class="mb-2">Signed Taba Pavti:</label>
                                            <div>
                                                <button class="btn btn-primary open-preview" type="button"
                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                    title="View File"
                                                    data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_ALLOTMENT_PATH . '/project_' . $allotment->project_id . '/' . $allotment->signed_taba) }}"
                                                    data-file-type="{{ pathinfo($allotment->signed_taba, PATHINFO_EXTENSION) }}"
                                                    @if(optional($allotment->annexureTwo)->allotment_status === '2') disabled @endif
                                                >
                                                    Download
                                                </button>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                @if (!isset($allotment->indemnity_bond))
                    <div class="col-12">
                        <form method="POST" id="uploadIndemnityBondForm" enctype="multipart/form-data"
                            action="{{ route('admin.surveys.upload_indemnity_bond', ['project' => encrypt($allotment->project_id), 'allotment' => encrypt($allotment->id)]) }}"
                        >
                            @csrf
                            <div class="card">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <h4 class="header-title mb-0" aria-label="Survey Details">
                                        Upload Indemnity Bond
                                    </h4>
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <label for="indemnityBond" class="form-label">
                                                Select File:
                                            </label>
                                            <input type="file" id="indemnityBond" name="indemnityBond"
                                                class="form-control @error('indemnityBond') is-invalid @enderror">
                                            @error('indemnityBond')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-primary" id="submitBtn">Upload</button>
                                </div>
                            </div>
                        </form>
                    </div>
                @endif

                @if (isset($allotment->indemnity_bond) && !isset($allotment->signed_taba))
                    <div class="col-12">
                        <form method="POST" id="uploadSignedTabaForm" enctype="multipart/form-data"
                            action="{{ route('admin.surveys.upload_signed_taba', ['project' => encrypt($allotment->project_id), 'allotment' => encrypt($allotment->id)]) }}"
                        >
                            @csrf
                            <div class="card">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <h4 class="header-title mb-0" aria-label="Survey Details">
                                        Upload Signed Taba
                                    </h4>
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <label for="signedTaba" class="form-label">
                                                Select File:
                                            </label>
                                            <input type="file" id="signedTaba" name="signedTaba"
                                                class="form-control @error('signedTaba') is-invalid @enderror">
                                            @error('signedTaba')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-primary" id="submitBtn">Upload</button>
                                </div>
                            </div>
                        </form>
                    </div>
                @endif

            </div>
        </div>

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

<div class="modal fade" id="pdfPreviewModal" tabindex="-1" aria-labelledby="pdfPreviewLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="pdfPreviewLabel">PDF Preview</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <iframe id="pdfViewer" width="100%" height="600px"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <a id="downloadPdf" class="btn btn-success me-2" href="#" download="Allotment_Letter.pdf">Download</a>
            </div>
        </div>
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<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() {

        $("#uploadIndemnityBondForm").submit(function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...';
        });

        $(".download-pdf").click(function() {
            let allotmentId = $(this).data("allotment");

            $.ajax({
                url: "{{ route('admin.allotment-letter-download', ['allotmentId' => '__ALLOTMENT_ID__']) }}"
                    .replace('__ALLOTMENT_ID__', allotmentId),
                type: "GET",
                success: function(response) {
                    if (response.pdf) {
                        let pdfData = "data:application/pdf;base64," + response.pdf;
                        $("#pdfViewer").attr("src", pdfData); // Set PDF in iframe
                        $("#downloadPdf").attr("href", pdfData).attr('download', 'Allotment_Letter.pdf'); // Set download link
                        $("#pdfPreviewModal").modal("show"); // Show modal
                    } else {
                        alert("Failed to generate PDF. Please try again.");
                    }
                },
                error: function() {
                    alert("Error generating PDF.");
                }
            });
        });

        $(".download-taba-pdf").click(function() {
            let allotmentId = $(this).data("allotment");

            $.ajax({
                url: "{{ route('admin.allotment-letter-download-taba', ['allotmentId' => '__ALLOTMENT_ID__']) }}"
                    .replace('__ALLOTMENT_ID__', allotmentId),
                type: "GET",
                success: function(response) {
                    if (response.pdf) {
                        let pdfData = "data:application/pdf;base64," + response.pdf;
                        $("#pdfViewer").attr("src", pdfData); // Set PDF in iframe
                        $("#downloadPdf").attr("href", pdfData).attr('download', 'Taba_Pavti.pdf'); // Set download link
                        $("#pdfPreviewModal").modal("show"); // Show modal
                    } else {
                        alert("Failed to generate PDF. Please try again.");
                    }
                },
                error: function() {
                    alert("Error generating PDF.");
                }
            });
        });

        @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
    });
</script>

</body>
@stack('scripts')