@extends('layouts.app')
@section('breadcrumbs')
	{!!Breadcrumbs::render('home.super.products.index')!!}
@endsection

@section('content')
	@include('partials.errors')

	<div class="container">
		<div class="page-header">
			<h1>
				Productos
			</h1>
			<div class="text-right">
				<a class="btn btn-primary" href="products/create">
					<span class="fa fa-plus"></span>
					Añadir producto
				</a>
			</div>
		</div>
		@if($products->count() > 0)
			<table class="table table-hover">
				<thead>
					<th>
						Nombre
					</th>
					<th>
						Campaña
					</th>
					<th>
						Precio
					</th>
					<th>
						Marca
					</th>
					<th>
						Descripción
					</th>
					<th>
						
					</th>
				</thead>
				
					<tbody>
						@foreach($products as $product)		
							<tr class="product-row" data-id="{!!$product->id!!}">
								<td>
									{!!$product->name!!}
								</td>
								<td>
									{!!$product->campaign ? $product->campaign->name : "N/A"!!}
								</td>
								<td>
									{!! $product->price!!}
								</td>
								<td>
									{!!$product->brand!!}
								</td>
								<td>
									{!!$product->description!!}
								</td>
								<td>
									<img src="{{$product->image->url('mini')}}" alt="">
								</td>
							</tr>
						@endforeach
					</tbody>
			</table>
			
		@else
			<div class="alert alert-info">
				No hay productos que mostrar.
			</div>
		@endif
	</div>
	
@endsection

@section('modals')

    @include('modals.confirm_delete',['title' => 'Eliminar producto','text'=> '¿Esta seguro de eliminar este producto?'])

@endsection

@section('script')

    {!!Html::script('js/laroute.js')!!}
    {!!Html::script('js/context_menu/jquery.contextMenu.js')!!}
    {!!Html::script('js/super/products/index.js')!!}

@endsection