@extends('layouts.principal')
@section('content')	
		<div class="panel panel-default">
			<div class="panel-heading">
				Listar Modelos <a href="{!!URL::to('/modelo/create/')!!}" style="float:right;"><i class='fa fa-plus fa-fw'></i></a>
			</div>
			<!-- /.panel-heading -->
			<div class="panel-body">
			
					<table class="table table-striped" id="tabla">
						<thead>
							<tr>
								<th>#</th>
								<th>Marca</th>
								<th>Tipo de Equipo</th>
								<th>Modelo</th>
								<th>Url amigable</th>								
								<th>Código de Producto</th>
								<th>Habilitado Fixup</th>
								
								<th>Operaciones</th>
							</tr>
						</thead>
						<tbody>
						@foreach($modelos as $modelo)
							<tr>
								<td>{{$modelo->id}}</td>
								<td>{{$modelo->nombremarca}}</td>
								<td>{{$modelo->nombretipoequipo}}</td>
								<td>{{$modelo->nombre}}</td>
								<td>{{$modelo->url_amigable}}</td>								
								<td>{{$modelo->codigo_producto}}</td>
								<td>
									@if ( $modelo->habilitado_fixup )
										SI
									@else
										NO
									@endif
								</td>
								
								<td>{!!link_to_route('modelo.edit', $title = 'Editar', $parameters = $modelo->id, $attributes = ['class'=>'btn btn-primary btn-xs'])!!} 
									{!!Form::open(['route'=>['modelo.destroy', $modelo->id], 'method'=>'DELETE',  'style'=>'display:inline;']) !!}	
										{!!Form::submit('Eliminar', ['class'=>'btn btn-danger btn-xs' ] ) !!}
									{!!Form::close()!!}
								</td>								
							</tr>
						@endforeach														
						</tbody>
					</table>
					
			</div>
			<!-- /.panel-body -->
		</div>
		<!-- /.panel -->	
@endsection

@section('css')
   <!-- DataTables CSS -->    
	{!!Html::style('vendor/datatables-plugins/dataTables.bootstrap.css')!!}

    <!-- DataTables Responsive CSS -->
	{!!Html::style('vendor/datatables-responsive/dataTables.responsive.css')!!}
@endsection

@section('scripts')
    <!-- DataTables JavaScript -->
	{!!Html::script('vendor/datatables/js/jquery.dataTables.min.js')!!}
	{!!Html::script('vendor/datatables-plugins/dataTables.bootstrap.min.js')!!}
	{!!Html::script('vendor/datatables-responsive/dataTables.responsive.js')!!}

	<script>
	$(document).ready(function() {
		
		$('#tabla').DataTable({
			paging:   true,
			responsive: true,
			lengthMenu: [[50, 100, 200, -1], [50, 100, 200, "All"]],
			language: {
				"url": "/js/Spanish.json"
			},
			order: [[ 1, "asc" ], [ 2, "asc" ], [ 3, "asc" ]]
		});
		
	});
	</script>		
	
@endsection