@include('led/led_header')

<style>
    .fancy.fancy-grid{
        overflow-x:auto;
    }
</style>
            
<form id="frmFancy" action="" method="post">
    {{ csrf_field() }}
    <input type="hidden" id="periodo" name="periodo" value="{{$periodo}}">
    @if(isset($contratista))
        @foreach($contratista as $key => $contr)
        <input type="hidden" id="contratista" name="contratista[]" value="{{$contr}}">
        @endforeach
    @endif
    @if(isset($led_seccion))
        @foreach($led_seccion as $key => $seccion)
        <input type="hidden" id="led_seccion" name="led_seccion[]" value="{{$seccion}}">
        @endforeach
    @endif
    @if(isset($contratistas_todos))
        <input type="hidden" id="contratistas_todos" name="contratistas_todos" value="{{$contratistas_todos}}">
    @endif
    
    <input type="hidden" name="seccion" id="seccion" value="">
    
    <div class="container" style="width:90%">
        <div class="row" id="recursosRadios" style="padding-top:30px; padding-bottom:30px;">
            <div class="col-md-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" data-radio="C" name="btnRadio" id="btnRadioContratista" style="cursor:pointer;" @if( !is_null($led_seccion) and $led_seccion[0] == 'C') checked @endif>
                    <label class="form-check-label" for="btnRadioContratista" style="cursor:pointer;">
                        Contratistas
                    </label>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" data-radio="V" name="btnRadio" id="btnRadioVehiculo" style="cursor:pointer;" @if( !is_null($led_seccion) and $led_seccion[0] == 'V') checked @endif>
                    <label class="form-check-label" for="btnRadioVehiculo" style="cursor:pointer;">
                        Vehículos
                    </label>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" data-radio="E" name="btnRadio" id="btnRadioEmpleado" style="cursor:pointer;" @if( !is_null($led_seccion) and $led_seccion[0] == 'E') checked @endif>
                    <label class="form-check-label" for="btnRadioEmpleado" style="cursor:pointer;">
                        Empleados
                    </label>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" data-radio="S" name="btnRadio" id="btnRadioSubcontratista" style="cursor:pointer;" @if( !is_null($led_seccion) and $led_seccion[0] == 'S') checked @endif>
                    <label class="form-check-label" for="btnRadioSubcontratista" style="cursor:pointer;">
                        Subcontratistas
                    </label>
                </div>
            </div>
        </div>
        <div class="row" id="recursosLoading" style="padding-top:30px; display:block;">
            <div class="col-md-2 col-md-offset-5"><img src="/images/loading.gif" alt="" class="img img-responsive"></div>
        </div>
      
    </div>
    <div class="container" id="divRecursosContratista" @if( !is_null($led_seccion) and $led_seccion[0] == 'C') style="display:flex; width:100%; justify-content: center;" @else style="display:none;" @endif >
        <div class="row" id="recursosLoadingContratista" style="padding-top:30px; display:none;">
            <div class="col-md-2 col-md-offset-5"><img src="/images/loading.gif" alt="" class="img img-responsive"></div>
        </div>
        <div class="" id="fancyRecursosContratista"></div>
    </div>
    <div class="container row" id="divRecursosVehiculo" @if( !is_null($led_seccion) and $led_seccion[0] == 'V') style="display:flex; justify-content: center;" @else style="display:none;" @endif>
        <div class="row" id="recursosLoadingVehiculo" style="padding-top:30px; display:none;">
            <div class="col-md-2 col-md-offset-5"><img src="/images/loading.gif" alt="" class="img img-responsive"></div>
        </div>
        <div class="col-md-12" id="fancyRecursosVehiculo"></div>
    </div>
    <div class="container row" id="divRecursosEmpleado" @if( !is_null($led_seccion) and $led_seccion[0] == 'E') style="display:flex; justify-content: center;" @else style="display:none;" @endif>
        <div class="row" id="recursosLoadingEmpleado" style="padding-top:30px; display:none;">
            <div class="col-md-2 col-md-offset-5"><img src="/images/loading.gif" alt="" class="img img-responsive"></div>
        </div>
        <div class="col-md-12" id="fancyRecursosEmpleado"></div>
    </div>
    <div class="container row" id="divRecursosSubcontratista" @if( !is_null($led_seccion) and $led_seccion[0] == 'S') style="display:flex; justify-content: center;" @else style="display:none;" @endif>
        <div class="row" id="recursosLoadingSubcontratista" style="padding-top:30px; display:none;">
            <div class="col-md-2 col-md-offset-5"><img src="/images/loading.gif" alt="" class="img img-responsive"></div>
        </div>
        <div class="col-md-12" id="fancyRecursosSubcontratista"></div>
    </div>
</form>

<script type="text/javascript" src="{{ URL::asset('/js/fancy/fancy.min.js') }}?v={{time()}}"> </script>
<script>
    $(document).ready(function() {
        eventosReportesRecursos();
    });
</script>
<script src="/js/fancy/excel.js"></script>
@include('led/led_footer')