@extends('layouts.admin')
@section('title') RELACION DE CUENTAS NUEVAS INCORPORADAS PROXIMO MES @stop
@section('titulo') RELACION DE CUENTAS NUEVAS INCORPORADAS PROXIMO MES @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">RELACION DE CUENTAS NUEVAS INCORPORADAS PROXIMO MES</li>
    </ol>
@stop
@section('content')

    <div class=" row">

        <div class="col-md-8">
             <form class="form-inline" method="post" action="{{url('reportes-cobranza/relacion-nuevas')}}" >
            {!! 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=" ">
                    <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==$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-4">
             @if(count($datos)>0)
        <div class="btn-group  " role="group" >
             {{-- <form class="form" method="post" action="{{url('reportes-cobranza/relacion-nuevas')}}" >
                {{ csrf_field()}}
                <input type="hidden" name="mes" value="{{$mes}}">
                <input type="hidden" name="anio" value="{{$anio}}">
                <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> --}}

        </div>

        </div>
    @endif

        </div>
        
       
    </div>
   
    <div class="table-responsive">

        @if(count($datos)>0)
            @include('cobranza.reportes.relacionnuevas.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" />');
                }
            } );

          var table = $('.table-asignaciones').DataTable({
                 dom: 'Bfrtip',
       buttons: [
           {
   extend: 'pdfHtml5',
    orientation: 'landscape',
   pageSize: 'A4',
         title: 'RELACION DE CUENTAS NUEVAS INCORPORADAS PROXIMO MES ' + "{{\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: 'RELACION DE CUENTAS NUEVAS INCORPORADAS PROXIMO MES' + "{{\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