@extends('layouts.tramiteslayout')
@section('content')
    <div class="row">
        <div class="col-md-9 section-header">
            <h2>
                <span class="icon-i-documento-1"></span>Trámite: Apoyo a clientes en condiciones precarias / adultos mayores
            </h2>
            <p>Requisitos para la obtención del apoyo a clientes en condiciones precarias o adultos mayores</p>
        </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>
                El programa de apoyo a personas en Condiciones Precarias/ adultos mayores, fue diseñado para ayudar a los que más lo
                necesitan.
            </p>
            <p>Sólo aplica para uso doméstico.</p>
            <p>Sujero a inspección y/o estudio socioeconómico.</p>

        </div>
    </div>
    <div class="espacio"></div>
    <div class="row">
        <div class="col-md-6">
            <p><b>REQUISITOS</b></p>
            <p>
                <span class="icon-i-ok txt-azul"></span> Ser adulto mayor de 60 años</p>
            <p>
                <span class="icon-i-ok txt-azul"></span> Ser propietario y habitante del inmueble. En caso de rentar, es necesario tener el contrato de arrendamiento a su nombre</p>
            <p>
                <span class="icon-i-ok txt-azul"></span> No poseer más de un inmueble</p>
            <p>
                <span class="icon-i-ok txt-azul"></span> Llenar solicitud de trámite</p>
            <p>
                <span class="icon-i-ok txt-azul"></span> Boleta de pago actual sin adeudo</p>
            <p>
                <span class="icon-i-ok txt-azul"></span> Número telefónico de contacto</p>
            
            <div class="espacio"></div>
            <p class="folletos">
                <a href="/folletos/apoyo-clientes-condiciones-precarias.pdf" target="_blank"
                    class="btn btn-sm btn-primary">Más
                    información</a>
                <br>
                <a href="/folletos/SOLICITUD_SUBSIDIO_ADULTO_MAYOR_O_CONDICIONES_PRECARIAS.pdf" target="_blank" class="btn btn-sm btn-secondary" download>Descarga Solicitud de Tramite</a>

            </p>

        </div>

        <div class="col-md-6">
            <form method="POST" action="{{ route('tramite.procesar') }}" 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" required>
                    <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="Apoyo a clientes en condiciones precarias">
                <div class="form-group">
                    <label for="municipio">Municipio</label>
                    <select class="form-control form-control-sm" name="municipio" id="municipio">
                        <option value="Cancún">Cancún</option>
                        <option value="Pto. Morelos">Pto. Morelos</option>
                        <option value="Isla">Isla</option>
                        <option value="Solidaridad">Solidaridad</option>
                    </select>
                </div>
                <p><b>Adjunta los siguientes archivos</b></p>
                 <div class="mb-2">
                    <label for="identificacion">Identificación oficial</label><br>
                    <input type="file" accept="pdf, application/pdf"
                        class="form-control form-control-sm control-file" id="identificacion" name="identificacion"
                        required="required">
                    <small class="form-text text-muted">INE, Licencia de manejo o pasaporte</small>
                </div>
                <div class="mb-2">
                    <label for="contrato" class="form-label">Contrato de arrendamiento</label>
                    <input class="form-control form-control-sm control-file" type="file"
                        accept="pdf, application/pdf" id="contrato" name="contrato"
                        required="required">
                    <small class="form-text text-muted">* (trámite para adulto mayor)</small>
                </div>
                <div class="mb-2">
                    <label for="inapam" class="form-label">Credencial del INAPAM</label>
                    <input class="form-control form-control-sm control-file" type="file"
                        accept="pdf, application/pdf" id="inapam" name="inapam">
                    <small class="form-text text-muted">* (trámite para adultos mayores)</small>
                </div>
                <div class="mb-2">
                    <label for="actanacimiento">Acta de nacimiento</label><br>
                    <input type="file" accept="pdf, application/pdf"
                        class="form-control form-control-sm control-file" id="actanacimiento" name="actanacimiento"
                        required="required">
                </div>
                <div class="mb-2">
                    <label for="curp">Clave Única de Registro de Población </label><br>
                    <input type="file" accept="pdf, application/pdf"
                        class="form-control form-control-sm control-file" id="curp" name="curp"
                        required="required">
                </div>
                <div class="mb-2">
                    <label for="pension">Comprobante último depósito de la pensión</label><br>
                    <input type="file" accept="pdf, application/pdf"
                        class="form-control form-control-sm control-file" id="pension" name="pension">
                    <small class="form-text text-muted">*Solo si aplica</small>
                </div>
                
               
                <button type="submit" class="btn btn-dark btn-sm">Enviar mis datos</button>
            </form>
        </div>

    </div>
@endsection
@section('alertas')
    @if (session()->has('error'))
        <div class="floatMessageContainer" style="background: red; color: white">
            <div class="floatMessageText">
                <p>
                    {{ session()->get('error') }}
                </p>
            </div>
        </div>
    @endif
    @if (session()->has('archivos'))
        <div class="floatMessageContainer" style="background: red; color: white">
            <div class="floatMessageText">
                <p>Los siguientes archivos exceden el tamaño permitido</p>
                <ul>
                    @foreach (session()->get('archivos') as $archivo => $content)
                        <li>{{ $archivo }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif
@endsection
@push('scripts')
    <script src="{{ asset('js/max_size_validator.js') }}"></script>
    <script>
        const form = document.querySelector("form");
        form.addEventListener('submit', () => {
            $(".spinner-box").fadeIn(1000);
        })
    </script>
@endpush