@extends('academia.layouts.dashboard')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    @php
                        $referred = DB::table($settings->prefijo_wp.'users')->select('display_name')->where('ID', '=', 1)->first();
                    @endphp
                        
                        
                    <div class="d-flex justify-content-center text-center">
                        <div class="col-md-8"> 
                            <img class="img-fluid" src="{{ asset('fondo/5.jpg') }}" alt="logo" style="height: 150px;">
                            
                            <h4 class="text-center mt-3">Formulario de Referido de: <strong>{{ $referred->display_name }}</strong> </h4>
                        </div>
                    </div> 
                    
                    
                    <form class="mt-4" method="POST" action="{{ route('mentores-save') }}" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        
                        
                        <div class="row">
                            <div class="col-md-6">
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="primernombre">Primer Nombre (*)</label>
                                        <input type="text" name="primer_nombre" class="form-control" id="primernombre" value="{{ old('primer_nombre') }}" required>
                                    </div>
                                </div>
                            
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="segundonombre">Segundo Nombre (*)</label>
                                        <input type="text" name="segundo_nombre" class="form-control" id="segundonombre" value="{{ old('segundo_nombre') }}" required>
                                    </div>
                                </div>
                            
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="primerpellido">Primer Apellido (*)</label>
                                        <input type="text" name="primer_apellido" class="form-control" id="primerpellido" value="{{ old('primer_apellido') }}" required>
                                    </div>
                                </div>
                            
                            
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="segundoapellido">Segundo Apellido (*)</label>
                                        <input type="text" name="segundo_apellido" class="form-control" id="segundoapellido" value="{{ old('segundo_apellido') }}" required>
                                    </div>
                                </div>
                                
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="alert alert-info" role="alert">
                                             <h6>Dimension de 300 x 300 pixeles, formato PNG,JPG,JPEG.</h6>
                                        </div>
                                    </div>
                                </div>
                            
                                <div class="col-sm-12">
                                    <div class="input-group mt-4">
                                        <div class="custom-file">
                                          <input type="file" class="custom-file-input" name="avatar" required>
                                          <label class="custom-file-label">Imagen del Usuario</label>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>    
                            
                            <div class="col-md-6">
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="descripcion">Descripción (*)</label>
                                        <input type="text" name="descripcion" class="form-control" id="descripcion" value="{{ old('descripcion') }}" required>
                                    </div>
                                </div>
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="biografía">Biografía</label>
                                        <textarea class="form-control" name="biografia" id="biografía" rows="3"></textarea>
                                    </div>
                                </div>
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="correo">Correo Electrónico (*)</label>
                                        <input type="email" name="user_email" class="form-control" id="correo" value="{{ old('user_email') }}" required>
                                    </div>
                                </div>
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="password">Contraseña (*)</label>
                                        <input type="password" name="password" class="form-control" id="password" required>
                                    </div>
                                </div>
                                
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="text-dark" for="passwordconfir">Confirmar Contraseña (*)</label>
                                        <input type="password" name="password_confirmation" class="form-control" id="passwordconfir" required>
                                    </div>
                                </div>
                                
                            </div>
                            
                            
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <a href="{{ route('academia-home') }}" class="btn btn-danger btn-block">Regresar</a>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                           <button class="btn btn-info btn-block" type="submit">Registrarme</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                         
                    </form>     
                    
                </div>
            </div>
        </div>
    </div>
</div>    

@endsection