@include('led/led_header')

<div class="row">
    <form id="frmReporteRecurso" action="/imperium/reporte_recursos_fancy" method="post">
    {{ csrf_field() }}
        <div class="col-md-8 col-md-offset-2">		
            <h2>Reporte de recursos</h2>
            <div class="row" style="margin-bottom: 20px;">
                <div class="col-md-4">
                    <label for="periodo">Período</label>
                    <select name="periodo" id="periodo" class="form-control">
                        @foreach( $fecha as $key => $fech)
                        <option value="{{ str_replace('-','',$fech) }}">{{$fech}}</option>
                        @endforeach    
                    </select>
                </div>
            </div>

            <div class="row" style="margin-bottom: 20px;">
                <div class="col-md-8">
                    <label for="contratista">Familias</label>
                    <select name="tipoc" id="tipoc" class="form-control">
                        <option value="">--- Todos ---</option>
                        @foreach( $familias_todas as $key => $fam)
                        <option value="{{$fam->familia}}">{{$fam->nombre_familia}}</option>
                        @endforeach
                    </select>
                    <label for="contratista">Contratistas</label>
                    <select name="contratista[]" id="contratista" class="form-control" size="6" multiple="" required>			
                        @foreach($contrap as $key => $contr)
                            <option value="{{$contr->contraparte}}">{{$contr->nombre_persona}}</option>
                        @endforeach		
                    </select>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="1" name="todos" id="todos" style="cursor:pointer;">
                        <label class="form-check-label" for="todos" style="cursor:pointer;">Marcar todos los contratistas</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <br><br>
                    <i>Mantenga presionada la tecla Ctrl para marcar mas de un contratista a la vez</i>
                </div>
            </div>
            	
            <div class="row" style="margin-bottom: 20px;">
                <div class="form-group col-md-6">
                    <label style="color:inherit; margin-bottom:10px;">Recursos a incluir en el reporte:</label>		
                    <div class="">
                        <input style="cursor:pointer;" type="Checkbox" id="incluir_contratista" name="led_seccion[]" value="C">&nbsp;<label for="incluir_contratista" style="color:inherit; cursor:pointer;">Contratistas</label>
                    </div>
                    
                    <div class="">
                        <input style="cursor:pointer;" type="Checkbox" id="incluir_empleado" name="led_seccion[]" value="E">&nbsp;<label for="incluir_empleado" style="color:inherit; cursor:pointer;">Empleados</label>
                    </div>
                    
                    <div class="">
                        <input style="cursor:pointer;" type="Checkbox" id="incluir_vehiculo" name="led_seccion[]" value="V">&nbsp;<label for="incluir_vehiculo" style="color:inherit; cursor:pointer;">Vehículos</label>
                    </div>
                    
                    <div class="">
                        <input style="cursor:pointer;" type="Checkbox" id="incluir_subcontratista" name="led_seccion[]" value="S">&nbsp;<label for="incluir_subcontratista" style="color:inherit; cursor:pointer;">Subcontratistas</label>
                    </div>
                </div>
            </div>
                
            <div class="row">
                <div class="form-group col-md-2 col-md-offset-4">
                    <button type="button" class="form-control btn btn-success" id="btnAceptar" ><i class="fa fa-check"></i> Aceptar</button>
                </div>
                <div class="form-group col-md-2">
                    <button type="button" class="form-control btn btn-danger" id="btnCancelar" ><i class="fa fa-times"></i> Cancelar</button>
                </div>
            </div>
        </div>
    </form>
</div>
<script>
    $(document).ready(function() {
        reportesRecursos();
    });
</script>
@include('led/led_footer')