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

    <div class="col-md-9 section-header">
        <h2>
            Solicitud de inspección para Cambio de Uso
        </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>Si tienes un uso distinto al que aparece en tu boleta, por favor solicita una inspección de nuestro
            departamento de
            Padrón de Clientes.</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">
        <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="Solicitud de inspección para Cambio de Uso">
            <div class="form-group">
                <label for="municipio">Municipio</label>
                <select class="form-control form-control-sm" name="municipio" id="municipio" style="background: #ccc;">
                    <option value="{{$info[0]->vCENOPR}}" selected>{{$info[0]->vCENOPR}}</option>
                </select>
            </div>
            <div class="form-group">
                <label for="fecha">Fecha estimada</label>
                <input type="datetime-local" min="{{date('Y-m-d\TH:m', strtotime("+5 day"))}}" name="fecha"
                    class="form-control form-control-sm">
                <small class="form-text text-muted">Aguakan se comunicará con usted para cerrar la visita y confirmar la
                    fecha.</small>
            </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>
    const form =  document.querySelector("form");
    form.addEventListener('submit', () => {
        $(".spinner-box").fadeIn(1000);
    })
</script>
@endpush