@extends('layouts.app')

@section('content')

<div style="max-width:900px;margin:auto;">

    <!-- HEADER -->
    <div style="margin-bottom:25px;">
        <h1 style="font-size:26px;font-weight:600;">
            {{ $facility->name }}
        </h1>

        <p style="color:#666;">
            {{ ucfirst($facility->type) }} • {{ $facility->district }}
        </p>
    </div>

    <!-- BACK -->
    <div style="margin-bottom:20px;">
        <a href="{{ route('admin.facilities.index') }}"
           style="color:#2563eb;text-decoration:none;">
            ← Back to Facilities
        </a>
    </div>

    <div class="panel">

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">

            <div>
                <strong>Code</strong>
                <div style="margin-top:5px;font-family:monospace;">
                    {{ $facility->code }}
                </div>
            </div>

            <div>
                <strong>Type</strong>
                <div style="margin-top:5px;">
                    {{ ucfirst($facility->type) }}
                </div>
            </div>

            <div>
                <strong>District</strong>
                <div style="margin-top:5px;">
                    {{ $facility->district }}
                </div>
            </div>

            @if($facility->level)
            <div>
                <strong>Level</strong>
                <div style="margin-top:5px;">
                    {{ $facility->level }}
                </div>
            </div>
            @endif

        </div>

    </div>

</div>

@endsection