@extends('layouts.app')

@section('content')
    <div>
        <form class="d-block d-md-flex mb-3" method="GET" action="{{ route('clients.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' ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="option5">Все</label>

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

                <input type="radio" class="btn-check" name="status" value="not unique" id="option7" autocomplete="off"
                    onclick="this.form.submit()" {{ $status == 'not unique' ? '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" disabled aria-label="Large select example">
                    <option selected="">Город: любой</option>
                    @foreach ($cities as $city)
                        <option value="{{ $city->id }}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="p-2">
                <button type="button" class="btn btn-primary py-2 px-3 fs-5" data-bs-toggle="modal"
                    data-bs-target="#createClientModal">
                    <i class="bi bi-person-plus"></i> <span class="d-inline d-md-none">Добавить клиента</span>
                </button>
            </div>
        </form>
        @if (!$status || $status == 'all' || $status == 'unique')
            <h4 class="fw-bold mt-5 mb-3">Уникальные</h4>
            <div class="fs-5 bg-light   mb-2">
                @livewire('clientsTable', ['status' => 'UNIQUE'])
            </div>
        @endif

        @if (!$status || $status == 'all' || $status == 'not unique')
            <h4 class="fw-bold mt-5 mb-3">Не уникальные</h4>
            <div class="fs-5 bg-light   mb-2">
                @livewire('clientsTable', ['status' => 'NOT UNIQUE'])
            </div>
        @endif
    </div>

    <!-- Modal -->
    <div class="modal fade" id="createClientModal" tabindex="-1" aria-labelledby="createAgentModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" style="">
                    <livewire:createClientForm />
                </div>
                <!--<div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                                    <input type="submit" class="btn btn-primary" value="Добавить">
                                </div>-->
            </div>
        </div>
    </div>
@endsection