@extends('layouts.admin')
@section('contenido')
<section class="content-header">
  <h1>
    Empresas
    <small></small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fas fa-home"></i> Inicio</a></li>
    <li class="active">Empresas</li>
  </ol>
</section>
<section class="content">
  <div class="row">
    <div class="col-md-9-center">
      <div class="box box-primary">
        @if(Session::get('rol') == 1)
        @if(Session::get('insert') == 1)
        <div class="box-header with-border pull-right">
          <a href="empresas/create">
            <button type="button" class="btn btn-info" id="newFrom-view"  title="Nuevo" style="width: 200px;">
            <i class="fa fa-plus" style="color: #fff;"> </i> Nuevo
            </button>
          </a>
        </div>
        @endif
        @endif
        <div class="box-body">
          <div class="table table-responsive" id="cargarContenido">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection
@section('script')
<script type="text/javascript">
  $(document).ready(function(){
    data = ;
    $('#cargarContenido').html(" ");
    $('#cargarContenido').append(""+
      "<div class='col-sm-6 col-sm-offset-3 text-center'>"+
        "<img width='20%' src='https://i.giphy.com/media/6L84czrwSd9DO/giphy.webp'>"+
          "<div class='alert alert-info alert-dismissable'>"+
            "<i class='fa fa-info'></i>"+
            "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×</button>"+
            "<b></b> "+
            "Cargando contenido... " +
      "</div></div>");
    var imprimir = '';
    var contenido = '';

    imprimir += '<table id="tableCargarEmpresas" class="table table-bordered table-striped">'+
                  '<thead>'+
                    '<tr>'+
                      '<th>Razón social</th>'+
                      '<th>Nombre comercial</th>'+
                      '<th>Telefono</th>'+
                      '<th>Acción</th>'+
                    '</tr>'+
                  '</thead>'+
                  '<tbody>';

    for(var a = 0; a < data.length; a++){
      imprimir += '<tr class="emp'+data[a].emp_id+'">'+
      '<td><b>'+data[a].suc_rSocial+'</b></td>'+
      '<td><b>'+data[a].emp_nombre+'</b></td>'+
      '<td>'+data[a].suc_telefono+'</td>'+
      '<td>'+
      '<a href="empresas/'+data[a].emp_id+'" title="Ver"><i class="fa fa-eye"></i></a>&nbsp;&nbsp;'+
      '<a href="empresas/'+data[a].emp_id+'/edit"><i class="fas fa-pencil-alt" title="Editar"></i></a>&nbsp;&nbsp;'+
      '<a href="javascript:eliminarEmpresa('+data[a].emp_id+',\''+data[a].emp_nombre+'\');" title="Eliminar"><i class="fas fa-trash-alt"></i></a>&nbsp;&nbsp;'+
      '</td>'+
      '</tr>';
    }

    imprimir +='<tfoot>'+
                 '<tr>'+
                  '<th class="noVisible"></th>'+
                  '<th class="noVisible"></th>'+
                  '<th class="noVisible"></th>'+
                  '<th class="noVisible"></th>'+
                '</tr>'+
               '</tfoot>'+
               '</tbody>'+
                '</table>'+
              '<script>'+
               'var table = tableData("tableCargarEmpresas");'+
              '<\/script>';

      $('#cargarContenido').html(" ");
      $('#cargarContenido').append(imprimir);
  });

  function eliminarEmpresa($id, $nombreEmpresa){
			var sessionToken = '