@extends('admin.layouts.layout')

@section('content')
    <div class="page-container">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="card-header border-bottom justify-content-between d-flex flex-wrap align-items-center gap-2">
                            <h4 class="header-title">Application List</h4>
                        </div>
                        <table id="basic-datatable" class="table table-striped dt-responsive nowrap w-100">
                        <thead>
                            <tr>
                                <th>Application No</th>
                                <th>Site Name</th>
                                <th>Register Date</th>
                                <th style="text-align: end;">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($Applications as $Application)
                            <tr>
                                <td>{{ $Application->register_no }}</td>
                                <td>{{ $Application->site->site_name ?? 'N/A'}}</td>
                                <td>{{ $Application->created_at }}</td>
                                <td>
                                    <div class="hstack gap-1 justify-content-end">
                                        <a href="{{ route('applications.edit',  $Application->id) }}"
                                            class="btn btn-soft-success btn-icon btn-sm" style="height: calc(.6rem + 1.5em + 2px); width: calc(.6rem + 2.5em + 15px);" title="Edit Application">
                                            <i class="ti ti-edit fs-16"></i>
                                         </a>
                                         <button type="button" class="btn btn-soft-primary btn-icon btn-sm openadminPdfModal"
                                         style="height: calc(.6rem + 1.5em + 2px); width: calc(.6rem + 2.5em + 15px);"
                                         data-id="{{ $Application->id }}"
                                         data-bs-toggle="modal"
                                         data-nature-id="{{ $Application->nature_of_document_id }}"
                                         data-bs-target="{{ $Application->form_type == '2' ? '#gujmodal' : '#engmodal' }}">
                                         <i class="ti ti-download fs-16"></i> ({{ $Application->form_type == '2' ? 'GUJ' : 'ENG' }})
                                     </button>
                                    </div>
                                </td>
                            </tr>
                            @endforeach

                        </tbody>
                        </table>
                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div> <!-- end row-->

        <div class="modal fade" id="gujmodal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myGujModalLabel">Select PDF</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <div class="modal-body" style="display: flex; flex-direction: column;">
                        {{-- <a class="gujaratiPdfLink" data-nature-id="2" target="_blank" href="#" style="text-align: center; font-size: 19px;">Saledeed</a>
                        <a class="gujaratiPdfLink" data-nature-id="3" target="_blank" href="#" style="text-align: center; font-size: 19px;">Banakhat</a>
                        <a class="gujaratiPdfLink" data-nature-id="6" target="_blank" href="#" style="text-align: center; font-size: 19px;">Construction Agreement</a>
                        <a class="gujaratiPdfLink" data-nature-id="7" target="_blank" href="#" style="text-align: center; font-size: 19px;">Extra Agreement</a> --}}
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

        <div class="modal fade" id="engmodal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myEngModalLabel">Select PDF</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <div class="modal-body" style="display: flex; flex-direction: column;">
                        {{-- <a class="englishPdfLink" data-nature-id="2" target="_blank" href="#" style="text-align: center; font-size: 19px;">Saledeed</a>
                        <a class="englishPdfLink" data-nature-id="3" target="_blank" href="#" style="text-align: center; font-size: 19px;">Banakhat</a> --}}
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>
    </div>
@endsection

@section('footer-script')

<script>
    const documentMap = {
    1: 'Mortgage',
    2: 'Sale Deed',
    3: 'Banakhat',
    4: 'Affidavit',
    5: 'Lease Deed',
    6: 'Construction Agreement',
    7: 'Extra Construction Agreement',
    8: 'Mortgage Release',
    9: 'Sammati',
    10: 'Stamp Form',
};
$(document).on("click", ".openadminPdfModal", function () {
        const applicationId = $(this).data("id");
        const formType = $(this).data("bs-target"); // #gujmodal or #engmodal
        const natureIds = $(this).data("nature-id")?.toString().split(',') || [];

        if (!applicationId || !formType) {
            alert("Missing application ID or modal target!");
            return;
        }

        const $modal = $(formType);
        const $modalBody = $modal.find(".modal-body");
        $modalBody.empty();

        const isGujarati = formType === "#gujmodal";
        const downloadRoute = isGujarati
            ? "/admin/document_download_gujarati"
            : "/admin/document_download_english";

        const linkClass = isGujarati ? "gujaratiAdminPdfLink" : "englishAdminPdfLink";

        if (natureIds.length === 0) {
            $modalBody.append("<p>No documents available.</p>");
        }

        natureIds.forEach(id => {
            id = id.trim();
            const name = documentMap[id];
            if (name) {
                const href = `${downloadRoute}/${applicationId}?nature_id=${id}`;
                const $link = $('<a>', {
                    class: linkClass,
                    href: href,
                    target: '_blank',
                    text: name,
                    style: 'display: block; margin: 10px 0; font-size: 18px;'
                });
                $modalBody.append($link);
            }
        });

        $modal.modal("show");
    });
</script>

@endsection