@extends('layouts.admin')
@section('title')
    Probleme raportate
@endsection
@section('beforeToolbar')
    @include('admin.layout.tabs', [
        'tabs' => [
            ['route_name' => 'admin.problems.index', 'title' => 'Sesizǎri', 'icon_classes' => 'fas fa-file-alt'],
            ['route_name' => 'admin.problems.map', 'title' => 'Harta Sesizǎri', 'icon_classes' => 'fas fa-map'],
        ]
    ])
@endsection
@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.interact.problems') }}
@endsection
@section('buttons')
    @can('admin-create')
        {{--        <a href="{{ route('admin.documents.forms') }}" class="ml-2 btn btn-secondary rounded-pill ">Formulare tip</a>--}}
    @endcan
@endsection
@section('content')

    <div class="row">
        @include('admin.interact.problems.filters')
        <div class="card">
            <div class="card-body">
                {{ $dataTable->table(['class' => 'table table-row-bordered gy-5'], true) }}
            </div>
        </div>

    </div>
@endsection
@push('scripts')
    {{ $dataTable->scripts() }}
    <script>
        function deleteFunction(e, id) {
            e.preventDefault();
            var targetUrl = $('#delete-course').attr("href");

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

                    ;
                }
            });
        }

        function clearFilter() {
            let table = $('#problems-table').DataTable();

            let formInputs = $('#documentsFilter').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 = $('#documentsFilter').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 = $('#problems-table').DataTable();

            table.ajax.url(targetURL).load();
        }
    </script>
    </script>

@endpush