@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 confirmados</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 confirmados</header>
                            {!! Form::open(['url' => 'pagos/confirmados','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</b></th>
                                            <th><b>Saldo a Favor</b></th>
                                            <th><b>Pago Total</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></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>{{$simbolo_moneda.number_format($item->pago_valor,2,',',',')}}</td>
                                                <td>{{$simbolo_moneda.number_format($item->cliente_saldo_valor,2,',',',')}}</td>
                                                <td>{{$simbolo_moneda.number_format($item->pago_valor + $item->cliente_saldo_valor ,2,',',',')}}</td>
                                                <td class="center">
                                                    <div class="btn-group">
                                                    @switch($item->pago_estado)
                                                        @case(0)
                                                            <span class="label label-danger">Anulado</span>
                                                            @break
                                                        @case(1)
                                                            <span class="label label-success">Activo</span>
                                                            @break
                                                        @case(3)
                                                            <span class="label label-danger">Eliminado</span>
                                                            @break
                                                    @endswitch
                                                    </div>
                                                </td>
                                                <td class="center">
                                                    <div class="btn-group">
                                                        <a href="{{url('pagos/depositos/tranferencias/historico/factura/'. $item->pago_id .'/ver')}}" 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>
                                                        @switch($item->pago_estado)
                                                        @case(1)
                                                        <a onclick="accion({{$item->pago_id}}, 'reversar')" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Reversar">
                                                            <i class="fa fa-arrow-circle-left"></i>
                                                        </a>
                                                        <a onclick="accion({{$item->pago_id}}, 'anular')" 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>
                                                        @break
                                                        @case(0)
                                                        <a onclick="accion({{$item->pago_id}}, 'eliminar')" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Eliminar">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                        @break
                                                        @endswitch
                                                    </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 accion(id, path) {
            Swal.fire({
                icon: 'warning',
                title: 'Anular',
                text: '¿Está seguro que desea '+path+' 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('pagos/confirmados/accion/') }}" +"/"+ id;
                    let accion = path;
                    
                    $.ajax({
                        url,
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            accion: accion
                        },
                        success: function(response) {
                            if(response.ok ){
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Exito',
                                    text: 'Registro '+path+' con éxito.',
                                    showCancelButton: false,
                                    confirmButtonText: 'Ok',
                                    customClass: {
                                        confirmButton: 'btn btn-primary'
                                    }
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                });
                            }else{
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Anular',
                                    text: 'Error al '+path+' el registro.',
                                    showCancelButton: false,
                                    confirmButtonText: 'Ok',
                                    customClass: {
                                        confirmButton: 'btn btn-primary'
                                    }
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                });
                            }
                        }
                    })
                }
            });
        }

        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