@extends('admin.layout')

@section('title', 'Audit Trail')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-history mr-2"></i>
                        Audit Trail - User Activities
                    </h3>
                </div>
                <div class="card-body">
                    <!-- Statistics Cards -->
                    <div class="row mb-4">
                        <div class="col-md-2">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-users"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Guests</span>
                                    <span class="info-box-number">{{ $stats['total_guests'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-calendar-check"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Bookings</span>
                                    <span class="info-box-number">{{ $stats['total_bookings'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-file-invoice"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Invoices</span>
                                    <span class="info-box-number">{{ $stats['total_invoices'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="info-box">
                                <span class="info-box-icon bg-primary"><i class="fas fa-user-plus"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Guests Today</span>
                                    <span class="info-box-number">{{ $stats['guests_today'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="info-box">
                                <span class="info-box-icon bg-secondary"><i class="fas fa-plus"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Bookings Today</span>
                                    <span class="info-box-number">{{ $stats['bookings_today'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger"><i class="fas fa-receipt"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Invoices Today</span>
                                    <span class="info-box-number">{{ $stats['invoices_today'] }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Recent Activities Table -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Waktu</th>
                                    <th>Tipe</th>
                                    <th>Aksi</th>
                                    <th>Deskripsi</th>
                                    <th>User</th>
                                    <th>Detail</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($recentActivities as $activity)
                                <tr>
                                    <td>
                                        <small>
                                            {{ $activity['created_at']->format('d/m/Y H:i:s') }}
                                            <br>
                                            <span class="text-muted">{{ $activity['created_at']->diffForHumans() }}</span>
                                        </small>
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $activity['type'] == 'Guest' ? 'info' : ($activity['type'] == 'Booking' ? 'success' : 'warning') }}">
                                            {{ $activity['type'] }}
                                        </span>
                                    </td>
                                    <td>{{ $activity['action'] }}</td>
                                    <td>{{ $activity['description'] }}</td>
                                    <td>
                                        <i class="fas fa-user mr-1"></i>
                                        {{ $activity['user'] }}
                                    </td>
                                    <td>
                                        @if($activity['type'] == 'Guest')
                                            <a href="{{ route('admin.audit-trail.show', ['type' => 'guest', 'id' => $activity['model']->id]) }}" 
                                               class="btn btn-sm btn-outline-primary">
                                                <i class="fas fa-eye"></i> Detail
                                            </a>
                                        @elseif($activity['type'] == 'Booking')
                                            <a href="{{ route('admin.audit-trail.show', ['type' => 'booking', 'id' => $activity['model']->id]) }}" 
                                               class="btn btn-sm btn-outline-success">
                                                <i class="fas fa-eye"></i> Detail
                                            </a>
                                        @elseif($activity['type'] == 'Invoice')
                                            <a href="{{ route('admin.audit-trail.show', ['type' => 'invoice', 'id' => $activity['model']->id]) }}" 
                                               class="btn btn-sm btn-outline-warning">
                                                <i class="fas fa-eye"></i> Detail
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="6" class="text-center">
                                        <i class="fas fa-info-circle mr-2"></i>
                                        Belum ada aktivitas yang tercatat
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    // Auto refresh every 30 seconds
    setTimeout(function() {
        location.reload();
    }, 30000);
</script>
@endsection