@extends('layouts.admin')
@section('title', 'Status & Foto Ruangan')
@section('admin-content')
<h1 style="font-size:18px;font-weight:800;margin-bottom:6px;">Status & Foto Ruangan</h1>
<p style="font-size:13px;color:var(--text-muted);margin-bottom:20px;">Status penggunaan ruangan saat ini.</p>
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;">
  @foreach($rooms as $room)
  @php
    $status  = $room->status;
    $current = $room->currentSession;
    $schedule= $room->todayApprovedRequests();
  @endphp
  <div style="background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);">
    <div style="position:relative;height:160px;background:var(--surface2);overflow:hidden;">
      <img src="{{ $room->photo_url }}" alt="{{ $room->name }}" style="width:100%;height:100%;object-fit:cover;">
      <div style="position:absolute;top:10px;right:10px;">
        <span class="badge {{ $status==='occupied'?'badge-occupied':($status==='upcoming'?'badge-upcoming':'badge-available') }}" style="box-shadow:0 2px 8px rgba(0,0,0,.15);">
          <span class="badge-dot"></span>{{ $status==='occupied'?'Terpakai':($status==='upcoming'?'Segera':'Tersedia') }}
        </span>
      </div>
    </div>
    <div style="padding:16px;">
      <div style="font-size:15px;font-weight:700;margin-bottom:2px;">{{ $room->name }}</div>
      <div style="font-size:12px;color:var(--text-muted);margin-bottom:14px;">{{ $room->floor }}</div>
      @if($current)
        <div style="background:var(--off-white);border-radius:8px;padding:10px 12px;margin-bottom:10px;font-size:12px;">
          <div style="color:#b91c1c;font-weight:700;margin-bottom:3px;">Digunakan oleh:</div>
          <div style="font-weight:600;">{{ $current->requester_name }}</div>
          <div style="color:var(--text-muted);">{{ substr($current->start_time,0,5) }} – {{ substr($current->end_time,0,5) }}</div>
        </div>
      @endif
      <div style="font-size:11px;color:var(--text-muted);">{{ $schedule->count() }} jadwal hari ini</div>
    </div>
  </div>
  @endforeach
</div>
@endsection