@extends('layouts.app')
@section('title', 'Hotel Audit Log')
@section('page-title', 'Hotel Audit Log')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('hotel.dashboard') }}">Dashboard</a><span>/</span>Audit Log</div>
        <h1>Audit Log</h1>
        <p>All activity at your hotel — immutable and permanent.</p>
    </div>
</div>

<div class="card">
    <div class="filters-bar">
        <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;width:100%;">
            <div class="form-group" style="margin:0;flex:1;min-width:160px;">
                <input type="text" name="user" class="form-control" placeholder="Search staff name..." value="{{ request('user') }}">
            </div>
            <div class="form-group" style="margin:0;min-width:140px;">
                <select name="action" class="form-control">
                    <option value="">All Actions</option>
                    @foreach($actions as $action)
                        <option value="{{ $action }}" {{ request('action')===$action?'selected':'' }}>{{ $action }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group" style="margin:0;min-width:140px;">
                <select name="module" class="form-control">
                    <option value="">All Modules</option>
                    @foreach($modules as $module)
                        <option value="{{ $module }}" {{ request('module')===$module?'selected':'' }}>{{ $module }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group" style="margin:0;min-width:130px;">
                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
            </div>
            <div class="form-group" style="margin:0;min-width:130px;">
                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
            </div>
            <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-filter"></i> Filter</button>
            <a href="{{ route('hotel.audit.index') }}" class="btn btn-outline btn-sm">Reset</a>
        </form>
    </div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Staff</th><th>Action</th><th>Module</th><th>Description</th><th>IP</th><th>Device</th><th>Time</th></tr></thead>
            <tbody>
                @forelse($logs as $log)
                <tr>
                    <td><div style="font-weight:600;font-size:13px;">{{ $log->user_name }}</div><div style="font-size:11px;color:#6b7280;">{{ $log->role }}</div></td>
                    <td><span class="badge badge-primary" style="font-size:10px;">{{ $log->action }}</span></td>
                    <td style="font-size:12px;">{{ $log->module }}</td>
                    <td style="font-size:12.5px;max-width:260px;">{{ Str::limit($log->description, 70) }}</td>
                    <td style="font-size:11px;color:#6b7280;">{{ $log->ip_address }}</td>
                    <td style="font-size:11px;color:#6b7280;">{{ $log->browser }}</td>
                    <td style="font-size:11px;color:#6b7280;white-space:nowrap;">{{ $log->created_at->format('d M Y') }}<br>{{ $log->created_at->format('H:i:s') }}</td>
                </tr>
                @empty
                <tr><td colspan="7"><div class="empty-state"><i class="fas fa-shield-alt"></i><h3>No audit logs</h3></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($logs->hasPages())
    <div class="card-footer" style="display:flex;justify-content:space-between;align-items:center;">
        <span style="font-size:13px;color:#6b7280;">{{ $logs->total() }} total entries</span>
        <div class="pagination">{{ $logs->appends(request()->query())->links() }}</div>
    </div>
    @endif
</div>
@endsection