@extends('layouts.app')

@section('title', 'Generate Report')

@push('stylesheets')
@include('reports.partials.mec-listing-table-styles')
@include('partials.index-datatable-styles')
@include('partials.filter-card-styles')
<style>
    #reportsSchemeSelectionCard .table-responsive { overflow-x: visible; overflow-y: visible; }
    @media (max-width: 768px) {
        #reportsSchemeSelectionCard .table-responsive { overflow-x: auto; }
    }
    #reportsSchemeSelectionCard .scheme-name-link {
        cursor: pointer;
        text-decoration: none;
    }
    #reportsSchemeSelectionCard .scheme-name-link:hover,
    #reportsSchemeSelectionCard .scheme-name-link:focus {
        text-decoration: underline;
    }
</style>
@endpush

@section('contents')
@if (session('warning'))
    <div class="container-fluid mb-3">
        <div class="alert alert-warning alert-dismissible fade show mb-0" role="alert">
            {{ session('warning') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
        </div>
    </div>
@endif
@php
    $schemeSelectionToolbar = '<div class="d-flex flex-wrap align-items-center gap-3 mb-2">'
        . view('reports.partials.mec-listing-scheme-name-toggle')->render()
        . '</div>'
        . '<p class="text-primary mb-0">'
        . e(__('Click a scheme name to open the report wizard and choose the report type and options.'))
        . '</p>';
    $schemeSelectionIntroHtml = view('reports.partials.scheme-selection-intro', ['reportType' => $reportType])->render();
@endphp
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12" id="reportsSchemeSelectionCard">
                <x-layouts.index-card
                    tableId="tblReportSchemeSelection"
                    :showCreateButton="false"
                    :tableHeading="''"
                    :headerToolbar="$schemeSelectionToolbar.$schemeSelectionIntroHtml"
                    :headers="['Plan Type', 'No. Schemes', 'ADP #', 'UID', 'Scheme Name', 'Visit Date', 'District', 'Plan Status']"
                    :sortColumns="['plan_type', 'plan_scheme_count', 'adp_order', 'scheme_uid', 'scheme_name', 'visit_date_order', 'district', 'plan_status_label']"
                    :perPageSlot="view('components.per-page-selector', ['current' => $perPage ?? 25, 'baseUrl' => request()->url()])"
                    :pagination="isset($paginator) ? $paginator->links('vendor.pagination.bootstrap-4') : ''">
                    @foreach ($rows as $row)
                        @php
                            $st = $row['plan_status'] ?? '';
                            $statusBadgeClass = $st === 'approved' ? 'success' : ($st === 'rejected' ? 'danger' : ($st === 'draft' ? 'secondary' : 'info'));
                            $reportWriteUrl = route('reports.create.details', [
                                'plan_scheme_id' => $row['plan_scheme_id'],
                                'report_entry' => $reportType,
                            ]);
                            $pendingChangeRequest = ! empty($row['pending_change_request']);
                        @endphp
                        <tr>
                            <td data-order="{{ $row['plan_type'] }}" class="text-nowrap">
                                @if (filled($row['plan_type'] ?? null))
                                    <span class="badge badge-{{ \App\Support\MecReportListingTable::planTypeBadgeVariant($row['plan_type']) }} plan-type-badge-static">{{ $row['plan_type'] }}</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td data-order="{{ (int) ($row['plan_scheme_count'] ?? 0) }}" class="text-nowrap">{{ (int) ($row['plan_scheme_count'] ?? 0) }}</td>
                            <td data-order="{{ $row['adp_order'] }}" class="text-nowrap">{{ $row['adp_number'] }}</td>
                            <td data-order="{{ $row['scheme_uid'] }}" class="text-left text-nowrap pms-report-scheme-select-uid">{{ $row['scheme_uid'] }}</td>
                            <td class="text-left pms-report-scheme-select-name">
                                @php
                                    $reportSchemeNameClass = trim((string) ($row['scheme_name_color_class'] ?? ''));
                                @endphp
                                <a
                                    href="{{ $pendingChangeRequest ? '#' : $reportWriteUrl }}"
                                    class="scheme-name-link scheme-name-text font-weight-bold {{ $reportSchemeNameClass }}{{ $pendingChangeRequest ? ' text-muted' : '' }}"
                                    data-full-name="{{ e($row['scheme_name']) }}"
                                    data-truncated="{{ e($row['scheme_name_truncated'] ?? $row['scheme_name']) }}"
                                    @if ($pendingChangeRequest)
                                        data-pending-change-request="1"
                                        data-pending-change-message="{{ e(\App\Support\PlanSchemeReportChangeGuard::pendingChangeBlocksReportMessage()) }}"
                                    @endif
                                    title="{{ $pendingChangeRequest ? __('Cancellation or replacement pending') : __('Open report wizard') }}"
                                >{{ $row['scheme_name_truncated'] ?? $row['scheme_name'] }}</a>
                            </td>
                            <td data-order="{{ $row['visit_date_order'] }}" class="text-nowrap">{{ $row['visit_date'] }}</td>
                            <td class="text-left pms-report-scheme-select-district">{{ $row['district'] }}</td>
                            <td data-order="{{ $st }}">
                                <span class="badge badge-{{ $statusBadgeClass }}">{{ $row['plan_status_label'] }}</span>
                            </td>
                        </tr>
                    @endforeach
                </x-layouts.index-card>
            </div>
        </div>
    </div>

</section>
@endsection

@push('scripts')
@include('partials.index-datatable-scripts')
<script>
(function () {
    var tableSelector = '#tblReportSchemeSelection';

    $(function () {
        var $tbl = $(tableSelector);
        if (!$tbl.length || typeof window.PmsIndexDataTable === 'undefined') {
            return;
        }

        if ($.fn.DataTable.isDataTable($tbl)) {
            $tbl.DataTable().destroy();
        }

        $tbl.attr('data-pms-empty-message', 'No matching schemes.');

        PmsIndexDataTable.initLaravelPaginated(tableSelector, {
            scrollX: true
        });

        PmsIndexDataTable.attachServerSort(tableSelector, {
            baseUrl: '{{ request()->url() }}',
            currentQuery: @json(request()->except(['page', 'sort_col', 'sort_dir'])),
            currentSortCol: '{{ request('sort_col', 'adp_order') }}',
            currentSortDir: '{{ request('sort_dir', 'asc') }}'
        });

        $(document).on('click', '#reportsSchemeSelectionCard a[data-pending-change-request="1"]', function (e) {
            e.preventDefault();
            var msg = $(this).data('pending-change-message') || @json(\App\Support\PlanSchemeReportChangeGuard::pendingChangeBlocksReportMessage());
            if (typeof Swal !== 'undefined') {
                Swal.fire({
                    icon: 'warning',
                    title: @json(__('Cannot create report')),
                    text: msg,
                    confirmButtonColor: '#00401A',
                    confirmButtonText: @json(__('OK')),
                });
            } else {
                window.alert(msg);
            }
        });
    });
})();
</script>
@include('reports.partials.mec-listing-scheme-name-toggle-scripts')
@endpush