@extends('layouts.app')
@section('title', 'Hostel Dashboard')
@section('content')
<h2 style="font-size:18px;color:#0b4f2c;margin-bottom:16px;">Hostel Dashboard</h2>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;">
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Buildings</div><div style="font-size:22px;font-weight:bold;color:#0b4f2c;">{{ $stats['buildings'] }}</div></div>
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Total Beds</div><div style="font-size:22px;font-weight:bold;">{{ $stats['total_beds'] }}</div></div>
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Occupied</div><div style="font-size:22px;font-weight:bold;color:#0b4f2c;">{{ $stats['occupied_beds'] }}</div></div>
</div>

<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;">
        <h3 style="font-size:15px;color:#0b4f2c;">Buildings & Rooms</h3>
        <div style="display:flex;gap:8px;">
            <a href="{{ url('/hostel/buildings') }}" style="background:#f4f6f5;color:#333;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">Manage Buildings</a>
            <a href="{{ url('/hostel/allocate') }}" style="background:#0b4f2c;color:#fff;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">Allocate Student</a>
        </div>
    </div>
    @forelse($hostels as $hostel)
        <div style="border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:10px;">
            <strong style="color:#0b4f2c;">{{ $hostel->name }}</strong> <span style="font-size:11.5px;color:#777;">({{ $hostel->gender }}) — Warden: {{ $hostel->warden->user->name ?? 'Not assigned' }}</span>
            <table style="width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px;">
                <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:5px;">Room</th><th style="padding:5px;">Occupied</th><th style="padding:5px;"></th></tr></thead>
                <tbody>
                    @forelse($hostel->rooms as $room)
                        <tr style="border-bottom:1px solid #eee;">
                            <td style="padding:5px;">{{ $room->room_number }}</td>
                            <td style="padding:5px;">{{ $room->allocations->count() }} / {{ $room->bed_capacity }}</td>
                            <td style="padding:5px;"><a href="{{ url('/hostel/rooms/' . $room->id) }}" style="color:#0b4f2c;text-decoration:none;font-size:11.5px;">View</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="3" style="padding:6px;color:#999;">No rooms yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    @empty
        <p style="color:#999;font-size:13px;text-align:center;padding:20px 0;">No hostels set up yet.</p>
    @endforelse
</div>
@endsection