@extends('layouts.app', ['activePage' => 'empresa', 'titlePage' => __('empresa')])

@section('content')
<div class="row">
  <div class="col-12">
    <nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item" aria-current="page">Catalogos</li>
    <li class="breadcrumb-item active" aria-current="page">Empresas</li>
  </ol>
</nav>
  </div>
</div>    
<div class="row">
	<div class="col-12">
		<div class="card mb-4">
            <div class="card-body">
              <div class="row">
                <div class="col-12" align="right">
                  <a href="{{ url('catalogo/empresas/altaempresa') }}" class="btn btn-primary">Nueva empresa</a>
                </div>
              </div>
              <br>
               <div class="row">
               	<div class="col-12 table-responsive">
               		<table class="table table-bordered" id="gridEmpresa" width="100%">
               			<thead>
               				<tr>
               					<th>ID</th>
                        <th>RFC</th>
               					<th>Razon Social</th>
               					<th>Regimen Fiscal</th>
               					<th>Calle</th>
               					<th>Acciones</th>
               				</tr>
               			</thead>
               			<tbody>
               		
               			</tbody>
               		</table>
               	</div>
               </div>
            </div>
        </div>
	</div>
</div>

<!--<div class="modal fade" id="formModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-info">
        <h4 class="modal-title">Categoria</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <input type="hidden" id="idCategoHidden">
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <label>Nombre</label>
            <input type="text" class="form-control" id="name">
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <label>Descripcion</label>
            <input type="text" class="form-control" id="description">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" onclick="saveCatego();">Guardar</button>
      </div>
    </div>
  </div>
</div>-->
<script>
   $(document).ready(function() {
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
}); 
      loadGrid();
   });
  function loadGrid(){
  
       //$('#').DataTable();
      $('#gridEmpresa').dataTable().fnDestroy();
      $('#gridEmpresa').DataTable( {
           processing: true,
           responsive: true,
           //serverSide: true,
           ajax: {
               url: '{{url("catalogo/empresas/get_empresas")}}',
               type: "POST",
           },
           columns: [
               { data: "Id" },
               { data: "Rfc" },
               { data: "RazonSocial" },
               { data: "RegimenFiscal" },
               { data: "Calle" },
               { data: "acciones" },
           ],
           order: [[0,"desc"]]
       } );
      
   }



</script>
@endsection