@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Pagos temporales sin confirmar</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Pagos temporales sin confirmar</header>
                            {!! Form::open(['url' => 'pagos/temporales','method'=>'get','id'=>'frmFiltros']) !!} 
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-11">
                                    <a href="{{ url('/pagos/confirmar') }}" class="btn btn-info mb-3">Confirmar Pago</a>
                                    <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <!-- <th><b>#</b></th> -->
                                            <th><b>Cliente</b></th>
                                            <th><b>Contrato Id</b></th>
                                            <th><b>Consecutivo T (Cobrador)</b></th>
                                            <th><b>Consecutivo Manual</b></th>
                                            <th><b>Observaciones</b></th>
                                            <th><b>Fecha de Pago</b></th>
                                            <th><b>Valor A Pagar</b></th>
                                            <th><b>Estado</b></th>
                                            <th><b>Acciones</b></th>
                                            <th><b></b></th>
                                        </tr>
                                        <tr>
                                            <th>
                                                {!! Form::select('cliente_id', $clientes, $cliente_id, ['id'=>'cliente_id','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'asociacion')"])  !!}
                                            </th>
                                            <th>
                                                {!! Form::text('contrato_id',$contrato_id,['id'=>'contrato_id','class'=>'form-control','onkeyup'=>"buscar(event,'contrato_id')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('consecutivo_t',$consecutivo_t,['id'=>'consecutivo_t','class'=>'form-control','onkeyup'=>"buscar(event,'consecutivo_t')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('consecutivo_manual',$consecutivo_manual,['id'=>'consecutivo_manual','class'=>'form-control','onkeyup'=>"buscar(event,'consecutivo_manual')"]) !!}
                                            </th>
                                            <th>
                                                 {!! Form::text('observaciones',$observaciones,['id'=>'observaciones','class'=>'form-control','onkeyup'=>"buscar(event,'observaciones')"]) !!}
                                            </th>
                                            <th>
                                                 {!! Form::date('fecha',$fecha,['id'=>'fecha','class'=>'form-control','onkeyup'=>"buscar(event,'fecha')",'placeholder'=>'']) !!}
                                            </th>
                                             <th>
                                            </th>
                                            <th>
                                                {!! Form::select('estado', $estados, $estado, ['id'=>'estado','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar(event,'asociacion')"])  !!}
                                            </th>
                                            {!! Form::close() !!}
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($data)>0)
                                            @foreach($data as $item)
                                            <tr>
                                                <!-- <td>{{$contador++}}</td> -->
                                                <td>
                                                    {{$item->cliente_name}}
                                                </td>
                                                <td>
                                                    {{$item->pago_contrato_id}}
                                                </td>
                                                <td>{{$item->pago_consecutivoT}}</td>
                                                <td>{{$item->pago_consecutivo_manual}}</td>
                                                <td>{{$item->pago_observaciones}}</td>
                                                <td>{{date_format(date_create($item->pago_fecha),'d/m/Y')}}</td>
                                                <td>
                                                    @php
                                                        $valorAdeaudado = $controlador->getValorAdeudado($item->pago_id);
                                                    @endphp
                                                    {{$simbolo_moneda.number_format($valorAdeaudado,2,',',',')}}
                                                </td>
                                                <td class="center">
                                                    <div class="btn-group">
                                                    @switch($item->pago_estado)
                                                        @case(2)
                                                            <span class="label label-warning">Por Confirmar</span>
                                                            @break
                                                        @case(0)
                                                            <span class="label label-danger">Anulado</span>
                                                            @break
                                                    @endswitch
                                                    </div>
                                                </td>
                                                <td class="center">
                                                    <div class="btn-group">
                                                        <a href="{{url('pagos/temporales/reporte', $item->pago_id)}}" target="_blank" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Actualizar">
                                                            <i class="fa fa-print"></i>
                                                        </a>
                                                        <a onclick="anularPago({{$item->pago_id}})" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Anular">
                                                            <i class="fa fa-ban"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                            @endforeach
                                            @else
                                            <tr>
                                                <td colspan="8" class="text-center">No se encontraron resultados.</td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                  {{ $data->appends([
                                    ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        

        function anularPago(id) {
            Swal.fire({
                icon: 'warning',
                title: 'Anular',
                text: '¿Está seguro que desea anular el registro?',
                showCancelButton: true,
                confirmButtonText: 'Si',
                cancelButtonText: 'No',
                customClass: {
                    confirmButton: 'btn btn-primary',
                    cancelButton: 'btn btn-danger'
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    var url= "{{ URL::asset('') }}";
                    let ruta = "pagos/temporales/anular"
                    console.log(url+ruta+'/'+id);
                    
                    window.location.replace(url+ruta+'/'+id)

                    // $.ajax({
                    //     url: url+ruta+'/'+id,
                    //     headers:{'X-CSRF-TOKEN':'{{csrf_token()}}'},
                    //     type: 'GET',
                    //     success: function(e) {
                    //         console.log(e);
                    //         if(e.success == 0){
                    //             Swal.fire(
                    //                 'Notificacion!',
                    //                 e.message,
                    //                 'error'
                    //             )
                    //         }else{
                    //             if(redirigir != null)
                    //                 window.location.replace(url+redirigir);
                    //             else 
                    //                 window.location.replace(url+ruta+'s');
                    //         }
                    //     },
                    //     error:function (e) {
                    //         console.log('Error'+e);
                    //     }
                    // });
                }
            });
        }

        function limpiar(){
            $('#cliente_id').val('');
            $('#contrato_id').val('');
            $('#consecutivo_t').val('');
            $('#consecutivo_manual').val('');
            $('#observaciones').val('');
            $('#fecha').val('');

            $('#cliente_id').val('').change();
            $('#estado').val('').change();

            document.getElementById("frmFiltros").submit();
        }

        $(function(){
            //$('#asociacion').select2();
        });

        function buscar(e,tipo){
            $('#accion').val(1);
            var textoSelect = $('#'+tipo).val();
            if (e.keyCode === 13 && !e.shiftKey){
                document.getElementById("frmFiltros").submit();
            }else if(tipo == 'asociacion'){
                if(textoSelect =! '')
                    document.getElementById("frmFiltros").submit();
            }else if(tipo == 'nombre'){
                if(textoSelect =! '')
                    document.getElementById("frmFiltros").submit();
            }else if(tipo == 'estado'){
                if(textoSelect =! '')
                    document.getElementById("frmFiltros").submit();
            }
        }
    </script>
@endsection