@extends('layouts.admin')

@section('title', 'Hypercare — '.config('app.name'))
@section('page_title', 'Hypercare')

@section('content')
    @php($window = $snapshot['window'])
    <div class="mb-4">
        @if ($window['active'])
            <div class="alert alert-warning mb-0">
                Hypercare window is <strong>active</strong>
                @if ($window['days_remaining'] !== null)
                    — {{ $window['days_remaining'] }} day(s) remaining
                @endif
            </div>
        @else
            <div class="alert alert-secondary mb-0">
                Hypercare window is inactive. Set cutover / hypercare dates below when you go live.
            </div>
        @endif
    </div>

    <div class="row g-3 mb-4">
        @foreach ($snapshot['cards'] as $card)
            <div class="col-md-4 col-xl-3">
                <div class="card h-100 mb-0">
                    <div class="card-body">
                        <div class="text-muted small mb-1">{{ $card['label'] }}</div>
                        <div class="fw-bold" style="font-size:1.5rem;letter-spacing:-0.03em;">{{ $card['value'] }}</div>
                        @if (!empty($card['hint']))
                            <div class="text-muted small mt-1">{{ $card['hint'] }}</div>
                        @endif
                        @if (!empty($card['route']) && Route::has($card['route']))
                            <a class="small d-inline-block mt-2" href="{{ route($card['route']) }}">Open</a>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row g-4">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header"><h5 class="mb-0">Ops checks</h5></div>
                <div class="card-body p-0">
                    <table class="table mb-0">
                        <tbody>
                        @foreach ($snapshot['checks'] as $check)
                            <tr>
                                <td>{{ $check['label'] }}</td>
                                <td>
                                    @if ($check['ok'])
                                        <span class="text-success">OK</span>
                                    @else
                                        <span class="text-danger">FAIL</span>
                                    @endif
                                </td>
                                <td class="text-muted small">{{ $check['detail'] }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header"><h5 class="mb-0">Cutover window</h5></div>
                <div class="card-body">
                    @can('settings.manage')
                        <form method="post" action="{{ route('admin.hypercare.update') }}">
                            @csrf
                            @method('PUT')
                            <div class="mb-3">
                                <label class="form-label">Cutover at (ISO / datetime)</label>
                                <input type="text" name="cutover_at" class="form-control" value="{{ old('cutover_at', $window['cutover_at']) }}" placeholder="2026-08-15 02:00:00">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Hypercare started at</label>
                                <input type="text" name="hypercare_started_at" class="form-control" value="{{ old('hypercare_started_at', $window['started_at']) }}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Hypercare ends at</label>
                                <input type="text" name="hypercare_ends_at" class="form-control" value="{{ old('hypercare_ends_at', $window['ends_at']) }}">
                            </div>
                            <div class="form-check mb-3">
                                <input class="form-check-input" type="checkbox" name="legacy_redirects_enabled" value="1" id="legacy_redirects_enabled"
                                    @checked(old('legacy_redirects_enabled', $redirectsEnabled))>
                                <label class="form-check-label" for="legacy_redirects_enabled">Legacy URL redirects enabled</label>
                            </div>
                            <button class="btn btn-primary" type="submit">Save</button>
                        </form>
                    @else
                        <dl class="row mb-0">
                            <dt class="col-sm-4">Cutover</dt><dd class="col-sm-8">{{ $window['cutover_at'] ?: '—' }}</dd>
                            <dt class="col-sm-4">Started</dt><dd class="col-sm-8">{{ $window['started_at'] ?: '—' }}</dd>
                            <dt class="col-sm-4">Ends</dt><dd class="col-sm-8">{{ $window['ends_at'] ?: '—' }}</dd>
                        </dl>
                    @endcan
                    <p class="text-muted small mt-3 mb-0">
                        Smoke: <code>php artisan systronics:production-smoke</code> · Ready: <code>/ready</code> · Health: <code>/up</code>
                    </p>
                </div>
            </div>
        </div>
    </div>
@endsection