@extends('layouts.mainlayout')
@section('content')
    <div class="checkout container">
        <!-- Consumos destacados -->
        <div class="row">
            <div class="box-info-destacada azul col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <div class="titulo">
                            {{ $responseGetSaldo['vNOMBRE'] }}
                        </div>
                        <p>Cliente: {{ $responseGetSaldo['vCLIENTE'] }}</p>
                        <p>Dirección: {{ $responseGetSaldo['vDIRECCION'] }}</p>
                    </div>
                    <div class="col-md-6">
                        @if (!empty($_POST['otracantidad']) && $_POST['otracantidad'] != 0)
                            <div class="titulo">
                                Abono
                            </div>
                        @else
                            <div class="titulo">
                                Saldo actual
                            </div>
                        @endif

                        <div class="row align-items-center no-gutters">
                            <div class="col-md-auto col-2 areaIcono">
                                <span class="icon-i-dinero"></span>
                            </div>
                            <div class="col-md-auto col-10">
                                @if (!empty($_POST['otracantidad']) && $_POST['otracantidad'] != 0)
                                    <strong class="costo">{{ number_format($_POST['otracantidad'], 2) }}</strong>
                                @else
                                    <strong class="costo">{{ number_format($responseGetSaldo['vSALDO'], 2) }}</strong>
                                @endif

                            </div>
                        </div>

                    </div>

                </div>
                <div class="row">
                    <div class="col-md-6">
                        <form method="POST">
                            {{ csrf_field() }}
                            <input type="hidden" name="cliente" value="{{ $req->cliente }}">
                            <input type="hidden" name="correo" value="{{ $req->correo }}">
                            <input type="hidden" name="email_tarjetahabiente" value="{{ $req->email_tarjetahabiente }}">
                            <input type="hidden" name="phone_tarjetahabiente" value="{{ $req->phone_tarjetahabiente }}">

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="otracantidad" class="form-label" style="color:black;">Pagar otra
                                            cantidad</label>
                                        <input type="number" step="any" class="form-control form-control-sm"
                                            name="otracantidad" placeholder="$">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="btn" class="form-label"></label>
                                        <button name="btn" class="form-control form-control-sm btn btn-sm btn-extra"
                                            type="submit">Cambiar</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-6">
                        <p><b>Vencimiento:</b> {{ $responseGetSaldo['vigencia'] }}</p>
                    </div>
                </div>
                @if ($responseGetSaldo['vSALDO'] != 0)
                    {{-- Formulario MULTIPAGOS --}}
                    <div class="row">
                        <div class="col-md-4 offset-md-8">
                            <form action="{{ route('contratoController.redirectPay') }}" method="POST">
                                @csrf
                                <input name="email" id="email" value="{{ $datosUser['email'] }}" type="hidden">
                                <input name="cliente" id="cliente" value="{{ $datosUser['cliente'] }}" type="hidden">
                                <input name="NIA" id="NIA" value="{{ $responseGetSaldo['VNIA'] }}"
                                    type="hidden">
                                <input name="vIDCENOPR" id="vIDCENOPR" value="{{ $responseGetSaldo['vIDCENOPR'] }}"
                                    type="hidden">
                                <input name="tipo" id="tipo" value="{{ $datosUser['tipo'] }}" type="hidden">
                                <input name="saldo" id="saldo" value="{{ $responseGetSaldo['vSALDO'] }}"
                                    type="hidden">
                                <input name="nombre" id="nombre" value="{{ $responseGetSaldo['vNOMBRE'] }}"
                                    type="hidden">
                                <input name="cliente_numero" id="cliente_numero"
                                    value="{{ $responseGetSaldo['vCLIENTE'] }}" type="hidden">
                                <input name="direccion_cliente" id="direccion_cliente"
                                    value="{{ $responseGetSaldo['vDIRECCION'] }}" type="hidden">
                                <input name="otra_cantidad" id="otra_cantidad" value="{{ $_POST['otracantidad'] ?? 0 }}"
                                    type="hidden">
                                <input name="vigencia" id="vigencia" value="{{ $responseGetSaldo['vigencia'] ?? 0 }}"
                                    type="hidden">

                                <button name="btn" class="form-control form-control-sm btn btn-custom-sm btn-primary"
                                    type="submit">Realizar mi pago</button>
                            </form>
                        </div>
                    </div>
                @endif

            </div>
        </div>
        <!--row-->
        <!-- Consumos destacados -->
        {{-- Si es vacio pero no hay otra cantidad muestra mensaje pero si no muestra el iframe  --}}

        @if ($responseGetSaldo['vSALDO'] <= 0)
            <div class="alert alert-warning" role="alert">
                Tu cuenta no tiene adeudos, puedes realizar un abono cambiando la cantidad arriba.
            </div>
        @endif
    </div>
@endsection