@extends('layouts.main')

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

    <div style="padding-top: 2.5rem">
        <x-page-header
        >
            VIEWING SERVICE ({{$ldapService->id}}) - {{$ldapService->view_name}}
        </x-page-header>

        <div class="d-flex justify-content-between mb-5 top-actions-container">

            <form id="users-form" style="display: contents">
                <x-ui.search-field>

                </x-ui.search-field>


                <x-ui.select.filter class="justify-self-end" name="source" id="source" :options="$options">

                </x-ui.select.filter>


            </form>


        </div>

    </div>
    <div>

        <div id="listDataContainer">
            @include('management-ldap.partials.services.service-view-user-list')
        </div>
    </div>
    </div>
@endsection

@push('scripts-stack')
    <script defered>
        $s = jQuery.noConflict()
        $s(document).ready(function () {
            setAjaxFilters('{{route('management-ldap.ldap-services.view', ['ldapService'=> $ldapService])}}', 'users-form')
        });
    </script>
@endpush