@extends('layouts.admin')
@section('title') ASIGNACIONES POR COBRADOR AL INICIO Y AL CIERRE @stop
@section('titulo') ASIGNACIONES POR COBRADOR AL INICIO Y AL CIERRE @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">ASIGNACIONES POR COBRADOR AL INICIO Y AL CIERRE</li>
    </ol>
@stop
@section('content')

    <div class=" row">

        <div class="col-md-10">
             <form class="form-inline" method="post" action="{{url('reportes-cobranza/asignaciones-cobrador')}}" >
            {!! 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 class="  div-anio">
                    <label for="name" class="control-label" >TIPO</label>
                    <select name="filtro" id="" class="form-control form-control-sm">
                       
                            <option value="INICIO" @if(isset($filtro) && $filtro=='INICIO') selected @endif>INICIO</option>
                            <option value="FINAL"  @if(isset($filtro)&& $filtro=='FINAL') selected @endif>FINAL</option>FINAL  
                    </select>
                </div>



                <div class=" ">
                    <label for="name" class="control-label"> VENDEDOR</label>
                    <select name="vendedor" id="vendedor" class="form-control  form-control-sm">

                        <option value="">SELECCIONE VENDEDOR</option>
                        @foreach($vendedores as $v)
                            <option value="{{$v->vendedor_nombre}}"@if($vendedor==$v->vendedor_nombre ) selected @endif>{{$v->vendedor_nombre}}</option>
                        @endforeach
                    </select>
                </div>
                <div class=" ">
                    <label for="name" class="control-label"> COBRADOR</label>
                    <select name="cobrador" id="cobrador" class="form-control  form-control-sm">

                        <option value="">SELECCIONE COBRADOR</option>
                        @foreach($cobradores as $v)
                            <option value="{{$v->id}}"@if($cobrador && $cobrador==$v->id) selected @endif>{{$v->nombre_completo}}</option>
                        @endforeach
                    </select>
                </div>

            </div>
            <div class="">
                <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/asignaciones-cobrador')}}">
                {{ csrf_field()}}
                <input type="hidden" name="mes" value="{{$mes}}">
                <input type="hidden" name="anio" value="{{$anio}}">
                <input type="hidden" name="filtro" value="{{$filtro}}">
                <input type="hidden" name="vendedor" value="{{$vendedor}}">
                <input type="hidden" name="cobrador" value="{{$cobrador}}">
        
        
                <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>
        
            @endif
        </div>
        
       
    </div>
    @if(count($datos)>0)
      

        </div>
    @endif

    <div class="table-responsive">

        @if(count($datos)>0)
            @include('cobranza.reportes.asignaciones.tabla')

            {{--            @include('almacen.reportes.tabla-movimiento')--}}
        @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" placeholder="filtrar" />');
                }
            } );

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

       
        // var tblBody = doc.content[1].table.body;
        //         doc.content[1].layout = {
        //         hLineWidth: function(i, node) {
        //             return (i === 0 || i === node.table.body.length) ? 2 : 1;},
        //         vLineWidth: function(i, node) {
        //             return (i === 0 || i === node.table.widths.length) ? 2 : 1;},
        //         hLineColor: function(i, node) {
        //             return (i === 0 || i === node.table.body.length) ? 'black' : 'gray';},
        //         vLineColor: function(i, node) {
        //             return (i === 0 || i === node.table.widths.length) ? 'black' : 'gray';}
        //         };
        //         $('.table-asignaciones').find('tr').each(function (ix, row) {
        //             var index = ix;
        //             var rowElt = row;
        //             $(row).find('td').each(function (ind, elt) {
        //                 tblBody[index][ind].border
        //                 if (tblBody[index][1].text == '' && tblBody[index][2].text == '') {
        //                     delete tblBody[index][ind].style;
        //                     tblBody[index][ind].fillColor = '#999';
        //                 }
        //                 else
        //                 {
        //                     if (tblBody[index][2].text == '') {
        //                         delete tblBody[index][ind].style;
        //                         tblBody[index][ind].fillColor = '#999';
        //                     }
        //                 }
        //             });
        //         });

     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: 'Asignaciones ' + "{{\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