@extends('layouts.admin')
@section('title') RELACION PAGOS DE COBRANZA @stop
@section('titulo') RELACION PAGOS DE COBRANZA @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 ">Ventas</li>
        <li class="breadcrumb-item active"><a href="{{url('/reportes-ventas')}}">Reportes</a></li>
        <li class="breadcrumb-item active">RELACION PAGOS DE COBRANZA</li>
    </ol>
@stop
@section('content')



<form class="form-inline" method="post" action="{{url('reportes-cobranza/pagos')}}" >
    {{ csrf_field()}}

    <div class="form-group col-md-12">
        <div class=" " >
            <label for="name" class="control-label">FILTRO</label>
            <select name="filtro" id="filtro" class="form-control">
                <option value="MES" @if($filtro=='MES') selected @endif>POR MES</option>
                <option value="RANGO" @if ($filtro=='RANGO') selected @endif>RANGO DE FECHAS</option>
                <option value="ACUMULADO" @if ($filtro=='ACUMULADO') selected @endif>DIA</option>
            </select>
        </div>
        <div class=" div-fecha-ini " @if($filtro=="rango") style="display: block" @else style="display: none;"     @endif>
            <label for="name" class="control-label">FECHA INICIAL  </label>
            <input type="text" name="fecha_ini"  readonly value="{{$fecha_ini}}" class="datepicker  fecha_ini form-control form-control-sm">
        </div>
        <div class=" div-fecha-fin" @if($filtro=='rango') style="display: block" @else style="display: none" @endif>
            <label for="name" class="control-label">FECHA FIN</label>
            <input type="text" name="fecha_fin" readonly value="{{$fecha_fin}}" class="datepicker fecha_fin form-control form-control-sm">
        </div>
        <div class=" flex-column div-fecha-acumulado" @if($filtro=='acumulado') style="display: block" @else style="display: none" @endif>
            <label for="name" class="control-label">FECHA REFERENCIA</label>
            <input type="text"  name="fecha_ref" readonly value="{{$fecha_ref}}" class="datepicker fecha_acumulado form-control form-control-sm">
        </div>


        <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=" col-md-3">
            <label for="name" class="control-label">FILTRO COBRADOR</label>
            <select name="cobrador" id="cobrador" class="form-control select2">
                <option value="">SELECCIONE CONBRADOR</option>
                @foreach($cobradores as $c)
                <option value="{{$c->id}}" @if($cobrador && $cobrador==$c->id) selected @endif>{{$c->nombre_completo}}</option>
                @endforeach

            </select>
        </div>
        <div class=" col-md-2">
            <label for="name" class="control-label">NUMERO REPORTE</label>
            <input type="text" class="form-control" name="numreporte">
         
        </div>
<div class=" col-md-2">
    <br>
    <button name="consultar" value="consultar" class="btn btn-info"><i class="icon md-search"></i> Consultar</button>
     </div>
    </div>
     
</form>

@if(count($datos)>0)
<hr>
<div class="btn-group col-md-2 float-right ">

</div>

</div>
@endif

<div class="table-responsive">

    @if(count($datos)>0)
@include('cobranza.reportes.relacionpagos.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() {

        
 var titulo='';




            var table = $('.table-asignaciones').DataTable({
                dom: 'Bfrtip',
       buttons: [
           {
   extend: 'pdfHtml5',
    orientation: 'landscape',
   pageSize: 'A4',
         title: 'Relacion Pagos ',
   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 Pagos ',

 },
 
 
 ],
                "lengthMenu": [ [50, 100, 300, 500, -1], [50, 100, 300, 500, "Todos"] ],
                'iDisplayLength': -1,
                "aaSorting": []
            });


        $('#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%',
            allowClear: true
        });

    })
</script>
@stop


@endsection