@extends('layouts.admin')

@section('title')
    Documente
@endsection
@section('breadcrumbs')
    {{Breadcrumbs::render('admin.registry_documents')}}
@endsection

@if(isset($registries) && $registries->isNotEmpty() && !is_null($selectedRegistry))

    @section('navBarItems')
        <div class="input-group input-group-sm mr-10 ">
            <span class="input-group-text" id="inputGroup-sizing-sm">Registre </span>
            <select class="form-select" id="registry_selector">
                @foreach($registries as $registry)
                    <option value="{{$registry->id}}" @if($selectedRegistry->id === $registry->id) selected @endif>{{$registry->title}}</option>
                @endforeach
            </select>
        </div>
    @endsection

    @section('buttons')
        @can('Adaugare documente registratura')
            <add-registry-document-rapid :registry="{{$selectedRegistry}}"
                                         :key="'rapid'"
                                         :departments="{{$departments}}"
                                         :users="{{$users}}"
                                         :settings="{{json_encode($settings)}}"
                                         ></add-registry-document-rapid>
            <add-registry-document :doc-type="'input'"
                                   :key="'input'"
                                   :registry="{{$selectedRegistry}}"
                                   :reserved-registry-documents="{{$reservedRegistryDocuments['input']}}"
                                   :departments="{{$departments}}"
                                   :users="{{$users}}"
                                   :settings="{{json_encode($settings)}}"
            ></add-registry-document>
            <add-registry-document :doc-type="'output'"
                                   :key="'output'"
                                   :registry="{{$selectedRegistry}}"
                                   :reserved-registry-documents="{{$reservedRegistryDocuments['output']}}"
                                   :departments="{{$departments}}"
                                   :users="{{$users}}"
                                   :settings="{{json_encode($settings)}}"
            ></add-registry-document>
            <div class="issuer-recipients-container">
                <add-issuers-and-recipients></add-issuers-and-recipients>
            </div>

        @endcan
    @endsection

    @section('content')
        <div class="row">
            @if (\Session::has('success-delete'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>{!! \Session::get('success-delete') !!}</strong>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Închide"></button>
                </div>
            @endif
        </div>
        <div class="card">
            <div class="card-body">
                <div class="filtering filter">
                    <div class="d-flex filter-control col">
                        <div>
                            <button onclick="clearFilter()" class="btn btn-primary m-5">Stere Filtre</button>
                        </div>
                        <div>
                            <button onclick="getFiltersValue()" class="btn btn-primary m-5">Aplica Filtre</button>
                        </div>
                    </div>
                </div>
                {{ $dataTable->table(['class' => 'table table-row-bordered  gy-5'], false) }}
            </div>
        </div>
    @endsection

    @push('scripts')
        {{ $dataTable->scripts() }}
        <script>
        function clearFilter(){
            let table = $('#registry-document-table').DataTable();

            let formInputs = $('#documentsFilterSection').find('input, select');

            formInputs.each(function () {
                // Reset logic
                if($(this).is('input')) {
                    // Reset input fields
                    $(this).val('');
                } else if($(this).is('select')) {
                    // Reset select elements to their first option
                    $(this).prop('selectedIndex', 0);
                }
            });

            table.ajax.url(window.location).load();
        }
        function getFiltersValue() {
            let getParameters = [];
            let formInputs = $('#documentsFilterSection').find('input, select');

            formInputs.each(function () {
                var inputValue = $(this).val().trim();
                if (inputValue !== '') {
                    getParameters.push($(this).attr('name') + '=' + encodeURIComponent(inputValue));
                }
            });

            let targetURL = window.location + '?' + getParameters.join('&');

            var table = $('#registry-document-table').DataTable();

            table.ajax.url(targetURL).load();
        }

        function deleteFunction(e, id) {
            e.preventDefault();

            var targetUrl = $('#delete-registry').attr("href");

            Swal.fire({
                html: `Sigur doresti sa stergi aceasta inregistrare?`,
                icon: "warning",
                buttonsStyling: false,
                showCancelButton: true,
                cancelButtonText: 'Nu, întoarce-te',
                confirmButtonText: "Da, sterge",
                customClass: {
                    cancelButton: 'btn btn-danger',
                    confirmButton: "btn btn-primary",
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = '/admin/registry-documents/delete/' + id;
                }
            });
        }

        function openModalTest(p1) {
            console.log(this.$eventBus);
        }

        $(document).ready(function () {
            console.log("ready!");
            $("#registry_selector").change(function () {
                let registryId = $(this).find(":selected").val();
                window.location.href = '/admin/registry-documents/' + registryId;
            })

            $('#registry-document-table_wrapper thead').append(`{!! $filterHtml !!}`)
        });
        </script>
    @endpush

@else
    @section('content')

        <div class="card">
            <div class="card-body text-center">
                @if(isset($registries) && $registries->isEmpty())
                    Nu aveti adaugat nici un registru
                @else
                    <p>Nu ati selectat nici un registru</p>
                    <p>Asigurati-va ca ati ales un registru sau aveti setat unul implicit</p>
                @endif
            </div>
        </div>

    @endsection
@endif