@include('layouts.header', ['title' => 'Lottery List'])
<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>

                @include('components.project-details', ['project' => $project])

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">Lottery: Scheduled Details</h4>
                            </div>
                            <div class="card-body">
                                <dl class="row mb-0">
                                    <dt class="col-sm-2">Description</dt>
                                    <dd class="col-sm-10"><span>{{ $lotteryDetails->description ?? 'N/A' }}</span></dd>

                                    <dt class="col-sm-2">Date & Time</dt>
                                    <dd class="col-sm-9">
                                        {{ isset($lotteryDetails->date_time) ? date('d-m-Y H:i:s', strtotime($lotteryDetails->date_time)) : 'N/A' }}
                                    </dd>

                                    @if ($project->status_id == 11)
                                        <!-- Draw Lottery Button -->
                                        <dt class="col-sm-2">
                                            {{-- <button id="drawLotteryBtn" data-project-id="{{ $project->id }}" class="btn btn-success me-2">
                                        Draw Lottery
                                    </button> --}}
                                            <a href="{{ route('admin.drawlottery.view', ['projectId' => encrypt($project->id)]) }}"
                                                class="btn btn-success me-2">
                                                Draw Lottery
                                            </a>
                                        </dt>
                                    @endif
                                    @if ($project->status_id == 13)
                                        <!-- Draw Lottery Button -->
                                        <dt class="col-sm-2">
                                            <a href="{{ route('admin.rnrprojectsurveydraftallotmentletter.index', ['projectId' => encrypt($project->id)]) }}"
                                                class="btn btn-success me-2" id="allotmentLetterBtn">
                                                <i class="fas fa-info-circle"></i>Allotment List
                                            </a>
                                        </dt>
                                    @endif
                                    @if (isset($project->status_id) && $project->status_id == 9)
                                        <dt class="col-sm-2"><a
                                                href="{{ route('admin.lotterylist.index', ['projectId' => request('projectId'), 'postId' => 1]) }}"
                                                class="btn btn-success me-2">Update Schedule</a></dt>
                                    @endif
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>


                 <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">Selected PAPs</h4>
                            </div>
                            <div class="card-body">
                                <a
                                    href="{{ route('admin.selectedPaplist.view', ['projectId' => request('projectId')]) }}"
                                    class="btn btn-success me-2"
                                >
                                    Save Selected PAPs ({{ $blockedSurveyCount }})
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">Inventory: Blocked Inventory</h4>
                            </div>
                            <div class="card-body">
                                <a
                                    href="{{ route('admin.selectedInventorylist.view', ['projectId' => request('projectId')]) }}"
                                    class="btn btn-success me-2"
                                >
                                    View Blocked Inventory ({{ $totalBlockedInventory }})
                                </a>
                                @if (isset($project->status_id) && $project->status_id == 9)
                                    <a href="{{ route('admin.blockInventorylist.index', ['projectId' => request('projectId')]) }}"
                                                class="btn btn-success me-2"
                                    >
                                        Add Inventory
                                    </a>
                                    @if ($totalBlockedInventory > 0)
                                        <a
                                            href="{{ route('admin.updateProjectStatus.status', ['projectId' => request('projectId')]) }}"
                                            class="btn btn-success me-2"
                                        >
                                            Submit For Review
                                        </a>
                                    @endif
                                @endif

                                <a href="{{ url()->previous() }}"
                                    class="btn btn-success me-2"
                                >
                                    Back To Project Details
                                </a>
                                @if (($project->status_id == 9 || $project->status_id == 13) && $lotteryDetails->remark)
                                    <div class="alert alert-warning mt-3">
                                        <label class="badge text-bg-primary">Remark</label>
                                        <div class="mt-1">{!! $lotteryDetails->remark !!}</div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>

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

<!-- Loader Modal -->
<div class="modal fade" id="loaderModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content text-center p-4">
            <div class="spinner-border text-primary mb-3" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
            <h5>Processing Lottery Draw...</h5>
        </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() {
        @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>

<script>
    $('#drawLotteryBtn').click(function() {
        const projectId = $(this).data('project-id');

        // Show loader popup modal
        $('#loaderModal').modal('show');

        const startTime = new Date().getTime();

        $.ajax({
            url: `/rnr/AnnexuretwoInventoryAssign/${projectId}`,
            type: 'GET',
            success: function(response) {
                const elapsed = new Date().getTime() - startTime;
                const delay = Math.max(3000 - elapsed, 0); // ensure minimum 3 sec

                setTimeout(() => {
                    $('#loaderModal').modal('hide');
                    toastr.success('Lottery Drawn Successfully!');
                    location.reload(); // Optional reload
                }, delay);
            },
            error: function(xhr) {
                const elapsed = new Date().getTime() - startTime;
                const delay = Math.max(3000 - elapsed, 0);

                setTimeout(() => {
                    $('#loaderModal').modal('hide');

                    let errorMsg = 'Something went wrong. Please try again.';

                    if (xhr.responseJSON && xhr.responseJSON.error) {
                        errorMsg = xhr.responseJSON.error;
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMsg = xhr.responseJSON.message;
                    }

                    toastr.error(errorMsg);
                }, delay);
            }
        });
    });
</script>


</body>