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

    <div class="col-md-9 section-header">
        <h2>
            Afectación de Servicio
        </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>Recibe por correo un aviso anticipado, sobre las labores de mantenimiento y reparaciones programadas, para siempre tener reserva de agua.</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-->

    </div>
    <div class="col-md-6">
        <form method="POST" action="{{route('tramite.sinadjuntos')}}">
            @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="Afectación de Servicio - {{ $tramite }}" >
            <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-inicio">Fecha de inicio</label>
                <input type="datetime-local" name="fecha-inicio" class="form-control form-control-sm">
            </div>
            <div class="form-group">
                <label for="fecha-fin">Fecha final</label>
                <input type="datetime-local" name="fecha-fin" class="form-control form-control-sm">
            </div>
            <div class="form-group">
                <label for="caracteristicas">Describa las características</label>
                <textarea name="caracteristicas" id="caracteristicas" class="form-control form-control-sm" cols="30"
                    rows="4"></textarea>
            </div>
            <div class="form-group">
                <label for="motivo">Describa los motivos</label>
                <textarea name="motivo" id="motivo" class="form-control form-control-sm" cols="30" rows="4"></textarea>
            </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