@extends('layouts.dashboard')
@section('css')
@endsection
@section('js')
    <script src="{{ asset('js/reportes/main.js') }}" defer></script>
    <!-- InputMask -->
    <script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
    <!-- date-range-picker -->
    <script src="{{ asset('plugins/daterangepicker/daterangepicker.js') }}"></script>
@endsection

@section('content')
@can('cfdi.reporte')
    <div id="forma_busqueda_default">

    </div>
    
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-12">
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissable col-4"
                        style="text-align: center;margin: auto;margin-bottom: 1rem;">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>
                                    <strong>{{ $error }}</strong>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Reporte de comprobantes </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

        <form action="{{ route('reportes.show') }}" method="GET" autocomplete="off">
            <div class="col-lg-12 card">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="re_razon_social" class=" form-control-label">Nombre del
                                        cliente
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" name="txt_re_razon_social[]"
                                                placeholder="p. ej.: INGRID XODAR JIMENEZ " class="form-control"
                                                value="@if (isset($request->re_razon_social[0])) {{ $request->re_razon_social[0] }} @endif"
                                                onblur="document.getElementsByName('re_razon_social[]')[_index_input_(this)].value = this.value">
                                        </div>

                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link"
                                                onclick="Reportes.div_busquedas('div_busqueda_clientes');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>

                                    </div>
                                </div>
                            </div>


                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_rfc_receptor" class=" form-control-label">RFC del
                                        cliente
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" name="txt_rfc_receptor[]" placeholder="p. ej.: XOJI740919U48 "
                                                class="form-control""
                                                value="@if (isset($request->rfc_receptor[0])) {{ $request->rfc_receptor[0] }} @endif"
                                                onblur="document.getElementsByName('rfc_receptor[]')[_index_input_(this)].value = this.value">
                                        </div>

                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link"
                                                onclick="Reportes.div_busquedas('div_busqueda_rfcs');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-4"><label for="" class=" form-control-label">Sucursal
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-5 p-0">
                                            <input type="text" id="txt_listado_sucursales"
                                                onclick="$('#btn_sucursales').click()" placeholder=":: Sin filtro ::"
                                                class="form-control" readonly>
                                        </div>
                                        <div class="col-12 col-md-7 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link" id="btn_sucursales"
                                                onclick="Reportes.div_busquedas('div_busqueda_sucursales');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus">
                                                </i></button>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_serie" class=" form-control-label">Serie
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" id="txt_serie" name="txt_serie[]" placeholder="p. ej.: A"
                                                class="form-control"
                                                value="@if (isset($request->serie[0])) {{ $request->serie[0] }} @endif"
                                                onblur="document.getElementsByName('serie[]')[_index_input_(this)].value = this.value">
                                        </div>
                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link"
                                                onclick="Reportes.div_busquedas('div_busqueda_series');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_folio" class=" form-control-label">Folio
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" id="txt_folio" name="txt_folio[]"
                                                placeholder="p. ej.: 999" class="form-control"
                                                value="@if (isset($request->folio[0])) {{ $request->folio[0] }} @endif"
                                                onblur="document.getElementsByName('folio[]')[_index_input_(this)].value = this.value">
                                        </div>
                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link"
                                                onclick="Reportes.div_busquedas('div_busqueda_folios');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="" class=" form-control-label">Titulo de
                                        documento
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" id="txt_listado_tip_documentos"
                                                onclick="$('#btn_tip_documento').click()" placeholder=":: Sin filtro ::"
                                                class="form-control" readonly>
                                        </div>
                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link" id="btn_tip_documento"
                                                onclick="Reportes.div_busquedas('div_busqueda_tip_documentos');"
                                                data-toggle="modal" data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false"
                                                title="Agregar mas criterios de busqueda"><i class="fa fa-search-plus">
                                                </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="" class=" form-control-label">Tipo de
                                        comprobante
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" id="txt_listado_tip_comprobantes"
                                                onclick="$('#btn_tip_comprobante').click()" placeholder=":: Sin filtro ::"
                                                class="form-control" readonly>
                                        </div>
                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link" id="btn_tip_comprobante"
                                                onclick="Reportes.div_busquedas('div_busqueda_tip_comprobantes');"
                                                data-toggle="modal" data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false"
                                                title="Agregar mas criterios de busqueda"><i class="fa fa-search-plus">
                                                </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_uuid" class=" form-control-label">UUID
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <input type="text" id="txt_uuid" name="txt_uuid[]"
                                                placeholder="p. ej.: 3901409C-BBEC-4629-AE5E-B87F2D34B80F"
                                                class="form-control"
                                                value="@if (isset($request->uuid[0])) {{ $request->uuid[0] }} @endif"
                                                onblur="document.getElementsByName('uuid[]')[_index_input_(this)].value = this.value">
                                        </div>
                                        <div class="col-12 col-md-3 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link"
                                                onclick="Reportes.div_busquedas('div_busqueda_uuids');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row form-group filtrar_periodo">
                                <div class="col col-md-4"><label for="txt_rfc_receptor" class=" form-control-label">Periodo
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-10 col-md-5 p-0">
                                            <input id="date_range" name="date_range" class="form-control">
                                        </div>
                                        <span> &nbsp;</span>
                                        <div class="col-10 col-md-5 text-left m-0 p-0">
                                            <input id="p_range" name="p_range" class="form-control"
                                                value="@if (isset($hoy)) {{ Carbon\Carbon::parse($hoy)->format('d-m-Y') }} @endif">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group filtrar_mes" style="display: ">
                                <div class="col col-md-4"><label for="" class=" form-control-label">Mes
                                    </label></div>
                                <div class="col-12 col-md-6">
                                    <div class="row form-group">
                                        <select class="form-control" name="mes_filtrar">
                                            @php
                                            $meses=["Enero","Febrero","Marzo","Mayo","Abril","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
                                            $mes_selected=true;
                                            @endphp
                                            @for ($index=1;$index<=count($meses);$index++)
                                                <option value="{{$meses[$index-1]}}"
                                                @php
                                                    $index_mes=($index<10)?'0'.$index:$index;
                                                    if($mes_selected&&isset($request)&&$request->check_filtro_mes=='on'&&$request->mes_filtrar==$meses[$index-1]){
                                                            echo 'selected';
                                                            $mes_selected=false;
                                                    }elseif ($mes_selected&&empty($request)&&$index_mes==date("m")) {
                                                            echo 'selected';
                                                            $mes_selected=false;
                                                    }
                                                @endphp>{{$meses[$index-1]}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="" class=" form-control-label">
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="position-relative form-group">
                                        <div>
                                            <div class="custom-checkbox custom-control custom-control-inline">
                                                <input type="checkbox" id="check_filtro_mes" name="check_filtro_mes" class="custom-control-input"
                                                    onclick="filtrarMes(this)" value="off">
                                                <label class="custom-control-label" for="check_filtro_mes">Mes</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group filtrar_año" style="display: none">
                                <div class="col col-md-4"><label for="" class=" form-control-label">Año
                                    </label></div>
                                <div class="col-12 col-md-6">
                                    <div class="row form-group">
                                        <select class="form-control" name="anio_filtrar">
                                            @php
                                                $anio_selected=true;
                                            @endphp
                                            @for ($_año_=Carbon\Carbon::parse(date('Y-m-d', strtotime('-5 year', strtotime(date('Y-m-d')))))->format('Y');$_año_<=Carbon\Carbon::parse(date('Y-m-d'))->format('Y');$_año_++)
                                                <option value="{{$_año_}}"
                                                    @php
                                                        if($anio_selected&&isset($request)&&$request->check_filtro_año=='on'&&$request->anio_filtrar==$_año_){
                                                            echo 'selected';
                                                            $anio_selected=false;
                                                        }elseif ($anio_selected&&$_año_==date("Y")) {
                                                            echo 'selected';
                                                            $anio_selected=false;
                                                        }
                                                    @endphp>{{$_año_}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="" class=" form-control-label">
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="position-relative form-group">
                                        <div>
                                            <div class="custom-checkbox custom-control custom-control-inline">
                                                <input type="checkbox" id="check_filtro_año" name="check_filtro_año" class="custom-control-input"
                                                    onclick="filtrarAño(this)" value="off">
                                                <label class="custom-control-label" for="check_filtro_año">Año</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_rfc_receptor" class=" form-control-label">Estado
                                        del documento
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-6 p-0">
                                            <input type="text" id="txt_listado_estado_doc" placeholder=":: Sin filtro ::"
                                                onclick="$('#btn_estado').click()" class="form-control" readonly>
                                        </div>
                                        <div class="col-12 col-md-6 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link" id="btn_estado"
                                                onclick="Reportes.div_busquedas('div_busqueda_edo_doctos');"
                                                data-toggle="modal" data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false"
                                                title="Agregar mas criterios de busqueda"><i class="fa fa-search-plus">
                                                </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_rfc_receptor" class=" form-control-label">Usuario
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-6 p-0">
                                            <input type="text" id="txt_listado_usuarios" placeholder=":: Sin filtro :: "
                                                onclick="$('#btn_usuario').click()" class="form-control" readonly>
                                        </div>
                                        <div class="col-12 col-md-6 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link" id="btn_usuario"
                                                onclick="Reportes.div_busquedas('div_busqueda_usuarios');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_rfc_receptor" class=" form-control-label">Método de
                                        pago
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-6 p-0">
                                            <input type="text" id="txt_listado_metodos" placeholder=":: Sin filtro ::"
                                                onclick="$('#btn_metodo').click()" class="form-control" readonly>
                                        </div>
                                        <div class="col-12 col-md-6 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link" id="btn_metodo"
                                                onclick="Reportes.div_busquedas('div_busqueda_metodos');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-4"><label for="txt_alias" class=" form-control-label">Alias
                                    </label></div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-6 p-0">
                                            <input type="text" id="txt_alias" name="txt_alias[]"
                                                placeholder="p. ej.: Cafecito" class="form-control"
                                                value="@if (isset($request->alias[0])) {{ $request->alias[0] }} @endif"
                                                onblur="document.getElementsByName('alias[]')[_index_input_(this)].value = this.value">
                                        </div>
                                        <div class="col-12 col-md-6 text-left m-0 p-0">
                                            <button type="button" class="btn btn-link"
                                                onclick="Reportes.div_busquedas('div_busqueda_alias');" data-toggle="modal"
                                                data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                    class="fa fa-search-plus"> </i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @can('control_pagos.all')
                    @if(getControlPagos()==='A')
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="row form-group">
                                        <div class="col col-md-4"><label for="" class=" form-control-label"> Activar control
                                                de pago
                                            </label></div>
                                        <div class="col-12 col-md-8">
                                            <input class="input-control" type="checkbox" name="cbx_reporte_pagos"
                                                id="cbx_reporte_pagos" onclick="activar_control_pago(this)"
                                                @if (isset($request) && $request->cbx_reporte_pagos && $request->cbx_reporte_pagos == 'on') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="display:none" id="filtros_control_pagos">
                                <div class="col-lg-6">
                                    <div class="row form-group">
                                        <div class="col col-md-4"><label for="" class=" form-control-label">Banco
                                            </label></div>
                                        <div class="col-12 col-md-8">
                                            <div class="row form-group">
                                                <div class="col-12 col-md-9 p-0">
                                                    <input type="text" id="txt_listado_bancos" onclick="$('#btn_banco').click()"
                                                        placeholder=":: Sin filtro ::" class="form-control" readonly>
                                                </div>
                                                <div class="col-12 col-md-3 text-left m-0 p-0">
                                                    <button type="button" class="btn btn-link" id="btn_banco"
                                                        onclick="Reportes.div_busquedas('div_busqueda_banco');" data-toggle="modal"
                                                        data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false" title="Agregar mas criterios de busqueda"><i
                                                            class="fa fa-search-plus">
                                                        </i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="row form-group">
                                        <div class="col col-md-4"><label for="" class=" form-control-label">Cuenta bancaria
                                            </label></div>
                                        <div class="col-12 col-md-8">
                                            <div class="row form-group">
                                                <div class="col-12 col-md-9 p-0">
                                                    <input type="text" id="txt_listado_cuen_bancaria"
                                                        onclick="$('#btn_cuen_bancaria').click()" placeholder=":: Sin filtro ::"
                                                        class="form-control" readonly>
                                                </div>
                                                <div class="col-12 col-md-3 text-left m-0 p-0">
                                                    <button type="button" class="btn btn-link" id="btn_cuen_bancaria"
                                                        onclick="Reportes.div_busquedas('div_busqueda_cuen_bancaria');"
                                                        data-toggle="modal" data-target=".div_busquedas"  data-backdrop="static" data-keyboard="false"
                                                        title="Agregar mas criterios de busqueda"><i class="fa fa-search-plus">
                                                        </i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                @endcan
                <div class="row mb-0 ">
                    <div class="col-lg-6">
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-4">
                                    <div class="col-lg-3">

                                    </div>
                                </div>
                                <div class="col-12 col-md-8">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-4">
                                    @if (isset($reporte) && count($reporte) > 0)

                                        <a href="{{ route('reportes.download', $elementos) }}" target="_blank"
                                            rel="noopener noreferrer"><button id="btnExportar" type="button"
                                                class="btn-wide btn-pill btn btn-outline-primary">Descargar Excel</button></a>

                                    @endif
                                </div>
                                <div class="col-12 col-md-8">
                                    <div class="row form-group">
                                        <div class="col-12 col-md-9 p-0">
                                            <button id="send-button" type="button" class="btn btn-lg buttom_agregar"
                                                onclick="mostrar_elementos();">
                                                <i class="fa fa-search" style="font-size: 15px;"></i>&nbsp;
                                                <span id="payment-button-amount">Buscar</span>
                                            </button>
                                            <button id="x" type="button" class="btn btn-secondary"
                                                onclick="limpia_busquedas();">
                                                <i class="fa fa-times-circle btn-icon-wrapper"
                                                    style="font-size: 15px;"></i>&nbsp;
                                                <span id="payment-button-amount">Borrar filtros</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12">
                <div class="row m-0 p-1"></div>
            </div>

            <div id="div_principal">
                <input type="hidden" name="re_razon_social[]"
                    value="@if (isset($request->re_razon_social[0])) {{ $request->re_razon_social[0] }} @endif">
                <input type="hidden" name="re_razon_social[]"
                    value="@if (isset($request->re_razon_social[1])) {{ $request->re_razon_social[1] }} @endif">
                <input type="hidden" name="re_razon_social[]"
                    value="@if (isset($request->re_razon_social[2])) {{ $request->re_razon_social[2] }} @endif">
                <input type="hidden" name="re_razon_social[]"
                    value="@if (isset($request->re_razon_social[3])) {{ $request->re_razon_social[3] }} @endif">
                <input type="hidden" name="rfc_receptor[]"
                    value="@if (isset($request->rfc_receptor[0])) {{ $request->rfc_receptor[0] }} @endif">
                <input type="hidden" name="rfc_receptor[]"
                    value="@if (isset($request->rfc_receptor[1])) {{ $request->rfc_receptor[1] }} @endif">
                <input type="hidden" name="rfc_receptor[]"
                    value="@if (isset($request->rfc_receptor[2])) {{ $request->rfc_receptor[2] }} @endif">
                <input type="hidden" name="rfc_receptor[]"
                    value="@if (isset($request->rfc_receptor[3])) {{ $request->rfc_receptor[3] }} @endif">
                <input type="hidden" name="serie[]"
                    value="@if (isset($request->serie[0])) {{ $request->serie[0] }} @endif">
                <input type="hidden" name="serie[]"
                    value="@if (isset($request->serie[1])) {{ $request->serie[1] }} @endif">
                <input type="hidden" name="serie[]"
                    value="@if (isset($request->serie[2])) {{ $request->serie[2] }} @endif">
                <input type="hidden" name="serie[]"
                    value="@if (isset($request->serie[3])) {{ $request->serie[3] }} @endif">
                <input type="hidden" name="folio[]"
                    value="@if (isset($request->folio[0])) {{ $request->folio[0] }} @endif">
                <input type="hidden" name="folio[]"
                    value="@if (isset($request->folio[1])) {{ $request->folio[1] }} @endif">
                <input type="hidden" name="folio[]"
                    value="@if (isset($request->folio[2])) {{ $request->folio[2] }} @endif">
                <input type="hidden" name="folio[]"
                    value="@if (isset($request->folio[3])) {{ $request->folio[3] }} @endif">
                <input type="hidden" name="uuid[]"
                    value="@if (isset($request->uuid[0])) {{ $request->uuid[0] }} @endif">
                <input type="hidden" name="uuid[]"
                    value="@if (isset($request->uuid[1])) {{ $request->uuid[1] }} @endif">
                <input type="hidden" name="uuid[]"
                    value="@if (isset($request->uuid[2])) {{ $request->uuid[2] }} @endif">
                <input type="hidden" name="uuid[]"
                    value="@if (isset($request->uuid[3])) {{ $request->uuid[3] }} @endif">
                <input type="hidden" name="alias[]"
                    value="@if (isset($request->alias[0])) {{ $request->alias[0] }} @endif">
                <input type="hidden" name="alias[]"
                    value="@if (isset($request->alias[1])) {{ $request->alias[1] }} @endif">
                <input type="hidden" name="alias[]"
                    value="@if (isset($request->alias[2])) {{ $request->alias[2] }} @endif">
                <input type="hidden" name="alias[]"
                    value="@if (isset($request->alias[3])) {{ $request->alias[3] }} @endif">
            </div>

            <div class="card">
                <div class="card-header ">
                    <div class="col-md-11">
                        <label>Campos a incluir en el reporte</label>
                    </div>
                    <div class="col-md-1">
                        <div class="card-tools ">
                            <button type="button" class="btn btn-tool" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#fieldsCollapse"
                                aria-controls="fieldsCollapse">
                                <i class="fas fa-plus"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body multi-collapse collapse" id="fieldsCollapse">
                    <div class="row">
                        @foreach ($campos_chk as $item)
                            <div class="custom-control custom-checkbox col-md-3 @php if($item->nombre=='saldo_pagado'||
                                                                                    $item->nombre=='banco'||
                                                                                    $item->nombre=='nota_interna_banco'||
                                                                                    $item->nombre=='c_MetodoPago_banco'||
                                                                                    $item->nombre=='fecha_pago_banco'||
                                                                                    $item->nombre=='referencia_banco'||
                                                                                    $item->nombre=='no_cuenta_bancaria'){ echo 'campos_control_pagos" style="display:none"';}else{echo '"';} @endphp>
                                <input class="custom-control-input
                                custom-control-input-danger custom-control-input-outline" name="chk_nombre[]" type="checkbox"
                                id="{{ $item->nombre }}"
                                @if (isset($request->chk_nombre)) @if (in_array($item->nombre, $campos)) checked @endif
                            @elseif($item->imp_reporte_default == 'S') checked @endif
                                value="{{ $item->nombre }}">
                                <label for="{{ $item->nombre }}"
                                    class="custom-control-label">{{ $item->nombre_reporte }}</label>
                            </div>
                        @endforeach
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.card-body -->
            </div>


            <div id="div_contenedor_origen">
                <!-- Busqueda por nombre de clientes -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_clientes" style="display:none">
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="text-input" class=" form-control-label">Nombre 1
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_re_razon_social[]" class="form-control"
                                        value="@if (isset($request->re_razon_social[1])) {{ $request->re_razon_social[1] }} @endif"
                                        onblur="document.getElementsByName('re_razon_social[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="text-input" class=" form-control-label">Nombre 2
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_re_razon_social[]" class="form-control"
                                        value="@if (isset($request->re_razon_social[2])) {{ $request->re_razon_social[2] }} @endif"
                                        onblur="document.getElementsByName('re_razon_social[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="text-input" class=" form-control-label">Nombre 3
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_re_razon_social[]" class="form-control"
                                        value="@if (isset($request->re_razon_social[3])) {{ $request->re_razon_social[3] }} @endif"
                                        onblur="document.getElementsByName('re_razon_social[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por RFC´s -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_rfcs" style="display:none">
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="text-input" class=" form-control-label">RFC 1
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" class="form-control" id="" name="txt_rfc_receptor[]"
                                        placeholder="" aria-label="tasa" im-insert="true"
                                        style="text-align: left;width: 200px;"
                                        value="@if (isset($request->rfc_receptor[1])) {{ $request->rfc_receptor[1] }} @endif"
                                        onblur="document.getElementsByName('rfc_receptor[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="text-input" class=" form-control-label">RFC 2
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" class="form-control" id="" name="txt_rfc_receptor[]"
                                        placeholder="" aria-label="tasa" im-insert="true"
                                        style="text-align: left;width: 200px;"
                                        value="@if (isset($request->rfc_receptor[2])) {{ $request->rfc_receptor[2] }} @endif"
                                        onblur="document.getElementsByName('rfc_receptor[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="text-input" class=" form-control-label">RFC 3
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" class="form-control" id="" name="txt_rfc_receptor[]"
                                        placeholder="" aria-label="tasa" im-insert="true"
                                        style="text-align: left;width: 200px;"
                                        value="@if (isset($request->rfc_receptor[3])) {{ $request->rfc_receptor[3] }} @endif"
                                        onblur="document.getElementsByName('rfc_receptor[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por serie -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_series" style="display:none">
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_serie" class=" form-control-label">Serie 1
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_serie[]" class="form-control"
                                        value="@if (isset($request->serie[1])) {{ $request->serie[1] }} @endif"
                                        onblur="document.getElementsByName('serie[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_serie" class=" form-control-label">Serie 2
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_serie[]" class="form-control"
                                        value="@if (isset($request->serie[2])) {{ $request->serie[2] }} @endif"
                                        onblur="document.getElementsByName('serie[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_serie" class=" form-control-label">Serie 3
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_serie[]" class="form-control"
                                        value="@if (isset($request->serie[3])) {{ $request->serie[3] }} @endif"
                                        onblur="document.getElementsByName('serie[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por folio -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_folios" style="display:none">
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_folio" class=" form-control-label">Folio 1
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_folio[]" class="form-control"
                                        value="@if (isset($request->folio[1])) {{ $request->folio[1] }} @endif"
                                        onblur="document.getElementsByName('folio[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_folio" class=" form-control-label">Folio 2
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_folio[]" class="form-control"
                                        value="@if (isset($request->folio[2])) {{ $request->folio[2] }} @endif"
                                        onblur="document.getElementsByName('folio[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_folio" class=" form-control-label">Folio 3
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_folio[]" class="form-control"
                                        value="@if (isset($request->folio[3])) {{ $request->folio[3] }} @endif"
                                        onblur="document.getElementsByName('folio[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por uuid -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_uuids" style="display:none">
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_uuid" class=" form-control-label">UUID 1
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_uuid[]" class="form-control"
                                        value="@if (isset($request->uuid[1])) {{ $request->uuid[1] }} @endif"
                                        onblur="document.getElementsByName('uuid[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_uuid" class=" form-control-label">UUID 2
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_uuid[]" class="form-control"
                                        value="@if (isset($request->uuid[2])) {{ $request->uuid[2] }} @endif"
                                        onblur="document.getElementsByName('uuid[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_uuid" class=" form-control-label">UUID 3
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_uuid[]" class="form-control"
                                        value="@if (isset($request->uuid[3])) {{ $request->uuid[3] }} @endif"
                                        onblur="document.getElementsByName('uuid[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- Busqueda por alias -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_alias" style="display:none">
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_alias" class=" form-control-label">Alias 1
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_alias[]" class="form-control"
                                        value="@if (isset($request->alias[1])) {{ $request->alias[1] }} @endif"
                                        onblur="document.getElementsByName('alias[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_alias" class=" form-control-label">Alias 2
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_alias[]" class="form-control"
                                        value="@if (isset($request->alias[2])) {{ $request->alias[2] }} @endif"
                                        onblur="document.getElementsByName('alias[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col col-md-12">
                            <div class="form-group row ">
                                <div class="col col-md-3 ">
                                    <label for="txt_alias" class=" form-control-label">Alias 3
                                    </label>
                                </div>
                                <div class="col col-md-9 ">
                                    <input type="text" name="txt_alias[]" class="form-control"
                                        value="@if (isset($request->alias[3])) {{ $request->alias[3] }} @endif"
                                        onblur="document.getElementsByName('alias[]')[_index_input_(this)].value = this.value">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por sucursales -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_sucursales" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_sucursales" checked>
                                <label for="chk_listado_sucursales" class="custom-control-label"
                                    id="id_listado_sucursales">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label>Sucursales
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="p-2">
                                    <ul class="todo-list-wrapper list-group list-group-flush">

                                        @foreach ($sucursales as $item)
                                            <li class="list-group-item">
                                                <div class="todo-indicator bg-success">
                                                </div>
                                                <div class="widget-content p-0">
                                                    <div class="widget-content-wrapper">
                                                        <div class="widget-content-left mr-2">
                                                            <div class="custom-checkbox custom-control"
                                                                id="listado_sucursales">
                                                                <input type="checkbox" name="id_mat_suc[]"
                                                                    id="{{ $item->id_mat_suc }}"
                                                                    value="{{ $item->id_mat_suc }}"
                                                                    class="custom-control-input"
                                                                    @if (isset($request)) @if (in_array($item->id_mat_suc, $req_sucursales)) checked @endif
                                                                    @endif>
                                                                <label class="custom-control-label"
                                                                    for="{{ $item->id_mat_suc }}">&nbsp;</label>
                                                            </div>
                                                        </div>
                                                        <div class="widget-content-left">
                                                            <div class="">
                                                                <label>
                                                                    @if ($item->mat_suc == 'M') Matriz
                                                                    @else
                                                                        {{ $item->nombre_comercial }} @endif
                                                                </label>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Busqueda de estados de documentos
                                                                                                                                                                                    A = Activo
                                                                                                                                                                                    C = Cancelado
                                                                                                                                                                                    P = Precomprobante
                                                                                                                                                                                    E = En cola de envío
                                                                                                                                                                                    -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_edo_doctos" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_estado_doc" checked>
                                <label for="chk_listado_estado_doc" class="custom-control-label"
                                    id="id_listado_estado_doc">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Estado de documento
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="p-2">
                                    <ul class="todo-list-wrapper list-group list-group-flush">
                                        <li class="list-group-item">
                                            <div class="todo-indicator bg-success">
                                            </div>
                                            <div class="widget-content p-0">
                                                <div class="widget-content-wrapper">
                                                    <div class="widget-content-left mr-2">
                                                        <div class="custom-checkbox custom-control" id="listado_estado_doc">
                                                            <input type="checkbox" name="status[]" id="A"
                                                                value="A" class="custom-control-input"
                                                                @if (isset($request)) @if (in_array('A', $req_status)) checked @endif
                                                                @endif>
                                                            <label class="custom-control-label" for="A">&nbsp;</label>
                                                        </div>
                                                    </div>
                                                    <div class="widget-content-left">
                                                        <div class="">
                                                            <label>Activo</label>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="todo-indicator bg-success">
                                            </div>
                                            <div class="widget-content p-0">
                                                <div class="widget-content-wrapper">
                                                    <div class="widget-content-left mr-2">
                                                        <div class="custom-checkbox custom-control" id="listado_estado_doc">
                                                            <input type="checkbox" name="status[]" id="C"
                                                                value="C" class="custom-control-input"
                                                                @if (isset($request)) @if (in_array('C', $req_status)) checked @endif
                                                                @endif>
                                                            <label class="custom-control-label" for="C"></label>
                                                        </div>
                                                    </div>
                                                    <div class="widget-content-left">
                                                        <div class="">
                                                            <label>Cancelado</label>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="todo-indicator bg-success">
                                            </div>
                                            <div class="widget-content p-0">
                                                <div class="widget-content-wrapper">
                                                    <div class="widget-content-left mr-2">
                                                        <div class="custom-checkbox custom-control" id="listado_estado_doc">
                                                            <input type="checkbox" name="status[]"id="P" value="P"
                                                                class="custom-control-input"
                                                                @if (isset($request)) @if (in_array('P', $req_status)) checked @endif
                                                                @endif>
                                                            <label class="custom-control-label" for="P"></label>
                                                        </div>
                                                    </div>
                                                    <div class="widget-content-left">
                                                        <div class="">
                                                            <label>Pre-comprobante</label>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <div class="todo-indicator bg-success">
                                            </div>
                                            <div class="widget-content p-0">
                                                <div class="widget-content-wrapper">
                                                    <div class="widget-content-left mr-2">
                                                        <div class="custom-checkbox custom-control" id="listado_estado_doc">
                                                            <input type="checkbox" name="status[]" id="E"
                                                                value="E" class="custom-control-input"
                                                                @if (isset($request)) @if (in_array('E', $req_status)) checked @endif
                                                                @endif>
                                                            <label class="custom-control-label" for="E"></label>
                                                        </div>
                                                    </div>
                                                    <div class="widget-content-left">
                                                        <div class="">
                                                            <label>En proceso de cancelaci&oacute;n</label>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por usuarios -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_usuarios" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_usuarios" checked>
                                <label for="chk_listado_usuarios" class="custom-control-label"
                                    id="id_listado_usuarios">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Usuarios
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="p-2">
                                    <ul class="todo-list-wrapper list-group list-group-flush">
                                        @foreach ($usuarios as $item)
                                            <li class="list-group-item">
                                                <div class="todo-indicator bg-success">
                                                </div>
                                                <div class="widget-content p-0">
                                                    <div class="widget-content-wrapper">
                                                        <div class="widget-content-left mr-2">
                                                            <div class="custom-checkbox custom-control" id="listado_usuarios">
                                                                <input type="checkbox" name="id_usuario[]"
                                                                    id="{{ $item->id_usuario . '|' . $item->nombre }}"
                                                                    value="{{ $item->id_usuario }}"
                                                                    class="custom-control-input"
                                                                    @if (isset($request)) @if (in_array($item->id_usuario, $req_usuarios)) checked @endif
                                                                    @endif>
                                                                <label class="custom-control-label"
                                                                    for="{{ $item->id_usuario . '|' . $item->nombre }}">&nbsp;</label>
                                                            </div>
                                                        </div>
                                                        <div class="widget-content-left">
                                                            <div class="">
                                                                <label>{{ $item->nombre }}-{{ $item->email }}</label>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por tipos de documentos -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_tip_documentos" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_tip_documentos" checked>
                                <label for="chk_listado_tip_documentos" class="custom-control-label"
                                    id="id_listado_tip_documentos">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Titulo de documento
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="scroll-area-sm" style="height: 300px;">
                                    <div class="scrollbar-container ps ps--active-y">
                                        <div class="p-2">
                                            <ul class="todo-list-wrapper list-group list-group-flush">
                                                @foreach ($tit_documentos as $item)
                                                    <li class="list-group-item">
                                                        <div class="todo-indicator bg-success">
                                                        </div>
                                                        <div class="widget-content p-0">
                                                            <div class="widget-content-wrapper">
                                                                <div class="widget-content-left mr-2">
                                                                    <div class="custom-checkbox custom-control"
                                                                        id="listado_tip_documentos">
                                                                        <input type="checkbox" name="id_tipo_documento[]"
                                                                            id="{{ $item->id_tipo_documento . $item->c_TipoDeComprobante }}"
                                                                            value="{{ $item->id_tipo_documento }}"
                                                                            class="custom-control-input"
                                                                            @if (isset($request)) @if (in_array($item->id_tipo_documento, $req_tip_documentos)) checked @endif
                                                                            @endif>
                                                                        <label class="custom-control-label"
                                                                            for="{{ $item->id_tipo_documento . $item->c_TipoDeComprobante }}">&nbsp;</label>
                                                                    </div>
                                                                </div>
                                                                <div class="widget-content-left">
                                                                    <div class="">
                                                                        <label>{{ $item->documento }}</label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- Busqueda por metodos de pago -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_metodos" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_metodos" checked>
                                <label for="chk_listado_metodos" class="custom-control-label"
                                    id="id_listado_metodos">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Método de pago
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="scroll-area-sm" style="height: 300px;">
                                    <div class="scrollbar-container ps ps--active-y">
                                        <div class="p-2">
                                            <ul class="todo-list-wrapper list-group list-group-flush">
                                                <li class="list-group-item">
                                                    <div class="todo-indicator bg-success">
                                                    </div>
                                                    <div class="widget-content p-0">
                                                        <div class="widget-content-wrapper">
                                                            <div class="widget-content-left mr-2">
                                                                <div class="custom-checkbox custom-control"
                                                                    id="listado_metodos">
                                                                    <input type="checkbox" name="c_metodo[]"
                                                                        id="SMP" value="SMP"
                                                                        class="custom-control-input"
                                                                        @if (isset($request)) @if (in_array('SMP', $req_metodos)) checked @endif
                                                                        @endif>
                                                                    <label class="custom-control-label"
                                                                        for="SMP">&nbsp;</label>
                                                                </div>
                                                            </div>
                                                            <div class="widget-content-left">
                                                                <div class="">
                                                                    <label> SMP - Sin método de pago (Pagos) </label>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </li>
                                                @foreach ($metodos as $item)
                                                    <li class="list-group-item">
                                                        <div class="todo-indicator bg-success">
                                                        </div>
                                                        <div class="widget-content p-0">
                                                            <div class="widget-content-wrapper">
                                                                <div class="widget-content-left mr-2">
                                                                    <div class="custom-checkbox custom-control"
                                                                        id="listado_metodos">
                                                                        <input type="checkbox" name="c_metodo[]"
                                                                            id="{{ $item->c_MetodoPago }}"
                                                                            value="{{ $item->c_MetodoPago }}"
                                                                            class="custom-control-input"
                                                                            @if (isset($request)) @if (in_array($item->c_MetodoPago, $req_metodos)) checked @endif
                                                                            @endif>
                                                                        <label class="custom-control-label"
                                                                            for="{{ $item->c_MetodoPago }}">&nbsp;</label>
                                                                    </div>
                                                                </div>
                                                                <div class="widget-content-left">
                                                                    <div class="">
                                                                        <label>{{ $item->c_MetodoPago . '-' . $item->Descripcion }}</label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por tipo de comprobantes -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_tip_comprobantes" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_tip_comprobantes" checked>
                                <label for="chk_listado_tip_comprobantes" class="custom-control-label"
                                    id="id_listado_tip_comprobantes">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Tipo de comprobantes
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="scroll-area-sm" style="height: 300px;">
                                    <div class="scrollbar-container ps ps--active-y">
                                        <div class="p-2">
                                            <ul class="todo-list-wrapper list-group list-group-flush">
                                                @foreach ($tip_comprobantes as $item)
                                                    <li class="list-group-item">
                                                        <div class="todo-indicator bg-success">
                                                        </div>
                                                        <div class="widget-content p-0">
                                                            <div class="widget-content-wrapper">
                                                                <div class="widget-content-left mr-2">
                                                                    <div class="custom-checkbox custom-control"
                                                                        id="listado_tip_comprobantes">
                                                                        <input type="checkbox" name="c_tipo_comprobante[]"
                                                                            id="{{ $item->Descripcion }}"
                                                                            value="{{ $item->c_TipoDeComprobante }}"
                                                                            class="custom-control-input"
                                                                            @if (isset($request)) @if (in_array($item->c_TipoDeComprobante, $req_tip_comprobantes)) checked @endif
                                                                            @endif>
                                                                        <label class="custom-control-label"
                                                                            for="{{ $item->Descripcion }}">&nbsp;</label>
                                                                    </div>
                                                                </div>
                                                                <div class="widget-content-left">
                                                                    <div class="">
                                                                        <label>{{ $item->c_TipoDeComprobante . '-' . $item->Descripcion }}</label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Busqueda por banco -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_banco" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_bancos" checked>
                                <label for="chk_listado_bancos" class="custom-control-label"
                                    id="id_listado_bancos">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Bancos
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="scroll-area-sm" style="height: 300px;">
                                    <div class="scrollbar-container ps ps--active-y">
                                        <div class="p-2">
                                            <ul class="todo-list-wrapper list-group list-group-flush">
                                                @foreach ($bancos as $item)
                                                    <li class="list-group-item">
                                                        <div class="todo-indicator bg-success">
                                                        </div>
                                                        <div class="widget-content p-0">
                                                            <div class="widget-content-wrapper">
                                                                <div class="widget-content-left mr-2">
                                                                    <div class="custom-checkbox custom-control"
                                                                        id="listado_bancos">
                                                                        <input type="checkbox" name="banco_reporte[]"
                                                                            id="{{ $item->id_banco }}"
                                                                            value="{{ $item->id_banco }}"
                                                                            class="custom-control-input"
                                                                            @if (isset($request)) @if (in_array($item->id_banco, $req_bancos)) checked @endif
                                                                            @endif>
                                                                        <label class="custom-control-label"
                                                                            for="{{ $item->id_banco }}">&nbsp;</label>
                                                                    </div>
                                                                </div>
                                                                <div class="widget-content-left">
                                                                    <div class="">
                                                                        <label>{{ $item->nombre }}</label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Busqueda por cuenta bancaria -->
                <div class="d-felx justify-content-center mb-2 " id="div_busqueda_cuen_bancaria" style="display:none">
                    <div class="form-group row ">
                        <div class="col col-md-3">
                            <label for="text-input" class=" form-control-label">
                            </label>
                        </div>
                        <div class="col col-md-9">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input custom-control-input-danger custom-control-input-outline"
                                    type="checkbox" id="chk_listado_cuen_bancaria" checked>
                                <label for="chk_listado_cuen_bancaria" class="custom-control-label"
                                    id="id_listado_cuen_bancaria">Deseleccionar todo</label>
                            </div>
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class=" col col-md-3"><label class="form-control-label">Cuentas bancarias
                            </label></div>
                        <div class="col-sm-12 col-md-9 " style="height: 100%;">
                            <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                title="Haga clic sobre la casilla para seleccionar">
                                <div class="scroll-area-sm" style="height: 300px;">
                                    <div class="scrollbar-container ps ps--active-y">
                                        <div class="p-2">
                                            <ul class="todo-list-wrapper list-group list-group-flush">
                                                @foreach ($datos_bancarios as $item)
                                                    <li class="list-group-item">
                                                        <div class="todo-indicator bg-success">
                                                        </div>
                                                        <div class="widget-content p-0">
                                                            <div class="widget-content-wrapper">
                                                                <div class="widget-content-left mr-2">
                                                                    <div class="custom-checkbox custom-control"
                                                                        id="listado_cuen_bancaria">
                                                                        <input type="checkbox"
                                                                            name="cuenta_bancaria_reporte[]"
                                                                            id="{{ $item->id_adi_banco }}"
                                                                            value="{{ $item->no_cuenta_bancaria }}"
                                                                            class="custom-control-input"
                                                                            @if (isset($request)) @if (in_array($item->no_cuenta_bancaria, $req_cuentas)) checked @endif
                                                                            @endif>
                                                                        <label class="custom-control-label"
                                                                            for="{{ $item->id_adi_banco }}">&nbsp;</label>
                                                                    </div>
                                                                </div>
                                                                <div class="widget-content-left">
                                                                    <div class="">
                                                                        <label>{{ $item->no_cuenta_bancaria . '-' . $item->nota_interna }}</label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <br>
            @if (isset($reporte))
                @if (count($reporte) > 0)
                    <!-- Default box -->
                    <div class="card mb-3">
                        <div class="card-body">
                            <div class="dataTables_wrapper dt-bootstrap4">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="dataTables_wrapper dt-bootstrap4 no-footer"
                                            style="width: 100%; overflow-x: scroll;">
                                            <table class="table table-hover table-striped table-bordered dataTable dtr-inline"
                                                role="grid" aria-describedby="example_info">
                                                <thead style="">
                                                    <tr role="role">
                                                        @foreach ($campos_chk as $item)
                                                            @if (in_array($item->nombre, $campos))
                                                                <th>{{ $item->nombre_reporte }}</th>
                                                            @endif
                                                        @endforeach
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($reporte as $item)
                                                        <tr>
                                                            @foreach ($campos_chk as $campo)
                                                                @if (in_array($campo->nombre, $campos))
                                                                    @php
                                                                        $var = $campo->nombre;
                                                                    @endphp
                                                                    @if (strpos($var, 'otal') == true)
                                                                        <td>{{ number_format(intval($item->$var), 2, '.', ',') }}
                                                                        </td>
                                                                    @else
                                                                        <td>{{ $item->$var }}</td>
                                                                    @endif
                                                                @endif
                                                            @endforeach
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="card-footer clearfix row">
                                        <div class="col-lg-6">
                                            {{ $reporte->appends(request()->query())->links() }}
                                        </div>
                                        <div class="col-lg-6 text-right">
                                            {{ 'Registros ' . number_format($reporte->firstItem()) . ' al ' . number_format($reporte->lastItem()) . ' de un total de ' . number_format($reporte->total()) }}
                                            {{-- 'Página' . $logs->currentPage() . ' de ' . $logs->lastPage() --}}
                                        </div>

                                    </div>
                                </div>
                                <!-- /.card-body -->
                            </div>
                        </div>
                    </div>
                    <!-- /.card -->
                @else
                    <div class="card mt-2">
                        <div class="card-body  col-lg-12 text-center">
                            << Sin resultados para tu búsqueda>>
                        </div>
                    </div>
                @endif
            @endif
        </form>
@endcan
@cannot('cfdi.reporte')
    @include('errors.bloqueo_funciones')
@endcannot

@endsection


<!-- jQuery -->
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>

<!-- AdminLTE App -->
<script src="{{ asset('dist/js/adminlte.min.js') }}"></script>

<!-- Page specific script -->

<script>
    $(function() {

        $(document).keyup(function(event) {
            if (event.which === 13) {
                if (document.querySelector('input[type="text"]:focus')) {
                    document.getElementById("send-button").focus();
                    document.getElementById("send-button").click();
                }
            }
        })

        //Date range as a button
        $('#date_range').daterangepicker({
            singleDatePicker: true,
            autoApply: true,
            showDropdowns: true,
            minYear: 2010,
            maxYear: parseInt(moment().format("YYYY"), 10),
            locale: {
                "format": "DD-MM-YYYY",
                "separator": " - ",
                "applyLabel": "Guardar",
                "cancelLabel": "Cancelar",
                "daysOfWeek": [
                    "Do",
                    "Lu",
                    "Ma",
                    "Mi",
                    "Ju",
                    "Vi",
                    "Sa"
                ],
                "monthNames": [
                    "Enero",
                    "Febrero",
                    "Marzo",
                    "Abril",
                    "Mayo",
                    "Junio",
                    "Julio",
                    "Agosto",
                    "Setiembre",
                    "Octubre",
                    "Noviembre",
                    "Diciembre"
                ],
                "firstDay": 1
            },
            startDate: moment().subtract(29, 'days')
        });

        //Date range as a button
        $('#p_range').daterangepicker({
            singleDatePicker: true,
            autoApply: true,
            showDropdowns: true,
            minYear: 2010,
            maxYear: parseInt(moment().format("YYYY"), 10),
            locale: {
                "format": "DD-MM-YYYY",
                "separator": " - ",
                "applyLabel": "Guardar",
                "cancelLabel": "Cancelar",
                "daysOfWeek": [
                    "Do",
                    "Lu",
                    "Ma",
                    "Mi",
                    "Ju",
                    "Vi",
                    "Sa"
                ],
                "monthNames": [
                    "Enero",
                    "Febrero",
                    "Marzo",
                    "Abril",
                    "Mayo",
                    "Junio",
                    "Julio",
                    "Agosto",
                    "Setiembre",
                    "Octubre",
                    "Noviembre",
                    "Diciembre"
                ],
                "firstDay": 1
            },
            //startDate: moment()
        });
    });

    function activar_control_pago(__check__) {
        if (__check__.checked == true) {
            $('#filtros_control_pagos').css('display', '')
            $('.campos_control_pagos').css('display', '')
            $('.campos_control_pagos > input[type=checkbox]').prop('checked', true);

        } else {
            $('#filtros_control_pagos').css('display', 'none')
            $('.campos_control_pagos').css('display', 'none')
            $('.campos_control_pagos > input[type=checkbox]').prop('checked', false);
        }
    }

    function filtrarAño(_check_) {
        if (_check_.checked == true) {
            document.getElementById('check_filtro_año').value='on'
            $('.filtrar_año').css('display', '')
            $('.filtrar_periodo').css('display', 'none')
        } else {
            document.getElementById('check_filtro_año').value='off'
            $('.filtrar_año').css('display', 'none')
            $('.filtrar_periodo').css('display', '')
            if (document.getElementById('check_filtro_mes').checked == true) {
                $('.filtrar_periodo').css('display', 'none')
            }
        }
    }

    function filtrarMes(_check_) {
        if (_check_.checked == true) {
            document.getElementById('check_filtro_mes').value='on'
            $('.filtrar_mes').css('display', '')
            $('.filtrar_periodo').css('display', 'none')
        } else {
            document.getElementById('check_filtro_mes').value='off'
            $('.filtrar_mes').css('display', 'none')
            $('.filtrar_periodo').css('display', '')
            if (document.getElementById('check_filtro_año').checked == true) {
                $('.filtrar_periodo').css('display', 'none')
            }
        }
    }
</script>
@if (!isset($request))
    <script>
        $(function() {
            $('#listado_sucursales > input[type=checkbox]').prop('checked', true);
            $('#listado_estado_doc > input[type=checkbox]').prop('checked', true);
            $('#listado_usuarios > input[type=checkbox]').prop('checked', true);
            $('#listado_metodos > input[type=checkbox]').prop('checked', true);
            $('#listado_tip_comprobantes > input[type=checkbox]').prop('checked', true);
            $('#listado_tip_documentos > input[type=checkbox]').prop('checked', true);
            $('#listado_cuen_bancaria > input[type=checkbox]').prop('checked', true);
            $('#listado_bancos > input[type=checkbox]').prop('checked', true);
        });
    </script>
@endif

@if (isset($request))
    <script>
        $(function() {
            var fechas_request = "{{ $request->date_range }}";
            var fechas = fechas_request.split(" - ");
            var inicio = fechas[0];
            var fin = fechas[1];
            $('#date_range').data('daterangepicker').setStartDate(inicio);
            $('#p_range').data('daterangepicker').setStartDate(fin);

            var control_pagos =
                "{{ $request->cbx_reporte_pagos && $request->cbx_reporte_pagos == 'on' ? true : false }}";
            if (control_pagos == true || control_pagos == 1) {
                activar_control_pago(document.getElementById('cbx_reporte_pagos'))
            }
            var check_filtro_mes = "{{ $request->check_filtro_mes }}";
            var check_filtro_año = "{{ $request->check_filtro_año }}";
            document.getElementById('check_filtro_año').value=check_filtro_año
            document.getElementById('check_filtro_mes').value=check_filtro_mes

            check_filtro_mes=check_filtro_mes=='on'?true:false;
            check_filtro_año=check_filtro_año=='on'?true:false;
            document.getElementById('check_filtro_año').checked=check_filtro_año
            document.getElementById('check_filtro_mes').checked=check_filtro_mes
            // filtrarAño(document.getElementById('check_filtro_año').checked=check_filtro_año)
            // filtrarMes(document.getElementById('check_filtro_mes').checked=check_filtro_mes)
            if(check_filtro_mes){
                $('.filtrar_mes').css('display', '')
                $('.filtrar_periodo').css('display', 'none')
            }if(check_filtro_año){
                $('.filtrar_año').css('display', '')
                $('.filtrar_periodo').css('display', 'none')
            }


        });
        $(document).ready(function() {
            console.log('true--')
            $('#check_filtro_año').trigger("change");
            $('#check_filtro_mes').trigger("change");
        });
    </script>
@endif

@section('modals')
@endsection