@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Facility: {{ $facility->name }}</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tr><th>Id</th><td>{{ $facility->id }}</td></tr>
            <tr><th>Name</th><td>{{ $facility->name }}</td></tr>
            <tr><th>Type</th><td>{{ \App\Models\Facility::TYPE_SELECT[$facility->type] ?? $facility->type }}</td></tr>
            <tr><th>Property</th><td>{{ optional($facility->property)->name ?? 'Community-wide' }}</td></tr>
            <tr><th>Description</th><td>{{ $facility->description }}</td></tr>
            <tr><th>Location</th><td>{{ $facility->latitude }}, {{ $facility->longitude }}</td></tr>
        </table>

        @if($facility->images && $facility->images->count())
            <h5>Gallery</h5>
            <div style="display:flex; flex-wrap:wrap;">
                @foreach($facility->images as $img)
                    <img src="{{ $img->url }}" style="height:110px; margin:6px; border:1px solid #ddd; border-radius:6px;">
                @endforeach
            </div>
        @endif

        <a href="{{ route('admin.facilities.index') }}" class="btn btn-default">Back</a>
    </div>
</div>
@endsection