@extends('layouts.app')

@section('htmlheader_title')
  Home
@endsection


@section('main-content')
<div>
<h1 class="text-center titulo">Ubicaciones</h1>

	<div class="box box-default">
            <!-- Default panel contents -->
            <div class="box-header with-border">
  	<a href="{{ route('ubicacion.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="box-body">
   <div class="table-responsive">
		<table class="table table-hover table-striped" id="ubicaciones">
			<thead>
				<tr>
					<th class="text-center">#</th>
					<th class="text-center">Longitud</th>
					<th class="text-center">Latitud</th>
					<th class="text-center">Operaciones</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($ubicaciones as $ubicacion) 
					<tr>
		 			<td>{{$ubicacion->id}}</td>
		 			<td>{{$ubicacion->longitud}}</td>
		 			<td>{{$ubicacion->latitud}}</td>
		 			<td class="text-center">
		 			<a class="btn btn-default" href="{{ route('ubicacion.edit',['id' => $ubicacion->id] )}}" ><span class="glyphicon glyphicon-edit" aria-hidden="true"></a> 
                        <a class="btn btn-danger" href="{{ route('/ubicacion/destroy',['id' => $ubicacion->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(){
    $('#ubicaciones').DataTable( {
        "language": {
    "decimal":        "",
    "emptyTable":     "Datos no dispobibles en la tabla",
    "info":           "<p>Ubicaciones   <span class='badge'>_TOTAL_</span> ",
    "infoEmpty":      "Ubicaciones 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