@extends('layouts.digitar')

@section('Breadcrumbs')
    {!! Breadcrumbs::render('documents.list') !!}
@endsection

@section('content')
    @php
        $url = $_SERVER['HTTP_HOST'];
    @endphp
    <link href="{{ asset('assets/css/newCard/card.css') }}" rel="stylesheet">
    <div class="the-box rounded custom-container-table">
        <div class="row">
            <div class="col-md-2">
                <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>
            <form action="/documents/table/search" method="GET">
                @csrf
                <div class="col-md-4">
                    <input name="content" class="form-control mr-sm-2" type="text" placeholder="Buscar"
                        aria-label="Search">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary custom-search" type="submit">Pesquisar</button>
                </div>
                <div class="col-md-2">
                    <button type="reset" class="btn btn-block btn tooltip-custom custom-reset"
                        onclick="limparURLERecarregar()">
                        <i class="fa fa-recycle"></i>
                        <span class="tooltip-text">Reset</span>
                    </button>
                </div>
                <div class="col-md-2">
                    <div class="container-table-grid-button">
                        <div class="container-table-border-button">
                            <a href="/documents" onclick="changeViewDocuments(0)"><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-check list-table-custom-check" aria-hidden="true"></i><i
                                    class="fa fa-list custom-table-icon" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </div>
        </div>

        <div class="container">
            <div class="container-fluid">
                <div class="row">
                    <div class="form-group col-md-3">
                        <div class="container-nav">
                            <div class="row">
                                <div class="col-md-12">

                                    <button type="button" class="btn btn-default btn-advanced-button" data-toggle="modal"
                                        data-target="#exampleModal">
                                        <i class="fa fa-plus-square" aria-hidden="true"></i> Pesquisa avançada
                                    </button>

                                </div><br /><br />
                                <hr>
                                <div class="col-md-4">
                                    <input type="checkbox" name="ocr" id="flexCheckDefault" class="form-check-input">
                                </div>

                                <div class="col-md-3">
                                    <label for="checkboxOCR">OCR</label><br />
                                </div>
                            </div>
                            <hr>
                            {!! Form::label('owner_id', 'Responsável:') !!}
                            {!! Form::select('owner_id', $assemblymensList, $form->input('owner_id'), [
                                'class' => 'form-control',
                                'id' => 'assemblymanSelect',
                            ]) !!}
                            <label class="labelChosen">Selecione o tipo</label>
                            {!! Form::select(
                                'document_type_id[]',
                            
                                $documents_type,
                                $form->input('document_type_id'),
                                [
                                    'class' => 'documentChosen',
                                    'id' => 'multiple-select-clear-field',
                                    'multiple',
                                    'style' => 'width:100%;border:0;',
                                    'data-placeholder' => 'Selecione o tipo...',
                                ],
                            ) !!}

                            <div id="show-id-entidade">
                                <br />
                                {!! Form::label('id_entidade', 'Entidade') !!}

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

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

                            <label class="start-number">Número</label>

                            <div class="row">
                                <div class="col-md-3 col-sm-3">
                                    {{ Form::text('first_num', $form->input('first_num'), [
                                        'placeholder' => '0',
                                        'id' => 'first_num',
                                    ]) }}
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <p class="space-number">A</p>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    {{ Form::text('second_num', $form->input('second_num'), [
                                        'placeholder' => '0',
                                        'id' => 'second_num',
                                    ]) }}
                                </div>
                            </div>

                            <label class="start-number">Ord. Pagamento</label>

                            <div class="row">
                                <div class="col-md-3 col-sm-3">
                                    {{ Form::text('first_ord_num', $form->input('first_ord_num'), [
                                        'placeholder' => '0',
                                        'id' => 'first_ord_num',
                                    ]) }}
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <p class="space-number">A</p>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    {{ Form::text('second_ord_num', $form->input('second_ord_num'), [
                                        'placeholder' => '0',
                                        'id' => 'second_ord_num',
                                    ]) }}
                                </div>
                            </div>

                            <div class="form-checkbox">
                                <label for="date-end" class="date-end">Data Inicial</label>
                                <input class="form-control datetimepicker6" name="start_date" id="start-date"
                                    value="{{ $form->input('start_date') }}">
                                <label for="date-end" class="date-end">Data Final</label>
                                <input class="form-control datetimepicker6" name="end_date" id="end-date"
                                    value="{{ $form->input('end_date') }}">
                                <hr>

                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-primary custom-search-footer"
                                        type="submit">Pesquisar</button>
                                </div>
                                </form>

                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-9">
                        <div class="container-table">

                            <div class="table-content">
                                <table class="table table-striped table-hover table-sm">
                                    <thead>
                                        <tr>
                                            <th>
                                            </th>
                                            <th scope="col-md-6">Descrição</th>
                                            <th scope="col-md-6">Assinatura</th>
                                            <th scope="col-md-3">Anexos</th>
                                            <th scope="col-md-3">Scanner</th>
                                            <th scope="col-md-3">Tramitação</th>
                                            <th scope="col-md-3">Download Anexos</th>
                                        </tr>
                                    </thead>
                                    <tbody id="table-documents">
                                        @foreach ($documents as $documentModel)
                                            <tr>
                                                <td>
                                                    <div class="container-read-approved">
                                                        @shield('document.read')
                                                            @if ($url == 'cmcorumba.localhost:8000' || $url == 'cmcorumba.legissuper.com.br')
                                                                @if (Auth::user()->sector_id == 1)
                                                                    <label for="lido_{{ $documentModel->id }}">
                                                                        <strong>Lido:</strong>
                                                                        <input id="lido_{{ $documentModel->id }}"
                                                                            type="checkbox"
                                                                            onclick="changeRead('{!! $documentModel->id !!}')"
                                                                            {!! $documentModel->read > 0 ? 'checked' : '' !!}>
                                                                    </label>
                                                                @endif
                                                            @else
                                                                <label for="lido_{{ $documentModel->id }}">
                                                                    <strong>Lido:</strong>
                                                                    <input id="lido_{{ $documentModel->id }}" type="checkbox"
                                                                        onclick="changeRead('{!! $documentModel->id !!}')"
                                                                        {!! $documentModel->read > 0 ? 'checked' : '' !!}>
                                                                </label>
                                                            @endif
                                                        @endshield
                                                        @shield('document.approved')
                                                            <span>
                                                                <label>
                                                                    <strong>Aprovado:</strong>
                                                                    <input
                                                                        onchange="changeApproved('{!! $documentModel->id !!}')"
                                                                        type="checkbox" {!! $documentModel->approved > 0 ? 'checked' : '' !!}>
                                                                </label>
                                                            </span>
                                                        @endshield
                                                    </div>
                                                </td>
                                                <td scope="row" class="tooltip-custom custom-td">
                                                    <span class="tooltip-text">Informações</span>
                                                    <i type="button" data-toggle="modal" data-target="#modalInfo"
                                                        aria-hidden="true"
                                                        onclick="getIdDocument('{{ $documentModel->id }}')">
                                                        <strong style="text-transform: uppercase;">
                                                            {!! $documentModel->document_type->name !!}
                                                            {!! $documentModel->number . '/' . $documentModel->getYear($documentModel->date) !!} -
                                                            {!! $documentModel->owner->short_name !!}
                                                        </strong><br>
                                                                                                                @if ($_SERVER['HTTP_HOST'] == 'jardim.legissuper.com.br' || $_SERVER['HTTP_HOST'] == 'cmladario.legissuper.com.br')
                                                            @if (strlen($documentModel->content) >= 600)
                                                                {!! substr($new_string, 0, 100) . '...' !!}
                                                            @else
                                                                {!! $new_string !!}
                                                            @endif
                                                        @else
                                                            @if (strlen($documentModel->content) >= 600)
                                                                {!! substr(
                                                                    strip_tags($documentModel->content),
                                                                    0,
                                                                    strrpos(substr(strip_tags($documentModel->content), 0, 100), ' '),
                                                                ) . '...' !!}
                                                            @else
                                                                {!! substr($new_string, 0, 100) . '...' !!}
                                                            @endif
                                                        @endif
                                                    </i>
                                                    <br /><br />
                                                </td>
                                                <td>
                                                    <form action="{!! route('documents.signature', [$documentModel->id]) !!}" method="GET">
                                                        <button type="submit" class="btn btn-success tooltip-custom">
                                                            <i class="fa fa-pencil-square" aria-hidden="true"></i>
                                                            <span class="tooltip-text">Assinatura</span>
                                                        </button>
                                                    </form>
                                                </td>
                                                <td>
                                                    <form action="{!! route('documents.attachament', [$documentModel->id]) !!}" method="GET">
                                                        <button class="btn btn-primary tooltip-custom">
                                                            <i class="fa fa-clipboard"aria-hidden="true"></i>
                                                            <span class="tooltip-text">Anexos</span>
                                                        </button>
                                                    </form>
                                                </td>
                                                <td>
                                                    <button class="btn tooltip-custom" data-toggle="modal"
                                                        data-target="#modalScanner"
                                                        onclick="getIdocumentTopassScanner('{{ $documentModel->id }}')">
                                                        <i class="fa fa-print"aria-hidden="true"></i>
                                                        <span class="tooltip-text">Scanner</span>
                                                    </button>
                                                </td>
                                                <td>
                                                    <form action="{!! route('documents.advices', [$documentModel->id]) !!}" method="GET">
                                                        <button class="btn btn-warning tooltip-custom">
                                                            <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                                            <span class="tooltip-text">Tramitação</span>
                                                        </button>
                                                    </form>
                                                </td>
                                                <td>
                                                    <a href="/download/attachament/files/{{ $documentModel->id }}"
                                                        method="GET">
                                                        <button type="submit" class="btn btn-danger tooltip-custom">
                                                            <i class="fa fa-download" aria-hidden="true"></i>
                                                            <span class="tooltip-text">Download</span>
                                                        </button>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                {!! $documents->appends(request()->input())->render() !!}

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>



        @include('documents.modalAdvacedSearch')
        
        <script src="{!! asset('chosen_v1.8.7/chosen.jquery.js') !!}" type="text/javascript"></script>
        <script>
            function searchPost() {

                const url = '/documents/table/search';

                const data = {
                    _token: '{{ csrf_token() }}',
                    ocr: $('#flexCheckDefault').val(),
                    owner_id: $('#assemblymanSelect').val(),
                    document_type_id: $('#multiple-select-clear-field').val(),
                    first_doc_num: $('#first_num').val(),
                    second_doc_num: $('#second_num').val(),
                    first_ord_num: $('#first_ord_num').val(),
                    second_ord_num: $('#second_ord_num').val(),
                    startDate: $('#start-date').val(),
                    endDate: $('#end-date').val()
                }


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

            }

            let document_id = 0;

            function getIdocumentTopassScanner(id) {
                document_id = id;
            }

            function getIdDocument(id) {
                document_id = id

                const url = `/toggle/get/documents/${id}`;

                const data = {
                    _token: '{{ csrf_token() }}'
                }
                $('#titleDocument').html('');
                $('#protocolDocument').html('');
                $('#numberDocument').html('');
                $('#numberProcess').html('');
                $('#dateDocument').html('');

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

                    console.log(data.protocol, data.date_protocol);

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

                    if (data.protocol != 0) {
                        $('#is-not-protocoled').hide();
                        $('#is-protocoled').show();

                        $('#document_id_edit').val(document_id);
                        $('#date_protocol_edit').val(data.date_protocol);
                        $('#protocol_date_edit').val(data.date_protocol);

                    } else {
                        $('#is-protocoled').hide();
                        $('#is-not-protocoled').show();
                    }

                    $('#titleDocument').html('');
                    $('#protocolDocument').html('');
                    $('#numberDocument').html('');
                    $('#numberProcess').html('');
                    $('#dateDocument').html('');

                    $('#titleDocument').prepend(data.title);
                    $('#numberDocument').prepend('Número: ' + data.number);
                    $('#protocolDocument').prepend('Protocolo: ' + data.protocol);
                    $('#numberProcess').prepend('Nº Processo: ' + data.process);
                    $('#dateDocument').prepend('Data: ' + data.date);
                });
            }

            function formatdata(data) {
                return data.map(doc => {
                    return {
                        title: doc.title
                    }
                })
            }

            $(document).ready(function() {
                $(".documentChosen").chosen({
                    disable_search_threshold: 10,
                    no_results_text: "Nada encontrado!",
                });
                $('#document_type_id').on('change', function() {
                    updateDocumentInputs();
                });
            });

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

            function limparURLERecarregar() {
                window.location = '/documents/table/show';
            }

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

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


            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);
                });
            }
            $('#show-id-entidade').hide()
            $('#show-id-people').hide()

            $('#multiple-select-clear-field').on('change', function() {
                mouseOutModels();
            });

            function mouseOutModels() {
                var id = $('#multiple-select-clear-field').val();
                console.log(id);

                if (!id) {
                    console.log('Nenhum valor selecionado');
                    return;
                }

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

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

                    $('#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');
                    }
                }).fail(function(jqXHR, textStatus, errorThrown) {
                    console.log("Erro na requisição: " + textStatus);
                });
            }
        </script>
    @endsection