@extends('layouts.app')

@section('content')
<div class="admin-panel">
    <header class="admin-header">
        <h1>Call management</h1>
        <a href="{{ route('gc.admin.dashboard') }}">← Admin home</a>
    </header>

    <div class="admin-stats">
        @foreach($stats as $label => $value)
            <div class="stat-card">
                <span class="stat-value">{{ $value }}</span>
                <span class="stat-label">{{ str_replace('_', ' ', ucfirst($label)) }}</span>
            </div>
        @endforeach
    </div>

    <section class="admin-section">
        <h2>Active calls</h2>
        <table>
            <thead>
                <tr><th>ID</th><th>Type</th><th>Initiator</th><th>Status</th><th>Started</th></tr>
            </thead>
            <tbody>
                @forelse($activeCalls as $call)
                <tr>
                    <td>{{ $call->id }}</td>
                    <td>{{ $call->type }} / {{ $call->mode }}</td>
                    <td>{{ $call->initiator?->name }}</td>
                    <td>{{ $call->status }}</td>
                    <td>{{ $call->created_at->diffForHumans() }}</td>
                </tr>
                @empty
                <tr><td colspan="5">No active calls</td></tr>
                @endforelse
            </tbody>
        </table>
    </section>

    <section class="admin-section">
        <h2>Recent call logs</h2>
        <table>
            <thead>
                <tr><th>Call</th><th>Action</th><th>User</th><th>Time</th></tr>
            </thead>
            <tbody>
                @foreach($recentLogs as $log)
                <tr>
                    <td>#{{ $log->call_id }}</td>
                    <td>{{ $log->action }}</td>
                    <td>{{ $log->user?->name ?? '—' }}</td>
                    <td>{{ $log->created_at?->diffForHumans() }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </section>

    <section class="admin-section">
        <h2>Recent calls</h2>
        <table>
            <thead>
                <tr><th>ID</th><th>Type</th><th>Initiator</th><th>Status</th><th>Duration</th></tr>
            </thead>
            <tbody>
                @foreach($recentCalls as $call)
                <tr>
                    <td>{{ $call->id }}</td>
                    <td>{{ $call->type }}</td>
                    <td>{{ $call->initiator?->name }}</td>
                    <td>{{ $call->status }}</td>
                    <td>{{ $call->duration_seconds }}s</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </section>
</div>
@endsection