@extends('layouts.app')
@section('title', 'Validation Logs')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">Reports</a></li>
    <li class="breadcrumb-item active">Validation Logs</li>
@endsection

@section('content')
<div class="page-header"><h1 class="page-title"><i class="bi bi-journal-check me-2 text-primary"></i>Validation Logs</h1></div>

<!-- Filters -->
<div class="card table-card p-3 mb-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-md-3">
            <select name="action" class="form-select form-select-sm">
                <option value="">All Actions</option>
                @foreach(['created','validated','renewed','expired','suspended','revoked'] as $a)
                <option value="{{ $a }}" {{ request('action') === $a ? 'selected' : '' }}>{{ ucfirst($a) }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <input type="date" name="from" class="form-control form-control-sm" value="{{ request('from') }}" placeholder="From">
        </div>
        <div class="col-md-3">
            <input type="date" name="to" class="form-control form-control-sm" value="{{ request('to') }}" placeholder="To">
        </div>
        <div class="col-md-auto">
            <button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-filter me-1"></i>Filter</button>
            <a href="{{ route('reports.validation-logs') }}" class="btn btn-sm btn-outline-secondary ms-1">Reset</a>
        </div>
    </form>
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
                <tr><th>License</th><th>Customer</th><th>Action</th><th>Description</th><th>IP</th><th>By</th><th>Time</th></tr>
            </thead>
            <tbody>
                @foreach($logs as $log)
                <tr>
                    <td><code class="small">{{ $log->license?->license_key }}</code></td>
                    <td class="small">{{ $log->license?->customer?->company_name }}</td>
                    <td>
                        <span class="badge rounded-pill
                            {{ match($log->action) { 'validated' => 'bg-success', 'created' => 'bg-primary', 'renewed' => 'bg-info', 'expired' => 'bg-danger', 'suspended' => 'bg-warning text-dark', default => 'bg-secondary' } }}">
                            {{ ucfirst($log->action) }}
                        </span>
                    </td>
                    <td class="small">{{ $log->description }}</td>
                    <td class="small text-muted">{{ $log->ip_address }}</td>
                    <td class="small">{{ $log->created_by }}</td>
                    <td class="small text-muted">{{ $log->created_at?->format('d M Y H:i') }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $logs->links('pagination::bootstrap-5') }}</div>
</div>
@endsection