@extends('layouts.admin')

@section('title', 'Laporan Peminjaman')

@section('content')
<style>
    @media print {
        .no-print {
            display: none !important;
        }
    }
</style>
<div class="container mt-4">
    <div class="card shadow-lg border-0">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
            <h4 class="mb-0"><i class="fas fa-file-alt"></i> Laporan Peminjaman</h4>
            <button onclick="window.print()" class="btn btn-primary no-print">
                <i class="fas fa-print"></i> Print
            </button>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover shadow-sm text-center align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>No</th>
                            <th>Nama Pengguna</th>
                            <th>Ruang</th>
                            <th>Tanggal Mulai</th>
                            <th>Tanggal Selesai</th>
                            <th>Jam Mulai</th>
                            <th>Jam Selesai</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($bookings as $booking)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $booking->user->name }}</td>
                            <td>{{ $booking->room->name }}</td>
                            <td>{{ $booking->date }}</td>
                            <td>{{ $booking->end_date }}</td>
                            <td>{{ $booking->start_time }}</td>
                            <td>{{ $booking->end_time }}</td>
                            <td>
                                @if($booking->status == 'pending')
                                    <span class="badge bg-warning">Pending</span>
                                @elseif($booking->status == 'approved')
                                    <span class="badge bg-success">Approved</span>
                                @elseif($booking->status == 'rejected')
                                    <span class="badge bg-danger">Rejected</span>
                                @elseif($booking->status == 'canceled')
                                    <span class="badge bg-secondary">Canceled</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection