@extends('layouts.app')

@section('htmlheader_title')
  Home
@endsection


@section('main-content')

<div>

<h1 class="text-center titulo">Mitos</h1>
	<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">
  	<a href="{{ route('mito.create') }}" class="btn btn-primary btn-add pull-right waves-effect waves-light"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a>
  </div>

  <div class="panel-body">
    <div class="table-responsive">
		<table class="table table-hover table-striped" id="mitos">
			<thead>
				<tr>
					<th class="text-center">#</th>
					<th class="text-center">Nombre</th>
					<th class="text-center">Descripcion</th>
					<th class="text-center">Haciendas</th>
					<th class="text-center">Operaciones</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($vmitos as $mito) 
					<tr>
		 			<td>{{$mito->id}}</td>
		 			<td>{{$mito->nombre}}</td>
		 			<td>{{$mito->descripcion}}</td>
		 			<td>{{$mito->haciendas}}</td>
		 			<td class="text-center">
		 			<a class="btn btn-default" href="{{ route('mito.edit',['id' => $mito->id] )}}" ><span class="glyphicon glyphicon-edit" aria-hidden="true"></a> 
                        <a class="btn btn-danger" href="{{ route('/mito/destroy',['id' => $mito->id] )}}" ><span class="glyphicon glyphicon-trash" aria-hidden="true"></a>
		 			</td>
		 			</tr>
				@endforeach
				
			</tbody>
		</table>
		<div class="text-center">
		
		</div>
	</div>
  </div>

  
</div>



</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" integrity="sha384-I6F5OKECLVtK/BL+8iSLDEHowSAfUo76ZL9+kGAgTRdiByINKJaqTPH/QVNS1VDb" crossorigin="anonymous"></script>
<script>
	$(document).ready(function(){
		$('#mitos').DataTable( {
        "language": {
    "decimal":        "",
    "emptyTable":     "Datos no dispobibles en la tabla",
    "info":           "<p>Mitos   <span class='badge'>_TOTAL_</span> ",
    "infoEmpty":      "Mitos 0 de 0 de 0 entradas",
    "infoFiltered":   "(filtrado desde _MAX_ entradas)</p>",
    "infoPostFix":    "",
    "thousands":      ",",
    "lengthMenu":     "Ver _MENU_",
    "loadingRecords": "Cargando...",
    "processing":     "Procesando...",
    "search":         "Buscar:",
    "zeroRecords":    "Ningún resultado disponible",
    "paginate": {
        "first":      "Primero",
        "last":       "Ultimo",
        "next":       "Siguiente",
        "previous":   "Anterior"
    },
    "aria": {
        "sortAscending":  ": activate to sort column ascending",
        "sortDescending": ": activate to sort column descending"
    }
}
    } );
	});

</script>



@endsection