@extends('layouts.main')

@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/user-list.css')}}"/>
    @endpush
@endonce



@php

$bind = [
    [
        'id'=> 'assigned',
        'view_name'=> 'ASSIGNED',
],
    [
        'id'=> 'unassigned',
        'view_name'=> 'UNASSIGNED',
]
]

@endphp


{{--@dump($requests)--}}
{{--@dump($types)--}}
{{--@dump($statuses)--}}




@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">

    <x-page-header>
        VIEWING TOTAL AUTOMATED ACTIVATION REQUESTS
    </x-page-header>


    <div class="d-flex justify-content-between mb-5 top-actions-container">
        <div class="d-flex custom width-fix">
            <form id="requests-form" style="display: contents">
                <x-ui.search-field>

                </x-ui.search-field>


                <x-ui.select.filter
                    name="types"
                    all="ΟΛΟΙ ΟΙ ΤΥΠΟΙ"
                    class="justify-self-end"
                   id="role"
                    :options="$types"
                    propertyAsValue="name"
                >

                </x-ui.select.filter>


                <x-ui.select.filter

                    all="ΟΛΕΣ ΟΙ ΚΑΤΑΣΤΑΣΕΙΣ"
                    class="justify-self-end"
                    name="status"
                    id="role"
                    :options="$statuses"
                    propertyAsValue="name"
                >

                </x-ui.select.filter>

                <x-ui.select.filter
                    all="ΟΛΑ TA ΑΙΤΗΜΑΤΑ"
                    class="justify-self-end"
                    name="bind"
                    id="bind"
                    :options="$bind">

                </x-ui.select.filter>



            </form>
        </div>

{{--        <div class="d-flex gap-3">--}}
{{--            <x-ui.blue-button  :route="route('management-users.create')">--}}
{{--                CREATE USER--}}
{{--            </x-ui.blue-button>--}}

{{--            <x-ui.blue-button modal="mass-import-modal">--}}
{{--                MASS IMPORT--}}
{{--            </x-ui.blue-button>--}}
{{--            @include('management-users.partials.mass-import-modal')--}}
{{--            <x-ui.blue-button modal="mass-invite-modal">--}}
{{--                INVITE USERS--}}
{{--            </x-ui.blue-button>--}}
{{--        </div>--}}

    </div>


    <div id="listDataContainer">
        @include('management-activation.partials.requests-list')
    </div>
    </div>

@endsection



@push('scripts-stack')
    <script defered>
        $s = jQuery.noConflict()
        $s(document).ready(function () {
            setAjaxFilters('{{route('management-activation.automated-activation-request')}}', 'requests-form')
        });
    </script>
@endpush