@extends('layouts.admin')
@section('title', 'Feature switches')

@section('content')
<p class="small text-muted-2">Planned services ship behind these switches. Turning one on shows the service in the app without a new release. Home tiles linked to a switch that is off show as "coming soon".</p>
<div class="row g-3">
    @foreach ($flags as $f)
        <div class="col-md-6 col-xl-4">
            <form method="POST" action="{{ route('admin.feature-flags.update', $f) }}" class="card h-100">
                @csrf @method('PUT')
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start">
                        <div><strong>{{ $f->name }}</strong><div class="small text-muted-2"><code>{{ $f->code }}</code></div></div>
                        <div class="form-check form-switch fs-5 m-0">
                            <input class="form-check-input" type="checkbox" name="is_enabled" value="1" @checked($f->is_enabled) onchange="this.form.requestSubmit()" aria-label="Enabled">
                        </div>
                    </div>
                    @if ($f->description)<p class="small mt-2 mb-2">{{ $f->description }}</p>@endif
                    @if (isset($tiles[$f->id]))<div class="small text-muted-2 mb-2">Home tiles: {{ $tiles[$f->id]->pluck('name')->join(', ') }}</div>@endif
                    <details class="small">
                        <summary>Targeting rules</summary>
                        <textarea name="rules" rows="3" class="form-control form-control-sm font-monospace mt-2" placeholder='{"roles":["farmer"],"states":["MH"],"percent":25}'>{{ $f->rules }}</textarea>
                        <button class="btn btn-sm btn-outline-primary mt-2">Save rules</button>
                    </details>
                </div>
            </form>
        </div>
    @endforeach
</div>
@endsection