@extends('layouts.dashboard')

@section('title', 'Membership Applications | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h4 class="fw-bold mb-0">Membership Applications Review</h4>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.memberships') }}" class="btn btn-sm {{ empty(request('status')) ? 'btn-primary' : 'btn-outline-primary' }}">All</a>
            <a href="{{ route('admin.memberships') }}?status=submitted" class="btn btn-sm {{ request('status') === 'submitted' ? 'btn-primary' : 'btn-outline-primary' }}">Submitted</a>
            <a href="{{ route('admin.memberships') }}?status=awaiting_payment" class="btn btn-sm {{ request('status') === 'awaiting_payment' ? 'btn-primary' : 'btn-outline-primary' }}">Awaiting Payment</a>
            <a href="{{ route('admin.memberships') }}?status=active" class="btn btn-sm {{ request('status') === 'active' ? 'btn-primary' : 'btn-outline-primary' }}">Active</a>
            <a href="{{ route('admin.memberships') }}?status=rejected" class="btn btn-sm {{ request('status') === 'rejected' ? 'btn-primary' : 'btn-outline-primary' }}">Rejected</a>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Application Ref</th>
                    <th>Applicant Details</th>
                    <th>Plan Applied</th>
                    <th>Total Fee</th>
                    <th>Status</th>
                    <th class="text-end">Administrative Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($applications as $app)
                    <tr>
                        <td>
                            <code>{{ $app->application_number }}</code><br>
                            <small class="text-muted">{{ $app->created_at->format('M d, Y') }}</small>
                        </td>
                        <td>
                            <strong>{{ $app->full_name }}</strong><br>
                            <small class="text-muted"><i class="icofont-envelope"></i> {{ $app->email }}</small><br>
                            <small class="text-muted"><i class="icofont-phone"></i> {{ $app->phone }}</small><br>
                            <small class="text-muted"><i class="icofont-institution"></i> {{ $app->institution_or_company }}</small>
                        </td>
                        <td>
                            <span class="badge bg-primary-subtle text-primary">{{ $app->plan->name }}</span><br>
                            <small class="text-muted text-uppercase">{{ $app->category }}</small>
                        </td>
                        <td class="fw-bold">₹{{ number_format($app->plan->total_fee, 2) }}</td>
                        <td>
                            @php
                                $badge = match($app->status) {
                                    'active' => 'bg-success',
                                    'approved' => 'bg-info',
                                    'awaiting_payment' => 'bg-warning text-dark',
                                    'rejected' => 'bg-danger',
                                    default => 'bg-secondary',
                                };
                            @endphp
                            <span class="badge {{ $badge }} text-uppercase">{{ str_replace('_', ' ', $app->status) }}</span>
                        </td>
                        <td class="text-end">
                            <div class="dropdown">
                                <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                                    Take Action
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end shadow border-0 p-2">
                                    <li>
                                        <form action="{{ route('admin.memberships.review', $app->id) }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="action" value="request_payment">
                                            <button type="submit" class="dropdown-item small text-warning py-1"><i class="icofont-pay me-1"></i> Request Payment</button>
                                        </form>
                                    </li>
                                    <li>
                                        <form action="{{ route('admin.memberships.review', $app->id) }}" method="POST">
                                            @csrf
                                            <input type="hidden" name="action" value="activate">
                                            <button type="submit" class="dropdown-item small text-success py-1"><i class="icofont-check-circled me-1"></i> Activate Membership</button>
                                        </form>
                                    </li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li>
                                        <form action="{{ route('admin.memberships.review', $app->id) }}" method="POST" onsubmit="return confirm('Confirm rejection of this application?');">
                                            @csrf
                                            <input type="hidden" name="action" value="reject">
                                            <input type="hidden" name="rejection_reason" value="Did not satisfy accreditation prerequisites.">
                                            <button type="submit" class="dropdown-item small text-danger py-1"><i class="icofont-close-circled me-1"></i> Reject Application</button>
                                        </form>
                                    </li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-4">No membership applications found for this filter.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $applications->links() }}</div>
</div>

@endsection