@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4 text-center py-5">
        <i class="bi bi-journal-text display-1 text-primary opacity-25 mb-4"></i>
        <h3 class="fw-bold">Audit & Logs</h3>
        <p class="text-secondary mb-4">View detailed system logs, user activities, and error traces in the dedicated explorer.</p>
        
        <div class="row g-3 justify-content-center">
            <div class="col-md-4">
                <a href="{{ route('admin.logs.index') }}" class="btn btn-primary w-100 py-3 fw-bold shadow-sm">
                    <i class="bi bi-search me-2"></i> Explore Logs
                </a>
            </div>
             <div class="col-md-4">
                <a href="{{ route('admin.logs.export') }}" class="btn btn-outline-dark w-100 py-3 fw-bold">
                    <i class="bi bi-download me-2"></i> Export CSV
                </a>
            </div>
        </div>

        <hr class="my-5">

        <div class="text-start">
            <h5 class="fw-bold mb-4">Auto-Cleanup Settings</h5>
            <form action="{{ route('admin.settings.update', 'logs') }}" method="POST">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold small">Retention Period (Days)</label>
                        <select name="log_retention" class="form-select">
                            <option value="30" {{ \App\Models\Setting::get('log_retention', '30') == '30' ? 'selected' : '' }}>30 Days</option>
                            <option value="60" {{ \App\Models\Setting::get('log_retention') == '60' ? 'selected' : '' }}>60 Days</option>
                            <option value="90" {{ \App\Models\Setting::get('log_retention') == '90' ? 'selected' : '' }}>90 Days</option>
                        </select>
                    </div>
                    <div class="col-md-6 d-flex align-items-end">
                        <button type="submit" class="btn btn-dark fw-bold px-4">Save Cleanup Rules</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection