@extends('layouts.digitar')
@section('Breadcrumbs')
    {!! Breadcrumbs::render('documents.list') !!}
@endsection
@section('content')
    <div class="the-box rounded">
        <form id="search-form" method="GET">
            <input type="hidden" name="has-filter" value="true">
            <div class="row">
                <div class="form-group col-md-2">
                    {!! Form::label('code', 'Código de barras:') !!}
                    {!! Form::text('code', $form->input('code'), [
                        'class' => 'form-control',
                    ]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('document_type_id', 'Tipo:') !!}
                    {!! Form::select('document_type_id', $documents_type, $form->input('document_type_id'), [
                        'class' => 'form-control',
                    ]) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('date', 'Número:') !!}
                    {!! Form::input('number', 'number', $form->input('number'), ['class' => 'form-control', 'min' => 0]) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('date', 'Ano:') !!}
                    {!! Form::input('number', 'date', $form->input('date'), [
                        'class' => 'form-control',
                        'min' => 1000,
                        'max' => 9999,
                    ]) !!}
                </div>
                <div class="form-group col-md-1">
                    {!! Form::label('assemblyman_inactive', 'Inativos') !!}
                    {!! Form::checkbox('assemblyman_inactive', null, $form->input('assemblyman_inactive'), [
                        'class' => 'form-control',
                        'id' => 'assemblymanInactiveCheckbox',
                    ]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('owner_id', 'Responsável:') !!}
                    {!! Form::select('owner_id', $assemblymensList, $form->input('owner_id'), [
                        'class' => 'form-control',
                        'id' => 'assemblymanSelect',
                    ]) !!}
                    {!! Form::select('owner_id_inactive', $assemblymensListInactive, $form->input('owner_id_inactive'), [
                        'class' => 'form-control',
                        'style' => 'display: none;',
                        'id' => 'assemblymanInactiveSelect',
                    ]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! Form::label('content', 'Que contenha (texto):') !!}
                    {!! Form::text('content', $form->input('content'), ['class' => 'form-control']) !!}
                </div>
            </div>
            <div class="row">
                <div class="form-group col-sm-6" id="show-id-entidade">
                    {!! Form::label('id_entidade', 'Entidade') !!}

                    {!! Form::select('id_entidade', $entitys, $form->input('id_entidade'), [
                        'class' => 'form-control',
                    ]) !!}

                </div>

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

            </div>

            <div class="row search-ocr" style="display:none">
                <div class="form-group col-md-6">
                    {!! Form::label('title_ocr', 'Título do anexo contenha (OCR):') !!}
                    {!! Form::text('title_ocr', $form->input('title_ocr'), ['class' => 'form-control']) !!}
                </div>
                <div class="form-group col-md-6">
                    {!! Form::label('content_ocr', 'Que contenha (texto) OCR:') !!}
                    {!! Form::text('content_ocr', $form->input('content_ocr'), ['class' => 'form-control']) !!}
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-2">
                    {!! Form::label('status', 'Status:') !!}
                    {!! Form::select('status', [0 => 'Selecione...', 1 => 'Aberto', 2 => 'Protocolado'], $form->input('status'), [
                        'class' => 'form-control',
                    ]) !!}
                </div>
                <div class="form-group col-md-2">
                    {!! 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>

                <!-- Date Start Field -->
                <div class="form-group col-sm-2">
                    {!! Form::label('start_date', 'De') !!}
                    {!! Form::text('start_date', $form->input('start_date') !== null ? $form->input('start_date') : null, [
                        'class' => 'form-control datetimepicker6',
                    ]) !!}
                </div>

                <!-- Date End Field -->
                <div class="form-group col-sm-2">
                    {!! Form::label('end_date', 'Até:') !!}
                    {!! Form::text('end_date', $form->input('end_date') !== null ? $form->input('end_date') : null, [
                        'class' => 'form-control datetimepicker6',
                    ]) !!}
                </div>

                <div class="form-group col-md-2">
                    {!! Form::label('', '') !!}
                    <button type="reset" class="btn btn-block btn-warning" onclick="limparURLERecarregar()">
                        <i class="fa fa-recycle"></i> Reset
                    </button>
                </div>
                @php $url = $_SERVER['HTTP_HOST']; @endphp

                @if (
                    $url == 'cmchapadao.localhost:8000' ||
                        $url == 'cmladario.localhost:8000' ||
                        $url == 'pmaralmoreira.localhost:8000' ||
                        $url == 'cmladario.legissuper.com.br' ||
                        $url == 'pmaralmoreira.legissuper.com.br' ||
                        $url == 'pmbodoquena.localhost:8000' ||
                        $url == 'pmbodoquena.legissuper.com.br')
                    <div class="form-group col-md-2">
                        {!! Form::label('', '') !!}
                        <a id="mostrar-ocr" class="btn btn-block btn-info">
                            <i class="fa fa-search"></i> Pesquisa avançada
                        </a>
                    </div>
                    <div class="form-group col-md-12">
                        {!! Form::label('', '') !!}
                        <button class="btn btn-block btn-primary">
                            <i class="fa fa-search"></i> Pesquisar
                        </button>
                    </div>
                @else
                    <div class="form-group col-md-2">
                        {!! Form::label('', '') !!}
                        <button class="btn btn-block btn-primary">
                            <i class="fa fa-search"></i> Pesquisar
                        </button>
                    </div>
                @endif

            </div>
        </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()" style="display: none;" class="deleteAll">
                                <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-info">
                                    <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-md-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">
        function changeViewDocuments(param) {
            var url = '/toggle/change/view/documents/' + param;

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


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

        function limparURLERecarregar() {
            window.location = '{{ url()->current() }}';
        }

        $(document).ready(function() {
            $('#mostrar-ocr').click(function(e) {
                e.preventDefault();
                $('.search-ocr').show();
            });
        });

        $('#show-id-entidade').hide()
        $('#show-id-people').hide()

        id = $("#document_type_id").val();
        url = '/documents/models/get/active/inputs';
        data = {
            'id': id,
            '_token': '{{ csrf_token() }}'
        };

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

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

            /*hiden inputs*/
            $('#show-id-entidade').hide()
            $('#show-id-people').hide()

            console.log(result)
            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()
                }

            } else {
                console.log('não possui inputs vinculados a esse modelo')
            }
        });

        $(document).ready(function() {

            $('#document_type_id').on('change', function() {

                id = $("#document_type_id").val();
                url = '/documents/models/get/active/inputs';
                data = {
                    'id': id,
                    '_token': '{{ csrf_token() }}'
                };

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

                    /*hiden inputs*/
                    $('#show-id-entidade').hide()
                    $('#show-id-people').hide()

                    console.log(result)
                    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()
                        }
                    } else {
                        console.log('não possui inputs vinculados a esse modelo')
                    }
                });
            });
        });
    </script>
    <script>
        var limparBtn = document.getElementById('limpar-btn');
        limparBtn.addEventListener('click', function() {
            history.pushState({}, document.title, window.location.pathname);
        });

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

    <script>
        $(document).ready(function() {
            var isChecked = $('#assemblymanInactiveCheckbox').prop('checked');

            if (isChecked) {
                $('#assemblymanSelect').hide();
                $('#assemblymanInactiveSelect').show();
            } else {
                $('#assemblymanSelect').show();
                $('#assemblymanInactiveSelect').hide();
            }

            $('#assemblymanInactiveCheckbox').on('change', function() {
                var isChecked = $(this).prop('checked');
                if (isChecked) {
                    $('#assemblymanSelect').hide();
                    $('#assemblymanInactiveSelect').show();
                } else {
                    $('#assemblymanSelect').show();
                    $('#assemblymanInactiveSelect').hide();
                }
            });
        });
    </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
        $('#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