@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('documents.list') !!}
@endsection
@section('content')
    <link rel="stylesheet"
        href="{{ asset('assets/css/document-index.css') }}?v={{ filemtime(public_path('assets/css/document-index.css')) }}">
    <div class="the-box rounded">
        <form id="search-form" method="GET">
            <input type="hidden" name="has-filter" value="true">
            {{-- Linha 1 --}}
            <div class="row document-search-grid mb-3">
                <div class="form-group col-md-4">
                    {!! Form::label('document_type_id', 'Tipo:') !!}
                    {!! Form::select('document_type_id', $documents_type, $form->input('document_type_id'), [
                        'class' => 'form-control document-search-select',
                        'id' => 'documentTypeSelect',
                        'data-placeholder' => 'Selecione...',
                    ]) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('number', 'Número:') !!}
                    {!! Form::number('number', $form->input('number'), ['class' => 'form-control']) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('date', 'Ano:') !!}
                    {!! Form::text('date', $form->input('date'), ['class' => 'form-control', 'placeholder' => 'Digite o ano']) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('status', 'Status:') !!}
                    {!! Form::select(
                        'status',
                        [
                            0 => 'Selecione...',
                            1 => 'Aberto',
                            2 => 'Protocolado',
                            3 => 'Lido',
                            4 => 'Aprovado',
                            5 => 'Re-provado',
                            6 => 'Sem Pauta',
                        ],
                        $form->input('status'),
                        ['class' => 'form-control'],
                    ) !!}
                </div>
                <div class="form-group col-md-3">
                    {!! Form::label('owner_id', 'Responsável:') !!}
                    {!! Form::select('owner_id', $assemblymensList, $form->input('owner_id'), [
                        'class' => 'form-control document-search-select',
                        'id' => 'assemblymanSelect',
                        'data-placeholder' => 'Selecione...',
                    ]) !!}
                    {!! Form::select('owner_id_inactive', $assemblymensListInactive, $form->input('owner_id_inactive'), [
                        'class' => 'form-control mt-1 document-search-select',
                        'style' => 'display: none;',
                        'id' => 'assemblymanInactiveSelect',
                        'data-placeholder' => 'Selecione...',
                    ]) !!}
                </div>
                <div class="form-group col-md-1 document-inactive-filter">
                    {!! Form::label('assemblyman_inactive', 'Inativo:', [
                        'class' => 'inactive-label',
                        'title' => 'Responsável Inativo',
                    ]) !!}
                    <div class="form-check">
                        <label class="form-check-label">
                            {!! Form::checkbox('assemblyman_inactive', null, $form->input('assemblyman_inactive'), [
                                'id' => 'assemblymanInactiveCheckbox',
                                'class' => 'form-check-input',
                            ]) !!}
                            Mostrar
                        </label>
                    </div>
                </div>
                <div class="form-group col-md-1 document-filter-toggle">
                    <button id="toggle-filters" type="button" class="botao-input-ocult document-filter-button">
                        <i class="fa fa-sliders" aria-hidden="true"></i> Filtros
                    </button>
                </div>
            </div>
            <div id="advanced-filters" class="document-advanced-filters">
                <div class="row mb-3">
                    <div class="form-group col-md-12">
                        {!! Form::label('content', 'Que contenha (texto):', ['class' => 'advanced-filter-content-label']) !!}
                        {!! Form::textarea('content', $form->input('content'), [
                            'class' => 'form-control',
                            'rows' => 2,
                            'placeholder' => 'Digite ou cole um trecho maior do texto para localizar documentos com mais precisão',
                            'style' => 'resize: vertical; min-height: 56px;',
                        ]) !!}
                    </div>
                </div>
                @if (\App\Models\Module::isActive('GED'))
                    <div class="row mb-3">
                        <div class="form-group col-md-12">
                            {!! Form::label('content_ocr', 'Que contenha (texto) OCR:') !!}
                            {!! Form::text('content_ocr', $form->input('content_ocr'), [
                                'class' => 'form-control',
                                'placeholder' => 'Buscar dentro do texto extraído dos anexos com OCR',
                            ]) !!}
                            <small class="text-muted">Pesquisa separada no texto reconhecido dos anexos em PDF.</small>
                        </div>
                    </div>
                @endif

                <div class="row advanced-filter-row mb-3">
                    <div class="form-group col-md-3">
                        {!! Form::label('origin_document_id', 'Origem do documento:') !!}
                        {!! Form::select(
                            'origin_document_id',
                            [null => 'Selecione...', 0 => 'Expedido', 1 => 'Digitalizado'],
                            $form->input('origin_document_id'),
                            ['class' => 'form-control', 'id' => 'origin_document_id'],
                        ) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('code', 'Código de barras:') !!}
                        {!! Form::text('code', $form->input('code'), ['class' => 'form-control']) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('start_date', 'De:') !!}
                        {!! Form::text('start_date', $form->input('start_date') ?: null, ['class' => 'form-control datetimepicker6']) !!}
                    </div>
                    <div class="form-group col-md-3">
                        {!! Form::label('end_date', 'Até:') !!}
                        {!! Form::text('end_date', $form->input('end_date') ?: null, ['class' => 'form-control datetimepicker6']) !!}
                    </div>
                </div>

                <div class="row advanced-filter-row mb-3">
                    <div class="form-group col-md-3">
                        {!! Form::label('id_entidade', 'Entidade:') !!}
                        {!! Form::select('id_entidade', $entitys, $form->input('id_entidade'), ['class' => 'form-control']) !!}
                    </div>

                    <div class="form-group col-md-3">
                        {!! Form::label('id_people', 'Fornecedor:') !!}
                        {!! Form::select('id_people', $people, $form->input('id_people'), ['class' => 'form-control']) !!}
                    </div>

                    <div class="form-group col-md-3">
                        {!! Form::label('number_process', 'Número/Ano Processo:') !!}
                        {!! Form::text('number_process', $form->input('number_process'), [
                            'class' => 'form-control',
                            'placeholder' => 'Ex: 1/2025 ou 01/2025',
                        ]) !!}
                    </div>
                    @if (\App\Models\Module::isActive('GED') && \App\Models\Module::isActive('Temporariedade Ged'))
                        <div class="form-group col-md-3">
                            {!! Form::label('final_disposal', 'Destinação final:') !!}
                            {!! Form::select(
                                'final_disposal',
                                [null => 'Selecione...', 'Eliminar' => 'Descartável', 'Permanente' => 'Permanente', 'Corrente' => 'Corrente'],
                                $form->input('final_disposal'),
                                ['class' => 'form-control'],
                            ) !!}
                        </div>
                    @else
                        <div class="form-group col-md-3"></div>
                    @endif
                </div>
            </div>
            {{-- Linha 4 - Datas e Botões --}}
            <div class="container-buttons-search">
                <div class="container-btn">
                    <button type="reset" onclick="limparURLERecarregar()" class="botao-reset document-reset-button">
                        <i class="fa fa-recycle" aria-hidden="true"></i> Reset
                    </button>
                </div>
                <div class="container-btn">
                    <button type="submit" class="botao-submit">
                        <i class="fa fa-search" aria-hidden="true"></i> Pesquisar
                    </button>
                </div>
            </div>
            <script>
                document.getElementById('toggle-filters').addEventListener('click', function() {
                    const filters = document.getElementById('advanced-filters');
                    filters.style.display = filters.style.display === 'none' ? 'block' : 'none';
                });
            </script>
        </form>
        <div class="clearfix"></div>
    </div>
    <div class="the-box rounded">
        <div class="row">
            <div class="col-md-6">
                <div class="btn-toolbar" role="toolbar">
                    <div class="btn-group">
                        @shield('documents.delete')
                            <a href="javascript:void(0)" onclick="deletaBash()" class="deleteAll document-delete-selected">
                                <button type="button" class="btn btn-danger">
                                    <i class="fa fa-trash"></i> DELETAR SELECIONADOS
                                </button>
                            </a>
                        @endshield
                        @shield('documents.create')
                            <a href="{!! route('documents.create') !!}">
                                <button type="button" class="btn btn-primary document-new-record-button">
                                    <i class="fa fa-plus-circle"></i> Novo registro
                                </button>
                            </a>
                        @endshield
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="container-grid-button">
                    <a href="/documents" onclick="changeViewDocuments(0)"><i class="fa fa-check list-custom-check"
                            aria-hidden="true"></i><i class="fa fa-th-large custom-icon" aria-hidden="true"></i></a>

                    <a href="/documents/table/show" onclick="changeViewDocuments(1)"><i class="fa fa-list custom-icon"
                            aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
        <div class="row">
            <br>
            <div class="col-12">
                @include('flash::message')
                @if ($documents->isEmpty())
                    <div class="well text-center">Sem dados. Insira um novo registro.</div>
                @else
                    @include('documents.table')
                @endif
            </div>
        </div>

    </div>
    <script src="https://cdn.asprise.com/scannerjs/scanner.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            // Initialize Select2 exactly like the original but working properly
            $('.document-search-select').select2({
                width: '100%',
                placeholder: 'Selecione...',
                allowClear: false
            });

            // Close dropdown when an option is selected for all selects
            $('.document-search-select').on('select2:select', function() {
                $(this).select2('close');
            });

            // Function to load document type inputs
            function loadDocumentTypeInputs(id) {
                if (!id) return;

                var url = '/documents/models/get/active/inputs';
                var data = {
                    'id': id,
                    '_token': '{{ csrf_token() }}'
                };

                $.ajax({
                    url: url,
                    data: data,
                    method: 'GET'
                }).success(function(data) {
                    var result = JSON.parse(data);

                    // Hide inputs by default
                    $('#show-id-entidade').hide();
                    $('#show-id-people').hide();

                    if (result[0]) {
                        var id_entidade = result[0].id_entidade;
                        var id_people = result[0].id_people;

                        if (id_entidade == 1) {
                            $('#show-id-entidade').show();
                        }
                        if (id_people == 1) {
                            $('#show-id-people').show();
                        }
                    }
                });
            }

            // Initial load based on current selection
            var initialTypeId = $('#document_type_id').val();
            if (initialTypeId) {
                loadDocumentTypeInputs(initialTypeId);
            }

            // Change event for document type select
            $('#document_type_id').on('change', function() {
                loadDocumentTypeInputs($(this).val());
            });

            // DateTime picker initialization
            $('.datetimepicker6').datetimepicker({
                defaultDate: '',
                locale: 'pt-br',
                format: 'DD/MM/YYYY',
                widgetPositioning: {
                    horizontal: 'left',
                    vertical: 'bottom'
                }
            });

            // Assemblyman select toggling
            function toggleAssemblymanSelects(isChecked) {
                if (isChecked) {
                    $('#assemblymanSelect').next('.select2-container').hide();
                    $('#assemblymanInactiveSelect').next('.select2-container').show();
                } else {
                    $('#assemblymanSelect').next('.select2-container').show();
                    $('#assemblymanInactiveSelect').next('.select2-container').hide();
                }
            }

            var isChecked = $('#assemblymanInactiveCheckbox').prop('checked');
            toggleAssemblymanSelects(isChecked);

            $('#assemblymanInactiveCheckbox').on('change', function() {
                toggleAssemblymanSelects($(this).prop('checked'));
            });
        });

        function changeViewDocuments(param) {
            var url = '/toggle/change/view/documents/' + param;

            $.ajax({
                url: url,
                method: "GET",
                dataType: "json"
            }).success((data) => {
                //
            });
        }

        function limparURLERecarregar() {
            window.location = '{{ url()->current() }}';
        }
    </script>
    <script>
        var limparBtn = document.getElementById('limpar-btn');
        if (limparBtn) {
            limparBtn.addEventListener('click', function() {
                history.pushState({}, document.title, window.location.pathname);
            });
        }

        var selectElement = document.getElementById('origin_document_id');
        if (selectElement) {
            selectElement.selectedIndex = 0;
        }
    </script>

    <script>
        //
        // Please read scanner.js developer's guide at: http://asprise.com/document-scan-upload-image-browser/ie-chrome-firefox-scanner-docs.html
        //
        //action into modal scanner
        $('#modalScanner').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            var documentId = button.data('id');
            document.getElementById('server_response').innerHTML = '';
            document.getElementById('formScannerCard').reset();
            $('#document-scanner-id').val(documentId);
        });

        $('#modalScanner').on('hidden.bs.modal', function() {
            document.getElementById('server_response').innerHTML = '';
            document.getElementById('formScannerCard').reset();
            $('#document-scanner-id').val('');
            imagesScanned = [];
        });

        $('#formScannerCard').submit(function(e) {
            e.preventDefault();

            var actionForm = '/documents/' + $('#document-scanner-id').val() + '/attachament-scanner-upload';

            $('#formScannerCard').attr('action', actionForm);

            scannerSubmit();
        });

        /** Scan: output PDF original and JPG thumbnails */
        function scanToPdfWithThumbnails() {
            imagesScanned = [];

            scanner.scan(displayImagesOnPage, {
                "output_settings": [{
                        "type": "return-base64",
                        "format": "pdf",
                        "pdf_text_line": "By ${USERNAME} on ${DATETIME}"
                    },
                    {
                        "type": "return-base64-thumbnail",
                        "format": "jpg",
                        "thumbnail_height": 200
                    }
                ]
            });
        }

        /** Processes the scan result */
        function displayImagesOnPage(successful, mesg, response) {
            if (!successful) { // On error
                console.error('Failed: ' + mesg);
                return;
            }

            if (successful && mesg != null && mesg.toLowerCase().indexOf('user cancel') >= 0) { // User cancelled.
                console.info('Usuário cancelou');
                return;
            }

            var scannedImages = scanner.getScannedImages(response, true, false); // returns an array of ScannedImage
            for (var i = 0;
                (scannedImages instanceof Array) && i < scannedImages.length; i++) {
                var scannedImage = scannedImages[i];
                processOriginal(scannedImage);
            }

        }

        /** Images scanned so far. */
        var imagesScanned = [];

        /** Processes an original */
        function processOriginal(scannedImage) {

            var exists = imagesScanned.some(function(image) {
                return image.src === scannedImage.src;
            });

            if (!exists) {
                imagesScanned.push(scannedImage);
            }
        }

        /** Processes a thumbnail */
        function processThumbnail(scannedImage) {
            var elementImg = scanner.createDomElementFromModel({
                'name': 'img',
                'attributes': {
                    'class': 'scanned',
                    'src': scannedImage.src
                }
            });
            document.getElementById('images').appendChild(elementImg);
        }

        function scannerSubmit() {
            /** Upload scanned images by submitting the form */
            if (scanner.submitFormWithImages('formScannerCard', imagesScanned, function(xhr) {
                    if (xhr.readyState == 4) { // 4: request finished and response is ready
                        document.getElementById('server_response').innerHTML =
                            '<div class="alert alert-success" role="alert">Dados enviados com sucesso</div>'
                        //xhr.responseText;
                        document.getElementById('images').innerHTML = ''; // clear images
                        imagesScanned = [];

                        location.reload();
                    }
                })) {
                document.getElementById('server_response').innerHTML =
                    '<div class="alert alert-warning" role="alert">Aguarde processando dados ...</div>';
            } else {
                document.getElementById('server_response').innerHTML =
                    '<div class="alert alert-danger" role="alert">Ooops! é preciso digitalizar um documento, tente novamente</div>';
            }
        }
    </script>
@endsection