@extends('layouts.app')

@section('content')

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

    <h2>{{ $facility->name }}</h2>
    <p style="color:#666;">{{ $facility->code }}</p>

    <div style="margin:20px 0;">
        <a href="{{ route('admin.facilities.occurrence.create', $facility->id) }}"
           style="background:#2563eb;color:#fff;padding:10px 15px;border-radius:6px;text-decoration:none;">
            + New Occurrence
        </a>
    </div>

    <div class="panel">

        @if($occurrences->isEmpty())
            <div style="padding:20px;color:#666;">No occurrences yet.</div>
        @else

        <table style="width:100%;border-collapse:collapse;">
            <thead style="background:#f1f5f9;">
                <tr>
                    <th style="padding:10px;text-align:left;">Code</th>
                    <th style="padding:10px;text-align:left;">Dates</th>
                </tr>
            </thead>

            <tbody>
                @foreach($occurrences as $o)
                <tr style="border-top:1px solid #eee;">
                    <td style="padding:10px;font-family:monospace;">
                        {{ $o->occurrence_code }}
                    </td>
                    <td style="padding:10px;">
                        {{ $o->start_date }} → {{ $o->end_date }}
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

        @endif

    </div>

</div>

@endsection