@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-6">
                    {!! Form::label('title', 'Título do anexo contenha:') !!}
                    {!! Form::text('title', $form->input('title'), ['class' => 'form-control']) !!}
                </div>
                <div class="form-group col-md-6">
                    {!! 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-md-6">
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('', '') !!}
                    <button class="btn btn-block btn-primary">
                        <i class="fa fa-search"></i> Pesquisar
                    </button>
                </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>
            </div>
        </form>
        <div class="clearfix"></div>
    </div>

    <div class="the-box rounded">
        <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.tableOcr')
                @endif
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function limparURLERecarregar() {
            window.location = '{{ url()->current() }}';
        }

        
        $('#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].nm_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].nm_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>
@endsection