@extends('academia.dashboard')

@section('content')

<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                
                <form action="{{route('academia-nosotros-save')}}" method="post" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    
                    <div class="row">
                        
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <div class="alert alert-info" role="alert">
                                        <h6>Dimension de 1280 x 300 pixeles, formato PNG,JPG,JPEG.</h6>
                                    </div>
                                </div>

                                <div class="form-group mb-3">
                                    <label>Imagen Principal</label>
                                    <input class="form-control" type="file" name="principal">
                                </div>
                            </div>


                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <div class="alert alert-info" role="alert">
                                        <h6>Dimension de 1280 x 400 pixeles, formato PNG,JPG,JPEG.</h6>
                                    </div>
                                </div>

                                <div class="form-group mb-3">
                                    <label>Imagen de fondo</label>
                                    <input class="form-control" type="file" name="imagen2">
                                </div>
                            </div>
                        
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <div class="alert alert-info" role="alert">
                                        <h6>Dimension de 400 x 400 pixeles, formato PNG,JPG,JPEG.</h6>
                                    </div>
                                </div>

                                <div class="form-group mb-3">
                                    <label>Imagen Referente a Nosotros</label>
                                    <input class="form-control" type="file" name="imagen1">
                                </div>
                            </div>
                        

                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <div class="alert alert-info" role="alert">
                                        <h6>Dimension de 400 x 400 pixeles, formato PNG,JPG,JPEG.</h6>
                                    </div>
                                </div>

                                <div class="form-group mb-3">
                                    <label>Imagen sobre el texto adicional</label>
                                    <input class="form-control" type="file" name="imagen3" required>
                                </div>
                            </div>

                        </div>    

                        
                        <div class="col-md-6">

                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label">Texto Clave</label>
                                    <input type="text" class="form-control" name="texto2" required value="{{ $nosotros->texto2 }}">
                                    <strong class="text-danger">Cantidad Maxima de Caracteres: 70</strong>
                                </div>
                            </div>


                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label">Texto Sobre nosotros</label>
                                    <textarea class="form-control" name="texto1" rows="4" required>{{ $nosotros->texto1 }}</textarea>
                                    <strong class="text-danger">Cantidad Maxima de Caracteres: 500</strong>
                                </div>
                            </div>


                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label">Texto Sobre información adicional</label>
                                    <textarea class="form-control" name="texto3" rows="4" required>{{ $nosotros->texto3 }}</textarea>
                                    <strong class="text-danger">Cantidad Maxima de Caracteres: 500</strong>
                                </div>
                            </div>

                        </div>
                    </div>
                        

                        <div class="col-md-12">
                            <div class="d-flex justify-content-center">
                                <div class="col-md-4">
                                    <button type="submit" class="btn btn-info w-100">Aceptar</button>
                                </div>     
                            </div>
                        </div>        

                </form>
                    
            </div>
        </div>
    </div>    
</div>

@endsection