@extends('layouts.mama')

@section('content')
<div class="container-xxl">
    <div class="row">
        <div class="col-xl-6 d-flex align-items-end">
            <div class="contenedor__left d-none d-xl-block" data-aos="fade-right" data-aos-duration="3000">
              <img src="images/mamas.png" alt="" class="img-fluid">
            </div>
        </div>
        <div class="col-xl-6 d-flex justify-content-center">
            <div class="contenedor__right" data-aos="fade-left" data-aos-duration="3000">
                <form class="" id="frm_registrarMama" action="{{route('mama_maestra.save')}}" method="post">
                    {{ csrf_field() }}
                    <div class="contenedor__right__titulo">
                        <img src="{{ url('/') }}/images/MAMAMAESTRA.png" alt="" class="img-fluid">
                    </div>
                    <div class="contenedor__right__subtitulo"><br><br>
                        <h6>Ingresa tus datos</h6>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="contenedor__right__input">
                                <label for="nombre">Nombres</label>
                                <input type="text" name="nombre" value="" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contenedor__right__input">
                                <label for="apellidos">Apellidos</label>
                                <input type="text" name="apellidos" value="" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="contenedor__right__input">
                                <label for="n_documento">Número de documento</label>
                                <input type="text" name="n_documento" value="" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contenedor__right__input contenedor__right__input__select">
                                <label for="tipo_documento_id">Tipo de documento</label>
                                <select class="form-control" name="tipo_documento_id">
                                    <option value="">Seleccione</option>
                                    @foreach($tdocumento as $o)
                                    <option value="{{$o->id}}">{{$o->nombre}}</option>
                                    @endforeach
                                </select>
                                @error('t_documento')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="contenedor__right__input">
                                <label for="telefono">Télefono</label>
                                <input type="text" name="telefono" value="" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contenedor__right__input">
                                <label for="correo">Correo  electrónico</label>
                                <input type="text" name="correo" value="" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="contenedor__right__input contenedor__right__input__select">
                                <label for="pais_id">País</label>
                                <select class="form-control" name="pais_id">
                                    <option value="">Seleccione</option>
                                    @foreach($pais as $o)
                                    <option value="{{$o->id}}">{{$o->nombre}}</option>
                                    @endforeach
                                </select>
                                @error('pais_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="contenedor__right__input contenedor__right__input">
                                <label for="ciudad">Ciudad</label>
                                <input type="text" name="ciudad" value="" class="form-control">
                            </div>
                        </div>

                    </div>
                    <div class="contenedor__right__subtitulo contenedor__right__subtitulo--2"><br>
                        <h6>Ingresa el nombre de tú mamá</h6>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="contenedor__right__input contenedor__right__input">
                                <label for="nombre_mama">Nombre de tu mamá maestra:</label>
                                <input type="text" name="nombre_mama" value="" class="form-control" style="height:54px; text-align: center;" placeholder="María Rosales">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="contenedor__right__input botonEnviar">
                                <input type="submit" name="" value="Registrar" class="form-control">
                                <br>
                                <p>Al registrarme comprendo y acepto los 
                                    <a href="#" data-toggle="modal" data-target="#Terminos">terminos y servicios</a>, incluido el acuerdo de usuario y 
                                    <a href="#" data-toggle="modal" data-target="#Politicas">politica de privacidad</a></p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection