@extends('layouts.app')
@section('content')
<div class="mb-3"><div class="page-kicker">Multi-gate support</div><h1 class="page-title">Entry gates</h1><div class="muted-line">Create gates now, add more entrances later without changing ticket flow.</div></div>
<div class="row g-3">
    <div class="col-lg-4"><div class="panel panel-pad"><h2 class="h5 mb-3">Add gate</h2><form method="post" action="{{ route('operations.gates.store') }}">@csrf<input class="form-control mb-2" name="name" placeholder="Gate name" required><input class="form-control mb-3" name="location" placeholder="Location"><button class="btn btn-primary w-100">Save gate</button></form></div></div>
    <div class="col-lg-8"><div class="panel panel-pad"><h2 class="h5 mb-3">Gate list</h2><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Name</th><th>Location</th><th>Status</th><th></th></tr></thead><tbody>@foreach($gates as $gate)<tr><td class="fw-semibold">{{ $gate->name }}</td><td>{{ $gate->location ?: '-' }}</td><td><span class="badge badge-soft">{{ $gate->is_active ? 'ACTIVE' : 'INACTIVE' }}</span></td><td class="text-end"><form method="post" action="{{ route('operations.gates.toggle', $gate) }}">@csrf<button class="btn btn-sm btn-outline-secondary">{{ $gate->is_active ? 'Disable' : 'Enable' }}</button></form></td></tr>@endforeach</tbody></table></div>{{ $gates->links() }}</div></div>
</div>
@endsection