@once
    <link rel="stylesheet"
        href="{{ asset('assets/css/document-index.css') }}?v={{ filemtime(public_path('assets/css/document-index.css')) }}">
@endonce

<div class="sl-documents-grid sl-documents-grid--ocr">
    @foreach ($documents as $document)

        @include('documents.card')

    @endforeach
</div>

<div class="clearfix"></div>

<div class="sl-documents-pagination">
    {!! $documents->appends(request()->input())->render('pagination::bootstrap-4') !!}
</div>

<script>
    $(document).ready(function() {
        $('.select2').select2();
        $('#numbers-select').on('change', function() {
            var selectedValues = $(this).val();

            if (selectedValues && selectedValues.length > 0) {
                $('#nr_process_ano').prop('disabled', true);
            } else {
                $('#nr_process_ano').prop('disabled', false);
            }
        });
    });

    $(document).ready(function() {
        $('.select2').select2();
        $('#numbers-select-edit').on('change', function() {
            var selectedValues = $(this).val();

            if (selectedValues && selectedValues.length > 0) {
                $('#nr_process_ano_edit').prop('disabled', true);
            } else {
                $('#nr_process_ano_edit').prop('disabled', false);
            }
        });
    });

    $(document).ready(function() {
        $('#protocol_date').datetimepicker({
            format: 'DD/MM/YYYY HH:mm:ss'
        });
        $('#protocol_date_edit').datetimepicker({
            format: 'DD/MM/YYYY HH:mm:ss'
        });

        var data = new Date();
        var dia = data.getDate(); // 1-31
        var dia_sem = data.getDay(); // 0-6 (zero=domingo)
        var mes = data.getMonth(); // 0-11 (zero=janeiro)
        var ano2 = data.getYear(); // 2 dígitos
        var ano4 = data.getFullYear(); // 4 dígitos
        var hora = data.getHours(); // 0-23
        var min = data.getMinutes(); // 0-59
        var seg = data.getSeconds(); // 0-59
        var mseg = data.getMilliseconds(); // 0-999
        var tz = data.getTimezoneOffset(); // em minutos

        if (dia <= 9) {
            dia = '0' + dia;
        }

        mes = mes + 1;
        if (mes <= 9) {
            mes = '0' + mes;
        }


        if (hora <= 9) {
            hora = '0' + hora;
        }

        if (min <= 9) {
            min = '0' + min;
        }

        if (seg <= 9) {
            seg = '0' + seg;
        }

        date = dia + '/' + mes + '/' + ano4 + ' ' + hora + ':' + min + ':' + seg;

        $('#protocol_date').val(dateForm + ' ' + timeForm);
    });

    var converteDate = function(date1) {

        var data = new Date(date1);
        var dia = data.getDate(); // 1-31
        var dia_sem = data.getDay(); // 0-6 (zero=domingo)
        var mes = data.getMonth(); // 0-11 (zero=janeiro)
        var ano2 = data.getYear(); // 2 dígitos
        var ano4 = data.getFullYear(); // 4 dígitos
        var hora = data.getHours(); // 0-23
        var min = data.getMinutes(); // 0-59
        var seg = data.getSeconds(); // 0-59
        var mseg = data.getMilliseconds(); // 0-999
        var tz = data.getTimezoneOffset(); // em minutos

        if (dia <= 9) {
            dia = '0' + dia;
        }

        mes = mes + 1;
        if (mes <= 9) {
            mes = '0' + mes;
        }


        if (hora <= 9) {
            hora = '0' + hora;
        }

        if (min <= 9) {
            min = '0' + min;
        }

        if (seg <= 9) {
            seg = '0' + seg;
        }

        date = dia + '/' + mes + '/' + ano4 + ' ' + hora + ':' + min + ':' + seg;


        return date;

    };

    const answer = (document) => {
        CKEDITOR.instances.comissionDescriprion.setData(document.description);
        $('#answer #document_id').attr('value', document.id);
        $('#answer').modal();
    };

    var limpaProcess = function() {
        $('#nr_process_ano').val('')
        $('#document_id_process').val('')
    }

    var limpaProcessEdit = function() {
        $('#nr_process_ano_edit').val('')
        $('#document_id_process_id').val('')
    }

    var editProcess = function(id) {
        $('#document_id_process_id').val(id)

        var url = 'document-process/last-process';

        $.ajaxSetup({
            beforeSend: function(xhr, type) {
                if (!type.crossDomain) {
                    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                        .attr('content'));
                }
            },
        });

        var data = $.ajax({
            url: url,
            method: 'GET',
            async: false,
        }).responseText;

        $('#nr_process_ano_edit').val(data);
        $('#modalProcessoEdit').modal();
    }

    var storeEditedProcess = function() {
        url = 'document-process/update';

        $.ajaxSetup({
            beforeSend: function(xhr, type) {
                if (!type.crossDomain) {
                    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                        'content'));
                }
            },
        });

        var data = {
            document_id: $('#document_id_process_id').val(),
            '_token': '{{ csrf_token() }}'
        };

        var selectedNumbers = $('#numbers-select-edit').val();
        if (selectedNumbers && selectedNumbers.length > 0) {

            var selectedOptions = $('#numbers-select-edit option:selected').map(function() {
                return $(this).text();
            }).get();

            data.numbers = selectedOptions;
        } else {

            data.nr_process_ano = $('#nr_process_ano_edit').val();
        }

        $.ajax({
            url: url,
            data: data,
            method: 'POST',
        }).done(function(data) {


            Swal.fire({
                position: "top-end",
                icon: "success",
                title: "Processo salvo com sucesso!",
                showConfirmButton: false,
                timer: 1500
            });

            location.reload(true)

        }).fail(function(jqXHR, textStatus, errorThrown) {
            console.error('Erro na requisição AJAX:', textStatus, errorThrown);
        });

    }


    $(document).ready(function() {
        $('.btn-process').click(function() {
            var id = this.value;

            $('#document_id_process').val(id);

            var url = 'document-process/last-process';

            $.ajaxSetup({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]')
                            .attr('content'));
                    }
                },
            });

            var data = $.ajax({
                url: url,
                method: 'GET',
                async: false
            }).responseText;

            $.ajax({
                method: "GET",
                url: "{{ url('document-protocol') }}/" + id,
                dataType: "json",
                async: false,
            }).success(function(result) {
                $('#document_id_process').val(result.data.document_id);
                $('#protocol_number_process').val(result.data.protocol_number);
                $('#next_number_process').val(result.data.next_number);
                $('#next_number_origin_process').val(result.data.next_number);
                $('#year_document_process').val(result.data.year);
                $('#labelmessage_process').html('');
                $('#protocol_date_process').val(dateForm + ' ' + timeForm);

            });

            $('#nr_process_ano').val(data);


            $('#modalProcesso').modal();
        });
    });

    $('#modalProcesso').on('shown.bs.modal', function() {});

    var saveProcessNumber = function(id) {
        if ($('#protocol_type_id_process').val() == '') {
            $('#labelmessage').html('Selecione um tipo de protocolo');
        } else {
            url = 'document-process/store';

            $.ajaxSetup({
                beforeSend: function(xhr, type) {
                    if (!type.crossDomain) {
                        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr(
                            'content'));
                    }
                },
            });

            var data = {
                document_id: $('#document_id_process').val(),
                structure_id: $('#structure-select').val(),
                '_token': '{{ csrf_token() }}'
            };

            var selectedNumbers = $('#numbers-select').val();
            if (selectedNumbers && selectedNumbers.length > 0) {

                var selectedOptions = $('#numbers-select option:selected').map(function() {
                    return $(this).text();
                }).get();

                data.numbers = selectedOptions;
            } else {

                data.nr_process_ano = $('#nr_process_ano').val();
            }

            data.document_id_process = $('#document_id_process').val();
            data.protocol_number_process = $('#protocol_number_process').val();
            data.next_number_process = $('#next_number_process').val();
            data.next_number_origin_process = $('#next_number_origin_process').val();
            data.year_document_process = $('#year_document_process').val();
            data.protocol_date_process = $('#protocol_date_process').val();
            data.protocol_type_id_process = $('#protocol_type_id_process').val();
            data.process_type_id = $('#process_type_id').val();

            $.ajax({
                url: url,
                data: data,
                method: 'POST',
            }).done(function(data) {


                Swal.fire({
                    position: "top-end",
                    icon: "success",
                    title: "Processo salvo com sucesso!",
                    showConfirmButton: false,
                    timer: 1500
                });

                location.reload(true)

            }).fail(function(jqXHR, textStatus, errorThrown) {
                console.error('Erro na requisição AJAX:', textStatus, errorThrown);
            });
        }
    }

    var alteraProtocolo = function(id, date) {

        $('#document_id_edit').val(id);
        $('#date_protocol_edit').val(date);
        $('#protocol_date_edit').val(date);


        $('#modalProtocolEdit').modal();
    };

    var alteraNumero = function(id) {
        console.log(id)
        limpaedit();

        $('#document_id_edit_number').val(id);

        $.ajax({
            method: "GET",
            url: "{{ url('document-get-last-number-doc') }}/" + id,
            dataType: "json",
            async: false,
        }).success(function(result) {
            $('#document_number_edit').val(result);
        });

        $('#modalNumberEditLaw').modal();

    };

    var limpaedit = function() {

        $('#document_id_edit').val('');
        $('#date_protocol_edit').val('');
        $('#labelmessageedit').html('');
        $('#labelmessageeditnum').html('');
        $('#protocol_number_edit').val('');
        $('#document_number_edit').val('');


    };

    var editProtocolo = function() {

        url = '/protocolo/altera-protocolo';

        $.ajaxSetup({
            beforeSend: function(xhr, type) {
                if (!type.crossDomain) {
                    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'));
                }
            },
        });

        data = {
            id: $('#document_id_edit').val(),
            protocolo: $('#protocol_number_edit').val(),
            date_protocolo: $('#protocol_date_edit').val(),
            '_token': '{{ csrf_token() }}'
        };

        $.ajax({
            url: url,
            data: data,
            method: 'POST'
        }).success(function(data) {

            data = JSON.parse(data);

            if (data) {
                $('#linkProtocolo' + data.document_id).html(data.number);
                dataCon = converteDate(data.created_at);
                $('#tddate' + data.document_id).html(dataCon);

                $('#protocol_number_edit').val('');
                $('#modalProtocolEdit').modal('hide');
                $('#labelmessageedit').html('');
            } else {
                $('#labelmessageedit').html('Protocolo em uso.');
            }
        });
    };

    var editNumber = function() {

        if ($('#document_number_edit').val() == '') {
            $('#labelmessageeditnum').html('Digite o número do documento');
        } else {
            url = '/protocolo/altera-numero';

            data = {
                document_id: $('#document_id_edit_number').val(),
                doc_number: $('#document_number_edit').val(),
                doc_version: $('#document_version_edit').val(),
                '_token': '{{ csrf_token() }}'
            };

            $.ajax({
                url: url,
                data: data,
                method: 'POST'
            }).success(function(result) {

                if (result.success) {
                    $('#modalNumberEditLaw').modal('hide');
                    $('#numberEdit' + result.id).html(result.next_number);

                } else {
                    $('#document_number_edit').val(result.next_number);
                    $('#labelmessageeditnum').html(result.message);
                }

            });
        }
    };


    var deletaBash = function() {
        var ids = getCheckeds();
        var data_ = {
            ids: ids
        }

        $.ajax({
            url: "/documents/deleteBash",
            _token: "{{ csrf_token() }}",
            data: data_,
            method: "POST"
        }).success(function(data) {
            data = JSON.parse(data);

            $.each(data, function(index, value) {
                $('#row_' + value).fadeOut(300);
            })

            window.location.reload()
        })
    };

    var activeDelete = function() {
        var btn = $('.deleteAll');
        checkSelected(btn);
    }

    var getCheckeds = function() {
        var searchIDs = [];

        $('.checkDelete:checked').map(function() {

            searchIDs.push($(this).val());

        });

        return searchIDs;
    }

    var checkSelected = function(btn) {
        var searchIDs = getCheckeds();

        if (searchIDs.length > 0) {
            btn.show();
        } else {
            btn.hide();
        }

    }

    $(document).ready(function() {

        $("#checkAll").click(function() {
            $('.checkDelete').prop('checked', $(this).prop('checked'));
            activeDelete();
        });

        $('.checkDelete').on('change', function() {
            activeDelete();
        })

        $('.btn-protocol').click(function() {
            var id = this.value;
            $.ajax({
                method: "GET",
                url: "{{ url('document-protocol') }}/" + id,
                dataType: "json"
            }).success(function(result) {
                $('#document_id').val(result.data.document_id);
                $('#protocol_number').val(result.data.protocol_number);
                $('#next_number').val(result.data.next_number);
                $('#next_number_origin').val(result.data.next_number);
                $('#year_document').val(result.data.year);
                $('#labelmessage').html('');
                $('#protocol_date').val(dateForm + ' ' + timeForm);
                $('#modalProtocol').modal('show');
            });
        });

        $('#btn-save-protocol').click(function() {
            if ($('#protocol_type_id').val() == '') {
                $('#labelmessage').html('Selecione um tipo de protocolo');
            } else {

                var data = {
                    document_id: $('#document_id').val(),
                    protocol_number: $('#protocol_number').val(),
                    next_number: $('#next_number').val(),
                    version: $('#version').val(),
                    protocol_type_id: $('#protocol_type_id').val(),
                    next_number_origin: $('#next_number_origin').val(),
                    protocol_date: $('#protocol_date').val(),
                };
                $.ajax({
                    method: "POST",
                    url: "{{ url('document-protocol-save') }}",
                    data: data,
                    dataType: "json"
                }).success(function(result) {
                    if (result.success) {
                        $('#modalProtocol').modal('hide');
                        @if (Auth::user()->sector_id != 1)
                            $('#tdoptions' + result.document_id).hide();
                        @endif
                        $('#tdnumber' + result.document_id).html(result.protocol_number);
                        $('#tddate' + result.document_id).html(result.protocol_date);
                        $('#tdprotocol' + result.document_id).html(result.protocol_code);
                        window.location.reload();
                    } else {
                        $('#next_number').val(result.next_number);
                        $('#labelmessage').html(result.message);
                    }

                    $('#protocol_date').val('');
                });
            }
        });
    });

    var changeRead = function(id) {

        var url = '/documents-read/' + id + '/toggle';
        $.ajax({
            method: "GET",
            url: url,
            dataType: "json"
        }).success(function(result, textStatus, jqXHR) {
            // console.log(result);
        });
    }

    var changeApproved = function(id) {
        var url = '/documents-approved/' + id + '/toggle';
        $.ajax({
            method: "GET",
            url: url,
            dataType: "json"
        }).success(function(result, textStatus, jqXHR) {
            //            console.log(result);
        });
    }
</script>