@extends('admin.layouts.app')
@section('title','External Paper Reviews')
@section('page-title','External Paper Reviews')
@section('page-subtitle','Confirm external platform acceptance before authors register paper details')
@section('papers-active','active')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

<div class="alert alert-info mb-4">
    For conferences using an <strong>external submission platform</strong>, authors pay the paper review fee here first — <strong>one payment per paper</strong>.
    After they submit on CMT (or similar), mark each paid applicant as <strong>Accepted</strong> or <strong>Rejected</strong>.
    Rejected papers require a new fee if the author submits another paper. Only accepted authors can use <em>Register Accepted Paper</em> in the user portal.
</div>

<div class="row g-3 mb-4">
    <div class="col-md-3"><div class="cardx metric"><small>Total</small><h3>{{ $stats['total'] }}</h3></div></div>
    <div class="col-md-3"><div class="cardx metric"><small>Pending</small><h3>{{ $stats['pending'] }}</h3></div></div>
    <div class="col-md-3"><div class="cardx metric"><small>Accepted</small><h3>{{ $stats['accepted'] }}</h3></div></div>
    <div class="col-md-3"><div class="cardx metric"><small>Rejected</small><h3>{{ $stats['rejected'] }}</h3></div></div>
</div>

<form method="GET" class="cardx p-3 mb-4">
    <div class="row g-2 align-items-end">
        <div class="col-md-4">
            <label class="form-label">Conference</label>
            <select name="conference_id" class="form-select" onchange="this.form.submit()">
                <option value="">All external-submission conferences</option>
                @foreach($conferences as $conf)
                    <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }} ({{ $conf->conference_year }})</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Status</label>
            <select name="status" class="form-select" onchange="this.form.submit()">
                <option value="">All statuses</option>
                @foreach(['pending' => 'Pending', 'accepted' => 'Accepted', 'rejected' => 'Rejected'] as $value => $label)
                    <option value="{{ $value }}" @selected($status === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
    </div>
</form>

<div class="cardx p-4">
    <div class="table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th>Author</th>
                    <th>Conference</th>
                    <th>Payment</th>
                    <th>Paid</th>
                    <th>Status</th>
                    <th>Decision</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($applications as $application)
                    @php
                        $canDecide = app(\App\Services\ExternalPaperReviewService::class)->canDecide(auth()->user(), $application->conference);
                    @endphp
                    <tr>
                        <td>
                            <strong>{{ $application->user?->name }}</strong>
                            <small class="text-muted d-block">{{ $application->user?->email }}</small>
                        </td>
                        <td>{{ $application->conference?->name }}</td>
                        <td>
                            <code>{{ $application->payment?->payment_reference }}</code>
                            <small class="d-block text-muted">{{ $application->payment?->currency }} {{ number_format($application->payment?->amount ?? 0, 2) }}</small>
                        </td>
                        <td>{{ $application->payment?->paid_at?->format('M d, Y') ?? $application->created_at->format('M d, Y') }}</td>
                        <td>
                            <span class="badge {{ $application->isAccepted() ? 'bg-success' : ($application->isRejected() ? 'bg-danger' : 'bg-warning text-dark') }}">
                                {{ $application->statusLabel() }}
                            </span>
                            @if($application->external_reference)
                                <small class="d-block text-muted">Ref: {{ $application->external_reference }}</small>
                            @endif
                        </td>
                        <td>
                            @if($application->decided_at)
                                <small>{{ $application->decided_at->format('M d, Y') }}</small>
                                <small class="d-block text-muted">{{ $application->decidedBy?->name }}</small>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td class="text-end" style="min-width:220px">
                            @if($application->isPending() && $canDecide)
                                <button type="button" class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#acceptModal{{ $application->id }}">Accept</button>
                                <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#rejectModal{{ $application->id }}">Reject</button>
                            @elseif($application->isPending())
                                <span class="text-muted small">No permission</span>
                            @else
                                <span class="text-muted small">Decided</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-muted">No external paper review applications found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $applications->withQueryString()->links() }}
</div>

@foreach($applications as $application)
    @php $canDecide = app(\App\Services\ExternalPaperReviewService::class)->canDecide(auth()->user(), $application->conference); @endphp
    @if($application->isPending() && $canDecide)
    <div class="modal fade" id="acceptModal{{ $application->id }}" tabindex="-1">
        <div class="modal-dialog">
            <form method="POST" action="{{ route('admin.external-paper-reviews.accept', $application) }}" class="modal-content">
                @csrf
                <div class="modal-header"><h5 class="modal-title">Accept external paper</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <p class="small text-muted">Confirm that <strong>{{ $application->user?->name }}</strong> was accepted on the external platform.</p>
                    <div class="mb-3">
                        <label class="form-label">External reference (optional)</label>
                        <input type="text" name="external_reference" class="form-control" placeholder="CMT paper ID">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Notes (optional)</label>
                        <textarea name="admin_notes" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">Mark Accepted</button>
                </div>
            </form>
        </div>
    </div>
    <div class="modal fade" id="rejectModal{{ $application->id }}" tabindex="-1">
        <div class="modal-dialog">
            <form method="POST" action="{{ route('admin.external-paper-reviews.reject', $application) }}" class="modal-content">
                @csrf
                <div class="modal-header"><h5 class="modal-title">Reject external paper</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <p class="small text-muted">The author will be notified that their paper was not accepted.</p>
                    <div class="mb-3">
                        <label class="form-label">Notes (optional)</label>
                        <textarea name="admin_notes" class="form-control" rows="3" placeholder="Reason or comment for the author"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">Mark Rejected</button>
                </div>
            </form>
        </div>
    </div>
    @endif
@endforeach

@endsection