@extends('layouts.app')

@section('content')

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

    <!-- HEADER -->
    <div style="margin-bottom:25px;">
        <h1 style="font-size:26px;font-weight:600;">Facilities</h1>

        <p style="color:#666;">
            Manage registered health centers, outreach sites, and camps
        </p>
    </div>

    <!-- ACTIONS -->
    <div style="margin-bottom:15px;display:flex;gap:10px;">

        <a href="{{ route('admin.facilities.create') }}"
           style="
                background:#2563eb;
                color:white;
                padding:8px 14px;
                border-radius:6px;
                text-decoration:none;
                font-size:14px;
           ">
            + New Facility
        </a>

        <a href="{{ route('admin.facilities.dashboard') }}"
           style="
                background:#f3f4f6;
                color:#333;
                padding:8px 14px;
                border-radius:6px;
                text-decoration:none;
                font-size:14px;
           ">
            ← Dashboard
        </a>

    </div>

    <!-- TABLE -->
    <div class="panel">

        @if($facilities->isEmpty())

            <div style="padding:30px;text-align:center;color:#777;">

                <div style="font-size:40px;margin-bottom:10px;">
                    🏥
                </div>

                <div>
                    No facilities registered yet
                </div>

            </div>

        @else

        <table style="width:100%;border-collapse:collapse;font-size:14px;">

            <!-- HEAD -->
            <thead style="background:#f9fafb;">

                <tr>
                    <th style="padding:12px;text-align:left;">Name</th>
                    <th style="padding:12px;text-align:center;">Type</th>
                    <th style="padding:12px;text-align:center;">Status</th>
                    <th style="padding:12px;text-align:center;">District</th>
                    <th style="padding:12px;text-align:center;">Code</th>
                    <th style="padding:12px;text-align:right;">Actions</th>
                </tr>

            </thead>

            <!-- BODY -->
            <tbody>

                @foreach($facilities as $f)

                    @php

                        $typeBg = match($f->type) {
                            'facility' => '#e0f2fe',
                            'outreach' => '#fef3c7',
                            'camp'     => '#fee2e2',
                            default    => '#f3f4f6'
                        };

                        $typeColor = match($f->type) {
                            'facility' => '#075985',
                            'outreach' => '#92400e',
                            'camp'     => '#991b1b',
                            default    => '#374151'
                        };

                        $statusBg = match($f->status ?? 'active') {
                            'active'   => '#dcfce7',
                            'inactive' => '#fef3c7',
                            'archived' => '#e5e7eb',
                            default    => '#f3f4f6'
                        };

                        $statusColor = match($f->status ?? 'active') {
                            'active'   => '#166534',
                            'inactive' => '#92400e',
                            'archived' => '#374151',
                            default    => '#374151'
                        };

                    @endphp

                    <tr style="border-top:1px solid #eee;">

                        <!-- NAME -->
                        <td style="padding:12px;font-weight:600;">

                            {{ $f->name }}

                            @if($f->level)
                                <div style="font-size:12px;color:#777;margin-top:3px;">
                                    {{ $f->level }}
                                </div>
                            @endif

                        </td>

                        <!-- TYPE -->
                        <td style="padding:12px;text-align:center;">

                            <span style="
                                padding:4px 10px;
                                border-radius:20px;
                                font-size:12px;
                                background:{{ $typeBg }};
                                color:{{ $typeColor }};
                            ">
                                {{ ucfirst($f->type) }}
                            </span>

                        </td>

                        <!-- STATUS -->
                        <td style="padding:12px;text-align:center;">

                            <span style="
                                padding:4px 10px;
                                border-radius:20px;
                                font-size:12px;
                                background:{{ $statusBg }};
                                color:{{ $statusColor }};
                            ">
                                {{ ucfirst($f->status ?? 'active') }}
                            </span>

                        </td>

                        <!-- DISTRICT -->
                        <td style="padding:12px;text-align:center;">
                            {{ $f->district }}
                        </td>

                        <!-- CODE -->
                        <td style="padding:12px;text-align:center;font-family:monospace;">
                            {{ $f->code }}
                        </td>

                        <!-- ACTIONS -->
                        <td style="padding:12px;text-align:right;">

                            <div style="
                                display:flex;
                                justify-content:flex-end;
                                gap:6px;
                                flex-wrap:wrap;
                            ">

                                <!-- VIEW -->
                                @if($f->type === 'facility')

                                    <a href="{{ route('admin.facilities.show', $f->id) }}"
                                       style="
                                            background:#2563eb;
                                            color:white;
                                            padding:6px 12px;
                                            border-radius:6px;
                                            text-decoration:none;
                                            font-size:13px;
                                       ">
                                        View
                                    </a>

                                @else

                                    <a href="{{ route('admin.facilities.occurrences', $f->id) }}"
                                       style="
                                            background:#16a34a;
                                            color:white;
                                            padding:6px 12px;
                                            border-radius:6px;
                                            text-decoration:none;
                                            font-size:13px;
                                       ">
                                        Open
                                    </a>

                                @endif

                                <!-- EDIT -->
                                <a href="{{ route('admin.facilities.edit', $f->id) }}"
                                   style="
                                        background:#f59e0b;
                                        color:white;
                                        padding:6px 12px;
                                        border-radius:6px;
                                        text-decoration:none;
                                        font-size:13px;
                                   ">
                                    Edit
                                </a>

                                <!-- STATUS ACTIONS -->
                                @if(($f->status ?? 'active') === 'active')

                                    <form method="POST"
                                          action="{{ route('admin.facilities.deactivate', $f->id) }}">
                                        @csrf

                                        <button type="submit"
                                                style="
                                                    background:#6b7280;
                                                    color:white;
                                                    border:none;
                                                    padding:6px 12px;
                                                    border-radius:6px;
                                                    font-size:13px;
                                                    cursor:pointer;
                                                ">
                                            Inactivate
                                        </button>
                                    </form>

                                @elseif(($f->status ?? 'active') === 'inactive')

                                    <form method="POST"
                                          action="{{ route('admin.facilities.activate', $f->id) }}">
                                        @csrf

                                        <button type="submit"
                                                style="
                                                    background:#16a34a;
                                                    color:white;
                                                    border:none;
                                                    padding:6px 12px;
                                                    border-radius:6px;
                                                    font-size:13px;
                                                    cursor:pointer;
                                                ">
                                            Activate
                                        </button>
                                    </form>

                                    <form method="POST"
                                          action="{{ route('admin.facilities.archive', $f->id) }}">
                                        @csrf

                                        <button type="submit"
                                                style="
                                                    background:#991b1b;
                                                    color:white;
                                                    border:none;
                                                    padding:6px 12px;
                                                    border-radius:6px;
                                                    font-size:13px;
                                                    cursor:pointer;
                                                ">
                                            Archive
                                        </button>
                                    </form>

                                @endif

                            </div>

                        </td>

                    </tr>

                @endforeach

            </tbody>

        </table>

        @endif

    </div>

</div>

@endsection