@extends('layouts/app')
@section('content')

<!-- VISTA EN LA QUE SE MUESTRA TODAS LAS SECCIONES HABÍDAS EN EL SLIDER -->

<script src="{{ asset('/vendors/ckeditor/ckeditor.js')}}"></script>
<script src="{{ asset('/js/confirmar.js')}}"></script>

<div class="container">
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
            </div>
            <div class="panel-body">
			    <div class="table-responsive">
				    <table class="table table-bordered">
					    <thead>
						    <tr>
                                <th>Imagen</th>
                                <th>Opciones</th>
						    </tr>
					    </thead>
					<tbody>
						@foreach ($sliders as $slider)
						<tr>
                            <td><img src="{{ asset($slider->nombre)}}" style="max-width: 200px; max-height: 50px;"></td>
                            <td>
							    <form class="form-horizontal" method="POST" action="{{route('slider.destroy', ['id'=>$slider->id])}}">
									{{ csrf_field() }}
									<div class="btn-group">

                                        <!-- editar foto slider -->
										<a type="button" class="btn btn-success"
										href="{{route('slider.edit', ['id'=>$slider->id])}}">
										          Editar
										</a>


										<button type="summit" class="btn btn-danger" onclick="return confirmar()">
											         Borrar
										</button>
								  </div>
								</form>
							</td>
					  	</tr>
					    @endforeach
					 </tbody>
			    	</table>
		   	      </div>
                  <a href="{{route('admin.menu')}}" style="float:right;"><button class="btn btn-default">Ir al menú</button></a>
            </div>
		</div>
    </div>
</div>

@endsection