@extends('layouts.admin')
@section('title', 'Home services')

@section('content')
<p class="small text-muted-2">The 12 Home tiles and the bottom navigation. Rename, reorder, hide, or mark as "coming soon". A tile linked to a feature switch stays hidden or "coming soon" until that switch is on.</p>
<form method="POST" action="{{ route('admin.home-services.update') }}">
    @csrf @method('PUT')
    @foreach ($services as $placement => $items)
        <div class="card mb-3">
            <div class="card-header">{{ ['home_grid' => 'Home grid', 'bottom_nav' => 'Bottom navigation', 'drawer' => 'Drawer'][$placement] ?? humanize($placement) }}</div>
            <div class="table-responsive">
                <table class="table align-middle">
                    <thead><tr><th style="width:90px">Order</th><th>Name</th><th>Opens</th><th>Feature switch</th><th class="text-center">Visible</th><th class="text-center">Coming soon</th></tr></thead>
                    <tbody>
                    @foreach ($items as $s)
                        @php $p = "services[{$s->id}]"; @endphp
                        <tr>
                            <td><input type="number" name="{{ $p }}[sort_order]" value="{{ $s->sort_order }}" class="form-control form-control-sm" min="0" max="999"></td>
                            <td><input name="{{ $p }}[name]" value="{{ $s->name }}" class="form-control form-control-sm" maxlength="80" required></td>
                            <td class="small"><code>{{ $s->route_key }}</code></td>
                            <td>
                                <select name="{{ $p }}[feature_flag_id]" class="form-select form-select-sm">
                                    <option value="">Always available</option>
                                    @foreach ($flags as $id => $n)<option value="{{ $id }}" @selected($s->feature_flag_id === $id)>{{ $n }}</option>@endforeach
                                </select>
                                @if ($s->featureFlag)<span class="small {{ $s->featureFlag->is_enabled ? 'text-success' : 'text-muted-2' }}">switch is {{ $s->featureFlag->is_enabled ? 'on' : 'off' }}</span>@endif
                            </td>
                            <td class="text-center"><input class="form-check-input" type="checkbox" name="{{ $p }}[is_active]" value="1" @checked($s->is_active)></td>
                            <td class="text-center"><input class="form-check-input" type="checkbox" name="{{ $p }}[is_coming_soon]" value="1" @checked($s->is_coming_soon)></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endforeach
    <button class="btn btn-primary">Save</button>
</form>
@endsection