@extends('academia.dashboard')

@section('content')


{{--<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-body">

            	<div class="col-md-3">
                    <div class="form-group mb-3">
                        <a class="btn btn-info text-white w-100" data-bs-toggle="modal" data-bs-target="#agregar">Imagen destacada</a>
                    </div>
                </div>


                <div class="row">
                    @foreach($banner as $baner)
                        <div class="col-md-2 col-6">
                            <article class="card_galery mb-3 mt-3">
                                <figure>
                                    <img src="{{ asset('anuncios/banner/'.$baner->imagen) }}">
                                    <figcaption>
                                        <h5>
                                            
                                            @if($baner->destacado == 0)
                                               Superior
                                            @elseif($baner->destacado == 1)
                                               Destacado
                                            @endif
                                        
                                            <a class="text-white" href="{{route('banner-eliminar', $baner->id)}}">
                                              <i class="fa fa-trash"></i>
                                            </a>
                                            
                                        </h5>
                                    </figcaption>
                                </figure>
                            </article>
                        </div>
                    @endforeach
                </div>

            </div>
        </div>   
    </div>     	
</div>--}}


<div class="row mt-3">
    <div class="col-8">
         <div class="card">
            <div class="card-body">

                <table class="table table-striped table-bordered zero-configuration">
                    <thead>
                        <th class="text-center">Título</th>
						<th class="text-center">Imagen</th>
						<th class="text-center">Descripción Corta</th>
						<th class="text-center">Acciones</th>
                    </thead>
                    <tbody>
                    	
                    @foreach($blog as $blo)
					<tr>
						<td class="text-center">
							{{$blo->titulo}}
						</td>
						
						<td class="text-center">
							<img src="{{ asset('recursos/blog/'.$blo->imagen) }}" class="img-miniatura">
						</td>
						
						<td class="text-center">
							{{$blo->text_corto}}
						</td>
						
						<td class="text-center">
						    
						   <a class="btn btn-info text-white" href="{{ route('academia-blog-editar', ['id' => $blo->id]) }}">
						       <i class="fa-solid fa-pen-to-square"></i>
						   </a>
						   
						   <a class="btn btn-danger text-white" href="{{ route('academia-blog-eliminar', ['id' => $blo->id]) }}">
						       <i class="fa-solid fa-trash"></i>
						   </a>
						   
						</td>
					</tr>
					@endforeach

                    </tbody>
                </table>

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



	<div class="col-4">
		<div class="card">
            <div class="card-body">
                
                <form method="POST" action="{{ route('academia-blog-save') }}" enctype="multipart/form-data">
                    {{ csrf_field() }}


                    <div class="row">
                        
                        <div class="col-md-12">
                        	<div class="form-group mb-3">
                        		<h4>Nuevo Blog</h4>
                        	</div>
                        </div>
                        

                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="control-label">Título</label>
                                <input class="form-control" type="text" name="titulo" required>
                            </div>
                        </div>


                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="control-label">Descripción Corta</label>
                                <textarea class="form-control" type="textarea" name="text_corto" required></textarea>
                            </div>
                        </div>


                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="control-label">Contenido</label>
                                <textarea class="form-control summernote" type="textarea" name="contenido" required></textarea>
                            </div>
                        </div>


                        <div class="col-sm-12">
                            <div class="form-group mb-3">
                                <div class="alert alert-info" role="alert">
                                    <h5>dimensiones de imagenes 300 x 300 formato PNG,JPG,JPEG</h5>
                                </div>     
                            </div>
                            
                            <div class="form-group mb-3">
                                <label for="formFileMultiple" class="form-label">Seleccione un archivo</label>
                                <input class="form-control" type="file" name="imagen" id="formFileMultiple" required>
                            </div>    
                        </div>


                        <div class="col-md-6">
                            <div class="form-group">
                                <button class="btn btn-info w-100" type="submit">Aceptar</button>
                            </div> 
                        </div>

                    </div>	

                </form>
                

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

</div>

@include('usuario.componentes.scritpTable')

@endsection 

@push('script')
<script>
  $(document).ready(function () {
    $('.summernote').summernote({
      toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'video']],
          ['view', ['fullscreen', 'codeview']]
      ]
    });
  })
 </script>
@endpush