@extends('layouts.admin')
@section('title')
    Registratura Electronica
@endsection
@section('breadcrumbs')
    {{Breadcrumbs::render('admin.registry_documents.reports')}}
@endsection
@section('content')
    <div class="row">
        <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'], true) }}
            </div>
        </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();
            table.ajax.reload();
        }

        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