@php
    $meses = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'];
    foreach ($Data['q_recibo'] as $key) {
        $cod_banco = $key->fchbanco;
        $nombre_banco = $key->siinomba;
        $num_cuenta = $key->fchnocta;
        $dia = date_format(date_create(trim(strtoupper($key->fchfcgra))), 'd');
        $mes = date_format(date_create(trim(strtoupper($key->fchfcgra))), 'n');
        $ano = date_format(date_create(trim(strtoupper($key->fchfcgra))), 'Y');
        $documento = $key->fchdocum;
        $numero = $key->fchnumer;
        $ciudad = $key->fchciuda;
        $monto = $key->monto;
    }
    $valida_Tipo_Fac="";
    $total_Facturas = 0;
    $fecha_registro = $dia . '/' . $meses[$mes] . '/' . $ano;
   /* print '</br>q_recibo </br>';
    var_dump($Data['q_recibo']);
    print '</br>q_docval </br>';
    var_dump($Data['q_docval']);
    print '</br>q_facturas </br>';
    var_dump($Data['q_facturas']);
    */
@endphp
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <form action="{{ URL::to('/') }}/{{strtolower($Data['nombreMenu'])}}" method="get">
                <div class="callout callout-info">
                    <h5><i class="fas fa-info"></i> Nota:</h5>
                    Este reporte es generado solo para efectos de recuperacion <code>no esta diseñado</code> para
                    remplazar el reporte original, emitido por la plataforma.
                    
                        <button id="formSalir" type="submit" class="btn btn-secondary float-right">Salir</button>
                   
                    <button id="print" class="btn btn-default btn-outline float-right" type="button"> <span><i class="fa fa-print"></i> Print</span> </button>
                </div>
                </form>
                <!-- Main content -->
                <div class="invoice p-3 mb-3" id="printableArea"  >
                    <!-- info row -->
                    <div class="row invoice-info " >
                        <div class="col-sm-3 invoice-col" style="padding: 0;" >
                            <address style="padding: 0;" > 
                                <strong>CAJA</strong> &nbsp;{{ $cod_banco }}&nbsp;<strong>{{ $nombre_banco }}</strong>
                            </address>
                        </div>
                        <!-- /.col -->
                        <div class="col-sm-3 invoice-col" align="center" style="padding: 0;" >
                            <address style="padding: 0;" >
                                {{ $num_cuenta }}
                            </address>
                        </div>
                        <!-- /.col -->
                        <div class="col-sm-6 invoice-col"  style="padding: 0;" >
                            <b>Fecha reg </b>
                            <span class="float-right"> {{ $fecha_registro }} </span>
                        </div>
                        
                        <!-- /.col -->
                    </div>
                    <div class="row  " style="padding: 0;" >
                        <div class="col-sm-2 invoice-col" style="padding: 0;" >
                            <address style="padding: 0;" >
                                Ciudad &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>{{ $ciudad }}</b>
                            </address>
                        </div>
                        <div class="col-sm-8 invoice-col" align="center" style="padding: 0;" >
                            <address style="padding: 0;" >
                                <strong style="padding: 0;" > COMPROBANTE DE CAJA Nro.</strong>
                            </address>
                        </div>
                        <div class="col-sm-2 invoice-col" align="right" style="padding: 0;" >
                            <address>
                                <strong style="padding: 0;" > {{ $documento }} {{ $numero }} </strong>
                            </address>
                        </div>
                    </div>
                    <div class="row" style="padding: 0;" >
                        <div class="col-sm-12" style="padding: 0;" >
                            <hr color="#6c757d" style="padding: 0;" >
                        </div>
                    </div>
                    <div class="row " >
                        <div class="col-sm-12 "  > 
                            <address  >
                                TOTAL RECIBIDO:  
                                {{-- comment 
                                <span class="float-left" >{{ $monto }}</span>
                                --}}
                                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $monto }}</span>
                            </address>
                        </div>
                    </div>
                    <!-- Table row -->
                    <div class="row" style="padding: 0;" >
                        <div class="col-12 table-responsive" style="padding: 0;" >
                            <table class="table table-borderless" style="border: none; padding: 0;"  >
                                <thead style="padding: 0;" >
                                @foreach ($Data['q_facturas'] as $item)
                                          
                                    
                                        <tr style="padding: 0;">
                                            <th style="padding: 0;">Cliente</th>
                                            <th style="padding: 0;"></th>
                                            <th style="padding: 0;">Factura #</th>
                                            <th style="padding: 0;">Valor</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="padding: 0;">{{ $item->simnomcl }}</td>
                                            <td style="padding: 0;">{{ $item->simclien }}</td>
                                            <td style="padding: 0;">{{ $item->fcjnumfv }}</td>
                                            <td style="padding: 0;">{{ round($item->fcjvalpe,2) }}</td>
                                        </tr>
                                        @php
                                            $total_Facturas += $item->fcjvalpe;
                                        @endphp
                                    </tbody>
                                @endforeach
                            </table>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-sm-12" align="left">
                            <address>
                                Total Facturas
                                <span class="float-right">{{round($total_Facturas,2) }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                            </address>
                        </div>
                      
                    </div>
                    <div class="row">
                    </br>
                    </br>
                    </div>
                    <div class="row">
                        <!-- /.col -->
                        <div class="col-12">
                            <div class="table-responsive sinpadding">
                                <table class="table table-borderless sinpadding" style=" border: none; padding: 0;">
                                    @foreach ($Data['q_docval']  as $item)
                                    <tr>
                                        <td style="padding: 0;" class="sinpadding">{{$item->fciforpa}} </td>
                                        <td style="padding: 0;" class="sinpadding">{{$item->siinomba}} </td>
                                        <td style="padding: 0;" class="sinpadding">{{$item->fcinumch}} </td>
                                        <td style="padding: 0;" class="sinpadding">{{$item->fciconsi}} </td>
                                        <td style="padding: 0;" class="sinpadding">{{round($item->fcivalpe,2)}} </td>
                                    </tr>
                                    @endforeach
                                </table>
                            </div>
                        </div>
                        <!-- /.col -->
                    </div>
                    <div class="row">
                        <div class="col-sm-12"> <hr color="#6c757d"></div>
                    </div>
                    <!-- /.row -->
                    <!-- this row will not appear when printing -->
                </div>
                <!-- /.invoice -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
@if (Session::has('error'))
    <div class="modal fade" id="modalerror" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>Valla Algo va mal... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('error') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif
@if (Session::has('mensaje'))
    <div class="modal fade" id="modalmensaje" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>En Hora Buena... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('mensaje') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif


<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/popper.js"></script>
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/daterangepicker/moment.min.js"></script>
<script src="{{ URL::to('/') }}/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/js/main.js"></script>


<script>
    $(document).ready(function() {
        @if (Session::has('mensaje'))
            $('#modalmensaje').modal('toggle')
        @endif
        @if (Session::has('error'))
            $('#modalerror').modal('toggle')
        @endif
        $("#print").click(function() {
            var mode = 'iframe'; //popup
            var close = mode == "popup";
            var options = {
                mode: mode,
                popClose: close
            };
            $("#printableArea").printArea(options);
        });
    });
</script>