{{--
 * Created by PhpStorm.
 * User: negutierrez
 * Date: 26/08/2016
 * Time: 14:48
 * Modificado por Judith López, fecha: 22/06/2018
--}}
@extends('layouts.main')
@section('title', 'Historico de pagos por Cliente')
@section('header')
    <link rel="stylesheet" href="{!! asset('css/jquery-ui.min.css') !!}" type="text/css">
    {{--<link rel="stylesheet" href="{!! asset('css/theme.bootstrap.css') !!}" type="text/css">--}}
    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    {{--@if(\Session::get('conexion') == 'guiaelectronica' && \Session::get('fromge') == true)--}}
        @if(\Session::get('conexion') == 'guiaelectronica' && \Session::get('fromge') == true)
        <style>
            .solo-laravel {
                display: none !important;
            }

            body {
                padding-top: 18px !important;
            }

            body * {
                font-size: 12px !important;
            }

            #myTable1_filter{
                float : right;
                text-align: right;
                width: 80%;
            }

        </style>
    @endif
@endsection
@section('content')

    <div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="Login"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <header class="modal-header modal-header-errors">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h5 class="modal-title modal-title-errors">Advertencia</h5>
                </header>
                <div class="modal-body">
                    <!-- The messages container -->
                    <div id="errors"></div>
                </div>
                <footer class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </footer>
            </div>
        </div>
    </div>
    <h4 class="text-center"><strong>Historial de Pagos por Cliente</strong></h4>
    <br>

    <input type="hidden" name="parametro1" id="parametro1" value="{{ \Session::get('LoginUE.token') }}">
    @if(count($requestListPagos['entidadRespuesta']) > 0)
        <div class="row">
            <div class="col-xs-12 col-md-12">
                <div>
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#detail" aria-controls="detail" role="tab" data-toggle="tab">
                                Historial Del Cliente
                            </a>
                        </li>
                        <li role="presentation" {{--class="active"--}}>
                            <a href="#findDetail" aria-controls="findDetail" role="tab" data-toggle="tab">
                                Buscar Gu&iacute;a/Factura
                            </a>
                        </li>
                        <li role="presentation" {{--class="active"--}}>
                            <a href="#findPasos" aria-controls="findPasos" role="tab" data-toggle="tab">
                                Pasos a seguir
                            </a>
                        </li>
                    </ul>
                    <!-- Tab panes myTable -->
                    <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade active in table-responsive" id="detail">
                                    <br>
                                    <table id="myTable1" class="table  table-striped table-bordered table-hover table-condensed" >
                                        <thead >
                                        <tr class="table-header">
                                            <th class="text-center "># <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span></th>
                                            <th class="text-center">N° Pago <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span></th>
                                            <th class="text-center ">Fecha de Pago <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span></th>
                                            <th class="text-center ">Monto Total <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span></th>
                                            <th class="text-center ">Nombre Pagador <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span></th>
                                            <th class="text-center ">N° Transferencia <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span></th>
                                            <th class="text-center ">
                                                Estatus <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
                                            </th>
                                            <th class="th-btn"></th>
                                        </tr>
                                        </thead>
                                        <tbody>
			                                                                    @foreach($requestListPagos['entidadRespuesta'] as $value)
                                            {{--{{dump ($value)}}--}}
                                            <tr>
                                                <td class="text-center">{{ $i }}</td>
                                                <td class="text-center">{{ $value['idpago'] }}</td>
                                                <td class="text-center">{{ date('d/m/Y', strtotime($value['fechapago'])) }}</td>
                                                <td class="text-right">{{ money_format('%.2n',$value['montototal']) }}</td>
                                                <td>{{$value['nombrepagador']}}</td>
                                                <td class="text-center">{{$value['referencia']}}</td>
                                                <td class=" @if($value['listestatuspago']['idestatuspago'] == 7) text-danger
{{--                                                    @elseif($value['listestatuspago']['idestatuspago'] == 5) text-success--}}
                                                @elseif($value['listestatuspago']['idestatuspago'] == 6) text-primary
                                                    @elseif($value['listestatuspago']['idestatuspago'] == 2 || $value['listestatuspago']['idestatuspago'] == 3 || $value['listestatuspago']['idestatuspago'] == 4 || $value['listestatuspago']['idestatuspago'] == 5) text-warning
                                                    @else text-muted
                                                    @endif">
                                                    {{$value['listestatuspago']['nombre']}}
                                                </td>
                                                <td class="text-justify">
                                                    <a class="btn btn-sm btn-primary" STYLE="width: 90px" onclick="modalPleaseWait()"
                                                       href="{{ route('pagoTransferencia.detail', ['pagoTransferencia' => $value['idpago']]) }}">
                                                        <span class="glyphicon glyphicon-search"></span>
                                                        Detalle
                                                    </a>
                                                    {{--  @if($value['conciliado'] == false)--}}
                                                    @if($value['listestatuspago']['idestatuspago'] == 1 || $value['listestatuspago']['idestatuspago'] == 8)
                                                        <a class="btn btn-sm btn-default" STYLE="width: 90px" onclick="modalPleaseWait()"
                                                           href="{{ route('pagoTransferencia.edit', ['pagoTransferencia' => $value['idpago']]) }}">
                                                            <i class="glyphicon glyphicon-pencil"></i>
                                                            Editar
                                                        </a>
                                                        {{--  @endif--}}
                                                    @endif
                                                </td>
                                            </tr>
				                                                                    @endforeach
                                        </tbody>
                                    </table>
                                </div>
                        <div role="tabpanel" class="tab-pane fade {{--active in--}}" id="findDetail">
                            <br>

                                <div class="col-sm-8 col-xs-12">
                                    <p>
                                        <strong>
                                            Tipo de B&uacute;squeda
                                        </strong>
                                    </p>
                                    <label for="tipo_envio_1" class="radio-inline">
                                        <input type="radio" name="tipo_envio" class="tipo_envio" id="tipo_envio_1"
                                               onClick="tipoBusqueda(this.value);$('#detailGuiaFac').val('')" value="1">
                                        <p>Gu&iacute;a</p>
                                    </label>
                                    <label for="tipo_envio_2" class="radio-inline">
                                        <input type="radio" name="tipo_envio" class="tipo_envio" id="tipo_envio_2"
                                               onClick="tipoBusqueda(this.value);$('#detailGuiaFac').val('')" value="2" checked="true">
                                        <p>Factura</p>
                                    </label>
                                    @if ($errors->has('tipo_envio'))
                                        <span class="help-block">
                                             <strong>{{ $errors->first('tipo_envio') }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="col-xs-12 col-sm-5 busquedaGuiaFac">
                                    {!! Form::text('detailGuiaFac','',['id'=>'detailGuiaFac', 'class'=>'form-control input-sm inputs-inline typeahead text-uppercase', 'placeholder'=>'Ingrese su numero de Guía/Factura', 'data-url' => route('getConsumirAjax'), 'maxlength' => 18 ]) !!}
                                    <div class="help-block">
                                        <span class="example example_guia">
                                            Ejemplo: <span>00X000-00000000 | 00X000-000000</span>
                                        </span>
                                    </div>
                                </div>

                                <br><br>
                                <table id="tableFilterContent" class="table table-hover table-responsive fade">
                                    <thead>
                                        <tr class="bg-primary">
                                            <th class="text-center">N° Pago</th>
                                            <th class="text-center">Fecha de Pago</th>
                                            <th class="text-center">Monto Total</th>
                                            <th class="text-center">Nombre Pagador</th>
                                            <th class="text-center">N° Transferencia</th>
                                            <th class="text-center">Estatus</th>
                                            <th class="text-center th-btn">&nbsp;</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tableFilter"></tbody>
                                </table>
                            </div>


                        <div role="tabpanel" class="tab-pane fade {{--active in--}}" id="findPasos">
                            <br>
                            <div class="row">
                                <div class="col-sm-12 col-xs-12">
                                    <img width="720" src="{{ asset('/img/pagoTransferencia/INFOGRAFIA.png') }}" >
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
    @else
        <h2 class="text-center text-danger">No posee Historial</h2>
    @endif
    <div class="row {{ \Session::get('conexion') == 'guiaelectronica' ? 'hide' : '' }}">
        <div class="col-xs-12 col-sm-2 col-sm-offset-5 text-center">
            <button class="btn btn-sm btn-default" type="button" onclick="window.history.back()">
                <span class="glyphicon glyphicon-circle-arrow-left"></span>
                Regresar
            </button>
        </div>
    </div>

    <div class="modal fade" id="pleaseWaitDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="vertical-alignment-helper">
            <div class="modal-dialog vertical-align-center">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Por favor espere</h4>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('script')
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/js/datatables.min.js')  !!}"></script>
    <script>
        var table = $('#myTable1').DataTable({
            autoWidth: false,
            bAutoWidth: false,
            paging:         true,
            search: true,
            bLengthChange : false,
            pageLength: 10,
            language: {
                "processing": "Procesando...",
                "lengthMenu": "Mostrar _MENU_ registros",
                "zeroRecords": "No se encontraron resultados",
                "emptyTable": "Ningún dato disponible en esta tabla",
                "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                "infoPostFix": "",
                "search": "Búsqueda:",
                "url": "",
                "infoThousands": ",",
                "loadingRecords": "Cargando...",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                }
            }
        });
        table.order( [ 0, 'asc' ] ).draw();




    </script>
    <script type="text/javascript" src="{!! asset('/js/PagosElectronicos/pagosElectronicos.js')  !!}"></script>
    <script src="{!! asset('js/jquery.tablesorter.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/jquery.tablesorter.widgets.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/jquery.tablesorter.pager.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/PagosElectronicos/tableSorterPagosElectronicos.js') !!}" type="text/javascript"></script>
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('/js/PagosElectronicos/jqueryUiPagoTransferencia.js') !!}"></script>
@endsection