@php($headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    '',
    '',
    [],
    []
))
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <div class="project-box">
        <x-heading-sec :module="'Pending Review Queue'" :options="[]" />

        <div class="alert alert-info mb-3">
            Applications are flagged as overdue after <strong>{{ $threshold }}</strong> weekdays in review.
            Overdue rows are highlighted in red.
        </div>

        <div class="table-responsive project-table">
            <table class="{{ \Config::get('view.table.table_class') }}">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>DBA</th>
                        <th>Processor</th>
                        <th>Sales Rep</th>
                        <th>Submitted At</th>
                        <th>Days in Review</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($apps as $key => $app)
                    <tr class="{{ $app->is_overdue ? 'table-danger' : '' }}">
                        <td>{{ $key + 1 }}</td>
                        <td>
                            <strong>{{ $app->dba ?: ($app->legal_name ?: 'Application #' . $app->id) }}</strong>
                            @if($app->is_overdue)
                            <span class="badge bg-danger ms-1">Overdue</span>
                            @endif
                        </td>
                        <td>{{ $app->processorInfo->value_name ?? '—' }}</td>
                        <td>{{ $app->owner->full_name ?? '—' }}</td>
                        <td>{{ $app->turbo_app_submitted_at ? $app->turbo_app_submitted_at->format('M d, Y') : '—' }}</td>
                        <td>
                            <strong class="{{ $app->is_overdue ? 'text-danger' : '' }}">
                                {{ $app->days_in_review }} day{{ $app->days_in_review == 1 ? '' : 's' }}
                            </strong>
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('turbo-app.edit', $app->id) }}"
                                   class="btn btn-sm btn-outline-secondary" title="View">
                                    <i class="mdi mdi-eye"></i>
                                </a>
                                <button type="button"
                                        class="btn btn-sm btn-outline-success js-approve-app"
                                        data-id="{{ $app->id }}"
                                        data-url="{{ route('turbo-app.change-status', $app->id) }}"
                                        title="Approve">
                                    <i class="mdi mdi-check"></i>
                                </button>
                                <button type="button"
                                        class="btn btn-sm btn-outline-danger js-decline-app"
                                        data-id="{{ $app->id }}"
                                        data-url="{{ route('turbo-app.change-status', $app->id) }}"
                                        title="Decline">
                                    <i class="mdi mdi-close"></i>
                                </button>
                                <button type="button"
                                        class="btn btn-sm btn-outline-warning js-return-app"
                                        data-id="{{ $app->id }}"
                                        data-url="{{ route('turbo-app.change-status', $app->id) }}"
                                        title="Return">
                                    <i class="mdi mdi-undo"></i>
                                </button>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">
                            No applications currently in Pending Review.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@push('page_script')
<script>
(function () {
    function changeStatus(url, status, confirmMsg) {
        if (!confirm(confirmMsg)) return;
        $.post(url, { _token: '{{ csrf_token() }}', status: status }, function (res) {
            if (res && res.status) { window.location.reload(); }
        }).fail(function () {
            alert('Error updating status. Please try again.');
        });
    }

    $(document).on('click', '.js-approve-app', function () {
        changeStatus($(this).data('url'), 4, 'Approve this application?');
    });
    $(document).on('click', '.js-decline-app', function () {
        changeStatus($(this).data('url'), 5, 'Decline this application?');
    });
    $(document).on('click', '.js-return-app', function () {
        changeStatus($(this).data('url'), 6, 'Return this application for revisions?');
    });
})();
</script>
@endpush