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

<!-- VISTA QUE MUESTRA LA FOTO DE UN PRODUCTO -->

<div class="container">
    <div class="row">
          <div class="panel panel-default">
              <div class="panel-body">
                  @if($fotos_producto->count() > 0)
                  @foreach ($fotos_producto as $foto)
                      <div class="col-lg-3 col-md-6">
                        <div class="panel panel-primary">
                          <div class="panel-body" style="height:250px">
                            <img class="img-thumbnail img-fit-cover"
                                src="{{asset($foto->nombre)}}">
                            </img>
                          </div>
                          <div class="panel-footer">
                              <form class="form-horizontal"
                                  method="POST"
                                  action="{{route('foto_producto.destroy',
                                  [
                                    'id_foto' => $foto->id
                                  ])}}">
                                {{ csrf_field() }}
                                <button type="summit" class="btn btn-danger" onclick="return confirmar();">
                                   Borrar
                                </button>
                              </form>
                          </div>
                        </div>
                      </div>
                    @endforeach
                  @else
                  <div class="alert alert-info">
                    No hay imágenes asociadas a este producto.
                  </div>
                  @endif
            </div>
        </div>
    </div>
</div>


<div class="container">
  	<div class="col-md-10 col-md-offset-1">
  	     @if (isset($success))
  		     <div class="alert alert-success">
   			    Imagen subida con éxito.
  		     </div>
  	     @endif

  	     <h2>Nueva imagen</h2>
         <div class="panel-body">
      	      <form class="form-horizontal" method="POST" action="{{route('foto_producto.store', ['id_producto'=>$producto->id])}}"
              enctype="multipart/form-data">
              {{ csrf_field() }}

      	       <div class="col-sm-10 col-lg-2">
      	          <div class="form-group">
      		       <label class="control-label col-sm-2">Imagen:</label>
      			     <div class="col-sm-10">
      				         <input id="foto_producto" type="file" accept="image/*" name="foto_producto">
      			     </div>
      	          </div>

                  <div class="form-group">
                      <div class="col-sm-offset-2 col-sm-10">
                          <button type="submit" class="btn btn-default">Enviar</button>
                      </div>
                  </div>

              </form>
              </div>
        <a href="{{route('producto.index')}}" style="float:right;"><button class="btn btn-default">Listado de productos</button></a>
      </div>
  </div>
</div>
<script src="{{asset('/js/confirmar.js')}}"></script>
@endsection