@extends('layouts.index')
	@section('content')
	<link rel="stylesheet" href="{{ asset('css/lib/datatable/dataTables.bootstrap.min.css')}}">
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
	<h1>Empresas</h1>
	<hr>
	@if(count($montacargas) > 0)
	<table id="montacarga_table" class="table table-striped table-bordered dataTable no-footer">
	    <thead>
	        <tr>
	            <th scope="col">#</th>
	            <th scope="col">Nombre</th>
	            <th scope="col">Activo</th>
	            <th scope="col">Editar</th>
	            <th scope="col">Eliminar</th>
	        </tr>
	    </thead>
	    <tbody>
	        @foreach($montacargas as $montacarga)
	        <tr>
	            <td align="center">{{$montacarga->id}}</td>
	            <td>{{$montacarga->name}}</td>
	            <td align="center">
	            	@if($montacarga->is_active)
	            	<button type="button" class="btn btn-success btn-xs">ACTIVO</button>
	            	@else
	            	<button type="button" class="btn btn-dark btn-xs">NO ACTIVO</button>
	            	@endif
	            </td>
	            <td align="center"><a href="/empresas/{{$montacarga->id}}/edit"><i class='fa fa-pencil' aria-hidden='true' style='color:#0081c8'></i> </a> </td>
	            <td align="center">
	                <button type="button" data-toggle="modal" data-target="#modal-delete-{{$montacarga->id}}" style="color:#ff4d4d; border: none; background-color: transparent;">
	                    <a href="#list">
	                        <spam class="fa fa-trash-o trash-o" alt="delete"></spam>
	                    </a>
	                </button>
	                <div class="modal fade" id="modal-delete-{{$montacarga->id}}" role="dialog">
	                    <div class="modal-dialog">
	                        <div class="modal-content">
	                            <div class="modal-header">
	                                <h4 class="modal-title">Eliminar Empresa</h4>
	                            </div>
	                            <div class="modal-body">
	                                <p>¿Desea eliminar la empresa <b>{{$montacarga->name}}</b>?</p>
	                            </div>
	                            <div class="modal-footer">
	                            	{!!Form::open(['action' => ['MontacargasController@destroy', $montacarga->id], 'method' => 'POST', 'class' => 'pull-right'])!!}
						                {{Form::hidden('_method', 'DELETE')}}
						                {{Form::submit('Eliminar', ['class' => 'btn btn-danger'])}}
						            {!!Form::close()!!}
	                                <button type="button" class="btn btn-default btn-round" data-dismiss="modal">Cancelar</button>
	                            </div>
	                        </div>
	                    </div>
	                </div>
	            </td>
	        </tr>
	        @endforeach
	    </tbody>
	</table>
	<script type="text/javascript">
	    $(document).ready(function() {
	    	$('#montacarga_table').DataTable();
	    } );
	</script>
	@else
	<p>No existen montacargas agregadas.</p>
	@endif
@endsection