@extends('layouts.tramiteslayout')
@section('content')
<div class="row align-items-center">

    <div class="col-md-9 section-header">
        <h2>
            Próximo vencimiento
        </h2>

    </div>
    <div class="col-md-3 d-flex align-items-center justify-content-center">
        <p class="text-center">
            <a class="btn btn-sm btn-secondary" href="{{route('tramites')}}">
                <span class="icon-i-flecha"></span>
                Regresar
            </a>
        </p>
    </div>
</div>
<div class="row">
    <div class="col-md-8">
        <p>Agenda la fecha de tus vencimientos</p>
    </div>
</div>
<div class="espacio"></div>
<div class="row align-items-center justify-content-center">
    <div class="col-md-2 d-flex justify-content-center">
        <img src="/assets/img/iconos-tramites/facturacion/FACTURACION_PROXIMOVENCIMIENTO.png" style="width: 100px"
            alt="Aguakan">
    </div>
    <div class="col-md-8">
        <div class="box-info-destacada azul">
            <div class="row">
                <div class="col-md-8">
                    <h4>Cliente: {{$info[0]->vCLIENTE}}</h4>
                </div>
                <div class="col-md-4">
                    <h6>Saldo: <u>{{$info[0]->vSALDO}}</u></h6>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <p>Nombre del contrato: <b><u>{{$info[0]->vNOMBRE}}</u></b></p>
                    <p>Dirección: <b>{{$info[0]->vDIRECCION}}</b></p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <h4>Próximo vencimiento: {{$info[0]->vigencia}}</h4>
                </div>
            </div>
        </div>
    </div>


</div>
@endsection