@extends('layouts.admin') 
@section('title') CENTRAL DE RIESGOS
@stop 
@section('titulo') CENTRAL DE RIESGOS

@stop {{--
@section('libros-opcion')active 
@stop--}} 
@section('acciones') {{-- <a href="{{url('notas-remision/create')}}"
    class=" btn-create btn btn-primary waves-effect waves-light waves-round" type="button"> <i class="icon md-plus"></i>Nueva Remision</a>--}}

@stop 
@section('descripcion')
<ol class="breadcrumb breadcrumb-arrow">
    <li class="breadcrumb-item"><a href="{{url('/')}}">Inicio</a></li>
    <li class="breadcrumb-item "> COBRANZA</li>
    <li class="breadcrumb-item active"><a href="{{url('/reportes-cobranza')}}">REPORTES</a></li>
    <li class="breadcrumb-item active">CENTRAL DE RIESGOS</li>
</ol>

@stop 
@section('content')

<div class=" row">
    <div class="col-md-10">
        <form class="form-inline" method="post" action="{{url('reportes-cobranza/incobrables')}}">
            {!! csrf_field() !!}

            <div class="form-group ">

                <div class="  div-mes">
                    <label for="name" class="control-label">MES</label>
                    <select name="mes" class="form-control form-control-sm" id="mes">
                        <option value="1"  @if(isset($mes) && $mes==1) selected @endif>ENERO</option>
                        <option value="2"  @if(isset($mes) && $mes==2) selected @endif>FEBRERO</option>
                        <option value="3"  @if(isset($mes) && $mes==3) selected @endif>MARZO</option>
                        <option value="4"  @if(isset($mes) && $mes==4) selected @endif>ABRIL</option>
                        <option value="5"  @if(isset($mes) && $mes==5) selected @endif>MAYO</option>
                        <option value="6"  @if(isset($mes) && $mes==6) selected @endif>JUNIO</option>
                        <option value="7"  @if(isset($mes) && $mes==7) selected @endif>JULIO</option>
                        <option value="8"  @if(isset($mes) && $mes==8) selected @endif>AGOSTO</option>
                        <option value="9"  @if(isset($mes) && $mes==9) selected @endif>SEPTIEMBRE</option>
                        <option value="10"  @if(isset($mes) && $mes==10) selected @endif>OCTUBRE</option>
                        <option value="11"  @if(isset($mes) && $mes==11) selected @endif>NOVIEMBRE</option>
                        <option value="12"  @if(isset($mes) && $mes==12) selected @endif>DICIEMBRE</option>
                    </select>
                </div>
                <div class="  div-anio">
                    <label for="name" class="control-label">AÑO</label>
                    <select name="anio" id="anio" class="form-control form-control-sm">
                        @for($i=2016; $i<=2030; $i++)
                            <option value="{{$i}}" @if(isset($anio) && $anio==$i) selected @endif>{{$i}}</option>
                        @endfor
                    </select>
                </div>
             
            </div>
            <div class="">
                <br>
                <button name="consultar" value="consultar" class="btn btn-info btn-block"><i class="icon md-search"></i> Consultar</button>

            </div>


        </form>
    </div>
    <div class="col-md-2">
        @if(count($datos)>0) 
        <form class="form-inline" method="post" action="{{url('reportes-cobranza/incobrables')}}">
            {{ csrf_field()}}
            <input type="hidden" name="mes" value="{{$mes}}">
            <input type="hidden" name="anio" value="{{$anio}}">


            <input type="hidden" name="consultar" value="consultar">
            <button name="tipoexportacion" value="excel" class="btn btn-outline-success">EXCEL</button>
            <button name="tipoexportacion" value="pdf" class="btn btn-outline-danger">PDF</button>
        </form> 

    </div>
    @endif
</div>



</div>


<div class="table-responsive">

    @if(count($datos)>0)
    @include('cobranza.reportes.deudores.tabla') @else
    <h4 class="text text-primary text-center">NO SE ENCONTRARON REGISTROS.</h4>
    @endif
</div>




@section('scripts')
<script src="{{asset('assets/librerias/datatables-buttons/dataTables.buttons.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/librerias/datatables-buttons/buttons.flash.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/librerias/datatables-buttons/jszip.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/librerias/datatables-buttons/pdfmake.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/librerias/datatables-buttons/vfs_fonts.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/librerias/datatables-buttons/buttons.html5.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/librerias/datatables-buttons/buttons.print.min.js')}}" type="text/javascript"></script>

<script>
    $(document).ready(function() {
            // $('.table-asignaciones thead td').each( function (key,v) {
            //     if($(v).hasClass("filter")) {
            //         var title = $('.table-asignaciones thead th').eq($(this).index()).text();
            //         $(this).html('<input type="text" size="10" placeholder="filtrar" />');
            //     }
            // } );

          var table = $('.table-asignaciones').DataTable({
                 dom: 'Bfrtip',
       buttons: [
           {
   extend: 'pdfHtml5',
    orientation: 'landscape',
   pageSize: 'A4',
         title: 'CuadroProduccionGeneral ' + "{{\App\Helper\Helper::mes($mes)}}"+"-"+"{{$anio}}",
   customize: function(doc) {

     doc.styles.title = {
       color: 'black',
       fontSize: '9',
      alignment: 'center'
     }
     doc.styles.tableHeader = {
       color: '#333',
        fontSize: '6',      
       
       alignment: 'center'
     },
      doc.styles.tableBodyEven = {
      fontSize: '6',
     }
     doc.styles.tableBodyOdd = {
     fontSize: '6',
     }
    doc.styles.tableFooter = {
       fontSize: '6',
     }
     
    
    doc.styles['td:nth-child(2)'] = { 
       width: '100px',
       'max-width': '100px'
     }
   } 

 },
 {
      extend: 'excel',
         title: 'CuadroProduccionGeneral' + "{{\App\Helper\Helper::mes($mes)}}"+"-"+"{{$anio}}",

 },
 
 
 ],
                "lengthMenu": [ [50, 100, 300, 500, -1], [50, 100, 300, 500, "Todos"] ],
                'iDisplayLength': -1,
                "aaSorting": []
            });
            // Apply the search
            table.columns().every( function () {
                var that = this;

                $(".table-asignaciones thead input").on( 'keyup change', function () {
                    table
                        .column( $(this).parent().index()+':visible' )
                        .search( this.value )
                        .draw();
                } );
            } );

            $('.select2').select2({
                placeholder: 'Seleccione una opcion',
                multiple:false,
                width:'90%'
            });

            $('#filtro').change(function(){
                if($(this).val()=='MES'){
                    $('.div-mes').show()
                    $('.div-anio').show()
                    $('.div-fecha-ini').hide()
                    $('.div-fecha-fin').hide()
                    $('.div-fecha-acumulado').hide()
                }
                if($(this).val()=='RANGO'){
                    $('.div-mes').hide()
                    $('.div-anio').hide()
                    $('.div-fecha-ini').show()
                    $('.div-fecha-fin').show()
                    $('.div-fecha-acumulado').hide()
                }
                if($(this).val()=='ACUMULADO'){
                    $('.div-mes').hide()
                    $('.div-anio').hide()
                    $('.div-fecha-ini').hide()
                    $('.div-fecha-fin').hide()
                    $('.div-fecha-acumulado').show()
                }
            })

            $('.select2').select2({
                placeholder: 'Seleccione una opcion',
                multiple:false,
                width:'90%'
            });

        })
</script>

@stop
@endsection