@extends('layouts.app')
@section('content')
    <form method="get" action="{{ Request::fullUrl() }}">
        <div class="d-block d-md-flex mb-3">
            <div class="border rounded-3 border-1 p-1 bg-white">
                <input type="radio" class="btn-check" name="mode" value="all" id="mode_all" autocomplete="off"
                    onclick="this.form.submit()" {{ $mode == 'all' ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="mode_all">Все</label>

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

                <input type="radio" class="btn-check" name="mode" value="successed" id="mode_successed"
                    autocomplete="off" onclick="this.form.submit()" {{ $mode == 'successed' ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="mode_successed">Успешные</label>

                <input type="radio" class="btn-check" name="mode" value="declined" id="mode_declined"
                    autocomplete="off" onclick="this.form.submit()" {{ $mode == 'declined' ? 'checked' : '' }}>
                <label class="btn p-2 fs-5" for="mode_declined">Отклоненные</label>
            </div>
            <div class="ms-auto hstack gap-2">
                <button type="button" class="lh-1  btn bg-white p-3 fw-bold border rounded-3 border-1"
                    data-bs-toggle="modal" data-bs-target="#contractFilterModal">
                    Фильтр
                    <span class="position-relative">
                        <i class="bi bi-person-plus"></i>
                        @if ($filter)
                            <span class="notices-badge animation-blink"></span>
                        @endif
                    </span>
                </button>
            </div>
            <!-- Modal -->
            <div class="modal fade" id="contractFilterModal" tabindex="-1" aria-labelledby="contractFilterModalLabel"
                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="">
                            <div class="mb-3">
                                <div class="form_label">
                                    <label for="statusFilter" class="form-label">Статус</label>
                                    <div class="multiselect_block">
                                        <label for="select-1" class="field_multiselect">Выберите нужные статусы</label>
                                        <input id="checkbox-1" class="multiselect_checkbox" type="checkbox">
                                        <label for="checkbox-1" class="multiselect_label"></label>
                                        <select id="statusFilter" class="field_select form-select" name="filter[status][]"
                                            multiple style="w-100">
                                            @foreach ($statuses = GetContractStatuses() as $key => $status)
                                                <option @if (array_key_exists('status', $filter) && $filter['status'] == $key) checked @endif
                                                    value="{{ $key }}">{{ $status }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <span class="error_text"></span>
                                </div>
                            </div>
                        </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>
        </div>
    </form>
    <div>
        @livewire('contracts.table', [
            'mode' => $mode,
            'filter' => $filter,
        ])
    </div>
@endsection