@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/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' => 'Plan Anual de Auditorías',  'color'=>'font-blue'])
        {{ Form::open(['class' => '', 'novalidate' => 'novalidate', 'id' => 'form-consulta-planes-anuales', 'method' => 'POST' ]) }}
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group form-md-line-input has-info">
                        {!!Form::select('anio_plan', $anios, null,[
                            'class'=>'selectpicker form-control',
                            'id'=>'anio_plan',
                            'data-actions-box'=>'true',
                            'data-live-search'=>'true',
                            'title'=>'Seleccione el año',
                            'required'=>'required'
                        ])!!}  
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group form-md-line-input has-info">
                        <button type="button" class='btn blue consultar-planes'>
                            <i class="fa fa-search" aria-hidden="true"></i> Consultar
                        </button> 
                    </div>
                </div>
            </div>
        {!!Form::close()!!}
    @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_planes_anuales"></div>
    @endcomponent
    {{-- END FILTROS --}}

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

</div>
@endsection

@push('plugins')
    @include('material.sections.planAnual.scripts')
@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