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

    <div class="col-md-9 section-header">
        <h2>
            Envío de boleta electrónica
        </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-auto">
        <p>Ya puedes recibir tu boleta de pago en tu correo electrónico. Regístrate y solicítala aquí.</p>
    </div>
</div>
<div class="espacio"></div>
<div class="row">
    <div class="col-md-6">
        <h5 class="txt-azul">Información del cliente</h5>
        <p><b>Cliente: </b> {{$info[0]->vCLIENTE}}</p>
        <!--p><b>Dirección: </b> {{$info[0]->vDIRECCION}}</p-->
        <p><b>NIA: </b> {{$info[0]->VNIA}}</p>
        <p><b>Próximo vencimiento: </b> {{$info[0]->vigencia}}</p>
    </div>
    <div class="col-md-6 tramite-form">
        <form method="POST" action="{{route('tramite.sinadjuntos')}}" enctype="multipart/form-data">
            @csrf
            <p><b>Datos de contacto</b></p>

            <div class="form-group">
                <label for="nombre">Nombre completo:</label>
                <input type="text" class="form-control form-control-sm" id="nombre" name="nombre" required="required"
                    value="{{session()->exists('userdata') ? session()->get('userdata')['nombre'].' '.session()->get('userdata')['apellido']:""}}">
                <small class="form-text" style="color:red">{{ $errors->first('nombre') }}</small>
            </div>
            <div class="form-group">
                <label for="email">Correo electrónico</label>
                <input type="email" class="form-control form-control-sm" id="email" name="email"
                    value="{{session()->exists('userdata') ? session()->get('userdata')['correo']:""}}">
                <small class="form-text" style="color:red">{{ $errors->first('email') }}</small>
            </div>
            <div class="form-group">
                <label for="email">Cliente</label>
                <input type="number" class="form-control form-control-sm" id="cliente" name="cliente" value="{{$info[0]->vCLIENTE}}" disabled>
                <small class="form-text" style="color:red">{{ $errors->first('cliente') }}</small>
            </div>
            <div class="form-group">
                <label for="telefono">Teléfono de contacto</label>
                <input type="tel" class="form-control form-control-sm" id="telefono" name="telefono"
                    value="{{session()->exists('userdata') ? session()->get('userdata')['telefono']:""}}">
                <small class="form-text" style="color:red">{{ $errors->first('telefono') }}</small>
            </div>
            <input type="hidden" name="tramite" value="Envío de boleta electrónica">
            <div class="form-group">
                <label for="municipio">Municipio</label>
                <select class="form-control form-control-sm" name="municipio" id="municipio" readonly="readonly">
                    <option value="{{$info[0]->vCENOPR}}" selected>{{$info[0]->vCENOPR}}</option>
                </select>
            </div>
            <!--div class="form-group">
                <label for="fecha" style="display:none;">Fecha estimada</label>
                <input style="display:none;" type="datetime-local" min="{{date('Y-m-d\TH:m', strtotime("+5 day"))}}" value="{{Carbon\Carbon::now()->format('Y-m-d')."T".Carbon\Carbon::now()->format('H:i')}}" name="fecha"
                    class="form-control form-control-sm">
                    <h5 class="form-text text-muted">La boleta electrónica que usted esta solicitando corresponde al último periodo facturado por AGUAKAN.</h5>
            </div-->
            <input type="hidden" name="cliente" value="{{$info[0]->vCLIENTE}}">
            <button type="submit" class="btn btn-dark btn-sm">Enviar mis datos</button>
        </form>
    </div>

</div>
@endsection
@push('scripts')
<script>
    document.querySelector(".tramite-form").addEventListener('click', function(e) {
        var anchor = e.target.closest('button');
        if(anchor !== null) {
        $(".spinner-box").fadeIn(1000)
        }
        }, false);
</script>
@endpush