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

<!-- VISTA QUE MUESTRA TOFOS LOS SERVICIOS CREADOS -->

  <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>Titulo</th>
							<th>Texto</th>
							<th>Foto</th>
							<th>Opciones</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($servicio as $servicio)
						<tr>
				<td>{{$servicio->titulo }}</td>
                <td>{!! $servicio->texto !!}</td>
                <td><img src="{{ asset($servicio->foto)}}" style="max-width: 200px; max-height: 50px;"></td>
                <td>
								<form class="form-horizontal" method="POST" action="{{route('servicio.destroy', ['id'=>$servicio->id])}}">
									{{ csrf_field() }}
									<div class="btn-group">
										<a type="button" class="btn btn-success"
										href="{{route('servicio.update', ['id'=>$servicio->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>
<script src="{{asset('/js/confirmar.js')}}"></script>
@endsection