@extends('material.layouts.dashboard')


@push('styles')
<!-- Datatables Styles -->
    <link href="{{ asset('assets/global/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!-- Modal Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css') }}" rel="stylesheet" type="text/css" />
<!-- Select picker -->
    <link href="{{ asset('assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css') }}" rel="stylesheet" type="text/css" />

    <link href="{{ asset('css/auditor/pdf-auditor.css') }}" rel="stylesheet">
    <link href="{{ asset('css/general.css') }}" rel="stylesheet">
     
@endpush

@section('content')
<div class="col-md-12">
    <div class="content" id="main" class="row" data-url="{{URL::to('/')}}"></div>
    {{-- INICIO FILTROS --}}
    @component('themes.bootstrap.components.portlet', ['icon' => 'glyphicon glyphicon-filter', 'title' => 'Gestión de auditores',  'color'=>'font-blue'])
        {{ Form::open(['class' => '', 'novalidate' => 'novalidate', 'id' => 'form-consulta-auditores', 'method' => 'POST' ]) }}
            {{--<div class="row">
                <div class="col-md-8">
                    <div class="form-group form-md-line-input has-info">
                        {!!Form::select('i_fk_area_auditor', $areas, null,[
                            'class'=>'selectpicker form-control',
                            'data-live-search'=>'true',
                            'id'=>'i_fk_area_auditor',
                            'data-live-search'=>'true',
                            'title'=>'Seleccione el área',
                            'data-size'=>'5',
                            'required'=>'required'])
                        !!}
                        <label for="i_fk_area_auditor">Área:</label>
                        <span class="help-block"></span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group form-md-line-input has-info">
                        {{ Form::button('Buscar', ['class' => 'btn btn-block blue consultar-auditores']) }}
                    </div>
                </div>
            </div>--}}
            <br>
            <div class="row">
                <div class="col-md-2" style="margin-top: 20pt;">
                    <label for="campo_consulta">Consulta por:</label>
                </div>
                <div class="col-md-10">
                    <div class="form-group form-md-line-input has-info">
                        {!!Form::select('campo_consulta',['vc_num_identificacion'=>'Documento de Identidad', 'full_name'=>'Nombre'],null,[
                            'class'=>'selectpicker form-control',
                            'id'=>'campo_consulta',
                            'data-actions-box'=>'true',
                            'data-live-search'=>'true',
                            'title'=>'Seleccione el Parámetro de Consulta'])!!}  
                    </div>
                </div>  
            </div>
            <div class="row" id="general">  
                <div class="col-md-8 col-md-offset-2">
                    <div class="form-group form-md-line-input has-info">
                        <div class="input-icon">
                            {!!Form::text('param_consulta',null,['class'=>'form-control mayuscula sinIcono','placeholder'=>'Digite el Parámetro', 'id'=>'param_consulta','required'=>true])!!}                                                 
                            <span class="help-block"></span>
                            <label for="param_consulta" id="label_param"></label>
                        </div>
                    </div>                                
                </div> 
                <div class="col-md-2">
                    <span class="input-group-btn">
                            {{ Form::button('Consultar', [
                                'class' => 'form-control btn blue btn-block consultar-auditores mt-15', 
                            ]) }}
                        </span>                                       
                    </div>                                      
            </div>
            <div class="row" id="nombre">  
                <div class="col-md-2 col-md-offset-2">
                    <div class="form-group form-md-line-input has-info">
                        <div class="input-icon">
                            {!!Form::text('vc_primer_nombre',null,['class'=>'form-control mayuscula sinIcono','placeholder'=>'P Nombre','required'=>true])!!}                                              
                            <label for="vc_primer_nombre">Primer Nombre</label>
                            <span class="help-block"></span>
                        </div>
                    </div>                                
                </div>
                <div class="col-md-2">
                    <div class="form-group form-md-line-input has-info">
                        <div class="input-icon">
                            {!!Form::text('vc_segundo_nombre',null,['class'=>'form-control mayuscula sinIcono','placeholder'=>'S Nombre'])!!}                                                
                            <label for="vc_segundo_nombre">Segundo Nombre</label>
                            <span class="help-block"></span>
                        </div>
                    </div>                                
                </div>
                <div class="col-md-2">
                    <div class="form-group form-md-line-input has-info">
                        <div class="input-icon">
                            {!!Form::text('vc_primer_apellido',null,['class'=>'form-control mayuscula sinIcono','placeholder'=>'P Apellido'])!!}                                                
                            <label for="vc_primer_apellido">Primer Apellido</label>
                            <span class="help-block"></span>
                        </div>
                    </div>                                
                </div>  
                <div class="col-md-2">
                    <div class="form-group form-md-line-input has-info">
                        <div class="input-icon">
                            {!!Form::text('vc_segundo_apellido',null,['class'=>'form-control mayuscula sinIcono','placeholder'=>'S Apellido'])!!}                                                
                            <label for="vc_segundo_apellido">Segundo Apellido</label>
                            <span class="help-block"></span>
                        </div>
                    </div>                                
                </div> 
                <div class="col-md-2">
                    <span class="input-group-btn">
                            {{ Form::button('Consultar', [
                                'class' => 'form-control btn blue btn-block consultar-auditores mt-15', 
                            ]) }}
                        </span>                                       
                    </div>                                                                                                                                                     
            </div>
        {!!Form::close()!!}
        <div class="row" id="boton_crear">
            <hr>                                                                  
            <div class="row mb-1">
                <div class="col-xs-12 text-center">
                    <button type="button" class='btn btn-warning gestionAuditor' data-id_auditor="{{ null }}">
                        <i class="fa fa-plus" aria-hidden="true"></i>Nuevo Auditor
                    </button> 
                </div>
            </div>
        </div> 
    @endcomponent
    {{-- END FILTROS --}}

    {{-- INICIO TABLA RESULTADOS --}}
    @component('themes.bootstrap.components.portlet', ['icon' => 'glyphicon glyphicon-eye-open', 'title' => 'Resultados', 'color'=>'font-blue'])
        <div id="div_resultado_auditores"></div>
    @endcomponent
    {{-- END FILTROS --}}

    @include('material.sections.auditor.modals')

</div>
@endsection


@push('functions')
<!-- Datatables Scripts -->
    <script src="{{ asset('assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/table-datatable.js') }}" type="text/javascript"></script>
<!-- Modal Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js') }}" type="text/javascript"></script>
<!-- Validation Scripts -->
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/localization/messages_es.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/form-validation-md.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/general-request.js') }}" type="text/javascript"></script>
<!-- Select picker -->
    <script src="{{ asset('assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js') }}" type="text/javascript"></script>
<!-- DatePicker -->
    <script src="{{ asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
<!-- SweetAlert Scripts -->
    <script src="{{ asset('bower_components/sweetalert2/dist/sweetalert2.all.min.js') }}" type="text/javascript"></script>

    <script src="{{ asset('js/general.js?v=1') }} {{ time() }}" type="text/javascript"></script>
    <script src="{{ asset('js/auditor/auditor.js?v=1') }} {{ time() }}" type="text/javascript"></script>
    
@endpush


@push('functions')
<script>
    $(document).ready(function () {

        @if (session('message'))
            swal({
                title: "{{ session('title') }}",
                text: "{{ session('message') }}",
                buttonsStyling: false,
                confirmButtonClass: "btn btn-success",
                type: "{{ session('type') }}",
            });
        @endif



    });
</script>
@endpush