@extends('layouts.app')

@section('content')
    <div>
        <form class="d-flex mb-3" method="GET" action="{{ route('agents.table') }}">
            <div class="p-2 border rounded-3 border-1 p-1 bg-white">
                <input type="radio" class="btn-check" name="status" value="all" id="option5" autocomplete="off"
                    onclick="this.form.submit()" {{ $status == 'all' || !$status ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="option5">Все</label>

                <input type="radio" class="btn-check" name="status" value="{{ $statuses::ACTIVE }}" id="option6"
                    autocomplete="off" onclick="this.form.submit()" {{ $status == $statuses::ACTIVE ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="option6">Активные</label>

                <input type="radio" class="btn-check" name="status" value="{{ $statuses::DISMISSED }}" id="option7"
                    autocomplete="off" onclick="this.form.submit()" {{ $status == $statuses::DISMISSED ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="option7">Уволенные</label>
            </div>
            <div class="ms-auto p-2">
                <select class="form-select form-select-lg" aria-label="Large select example">
                    <option selected="">Город: любой</option>
                    @foreach ($cities as $city)
                        <option selected="">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
        </form>
        @if (!$status || $status == 'all' || $status == $statuses::ACTIVE)
            <h4 class="fw-bold mt-5 mb-3">Активные</h4>
            <div class="fs-5 bg-light   mb-2">
                @livewire('agentsTable', ['status' => $statuses::ACTIVE])
            </div>
        @endif

        @if (!$status || $status == 'all' || $status == $statuses::DISMISSED)
            <h4 class="fw-bold mt-5 mb-3">Уволенные</h4>
            <div class="fs-5 bg-light   mb-2">
                @livewire('agentsTable', ['status' => $statuses::DISMISSED])
            </div>
        @endif
    </div>
@endsection