@extends('layouts.app')

@section('title', 'Admin Dashboard - MiMSMS Voter System')

@section('content')
<h1 style="color: var(--primary-orange); margin-bottom: 2rem;">Admin Dashboard</h1>

<div class="grid">
    <div class="stat-card">
        <p>Total Districts</p>
        <h3>{{ $total_districts }}</h3>
    </div>
    <div class="stat-card">
        <p>Total Thanas</p>
        <h3>{{ $total_thanas }}</h3>
    </div>
    <div class="stat-card">
        <p>Electoral Areas</p>
        <h3>{{ $total_areas }}</h3>
    </div>
    <div class="stat-card">
        <p>Total Orders</p>
        <h3>{{ $total_orders }}</h3>
    </div>
    <div class="stat-card">
        <p>Pending Orders</p>
        <h3 style="color: var(--primary-red);">{{ $pending_orders }}</h3>
    </div>
</div>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin: 2rem 0;">
    <a href="{{ route('admin.import') }}" class="btn" style="text-align: center; text-decoration: none; display: block; padding: 1rem;">📤 Import Voter Data</a>
    <a href="{{ route('admin.orders') }}" class="btn" style="text-align: center; text-decoration: none; display: block; padding: 1rem;">📋 Manage Orders</a>
    <a href="{{ route('admin.import-logs') }}" class="btn" style="text-align: center; text-decoration: none; display: block; padding: 1rem;">📊 Import Logs</a>
</div>

<div class="card">
    <h2 style="color: var(--primary-orange); margin-bottom: 1.5rem;">Recent Orders</h2>
    
    @if($recent_orders->count() > 0)
        <table>
            <thead>
                <tr>
                    <th>Order ID</th>
                    <th>Customer</th>
                    <th>Area</th>
                    <th>Status</th>
                    <th>WHMCS ID</th>
                    <th>Date</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($recent_orders as $order)
                    <tr>
                        <td>#{{ $order->id }}</td>
                        <td>{{ $order->customer_name }}</td>
                        <td>{{ $order->electoralArea->name ?? 'N/A' }}</td>
                        <td>
                            <span class="badge badge-{{ $order->order_status === 'completed' ? 'success' : ($order->order_status === 'pending' ? 'warning' : 'info') }}">
                                {{ ucfirst($order->order_status) }}
                            </span>
                        </td>
                        <td>{{ $order->whmcs_order_id ?? '-' }}</td>
                        <td>{{ $order->created_at->format('M d, Y') }}</td>
                        <td>
                            <a href="{{ route('admin.orders.edit', $order->id) }}" style="color: var(--primary-orange); text-decoration: none;">Edit</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="text-align: center; color: var(--text-light);">No orders yet</p>
    @endif
</div>
@endsection