{% extends 'pagina/base_corporativo.html' %}
{% load staticfiles %}
{% load user_tags %}
{% block title %} Lista de negocios {% endblock %}

{%  block content %}

{% if request.user|has_group:"administrativo" %}

<ul class="breadcrumb breadcrumbStyle">
  <li class="breadcrumb-item"><i class="fas fa-store"></i> Negocios </li>
  <li class="breadcrumb-item breadcrumb-itemAdmin active"> Lista de Negocios</li>
</ul>

<h1 class="mt-4 text-center titleIniBoxAdmin"><i class="fas fa-list-ul"></i> Lista de Negocios</h1>

<br>

<div class="table-responsive tableResStyle">
  <table class="table table-striped table-bordered table-striped" id="ejemplo">
     <thead class="theadStyle theadStyleOrange">
       <tr>
         <th>Nombre del Negocio</th>
         <th>Pabellón</th>
         <th>Propietario</th>
         <th>Nit</th>
         <th>Telefono del Negocio</th>
         <th>Email del Negocio</th>
         <th>Acciones</th>
       </tr>
     </thead>
     <tbody class="text-center">
     {% for row in usuario_negocio %}
       <tr>
         <td>{{ row.negocio_id.nombre }}</td>
         <td>{{ row.negocio_id.pabellon_id }}</td>
         <td>{{ row.usuario_id.id.first_name }} {{ row.usuario_id.id.last_name }}</td>

         {% if row.negocio_id.nit == Null %}
         <td>-</td>
         {% else %}
         <td>{{ row.negocio_id.nit }}</td>
         {% endif %}

         {% if row.negocio_id.telefono == Null %}
         <td>-</td>
         {% else %}
         <td>{{ row.negocio_id.telefono }}</td>
         {% endif %}

         {% if row.negocio_id.email == Null %}
         <td>-</td>
         {% else %}
         <td>{{ row.negocio_id.email }}</td>
         {% endif %}

         <td>
           <a class="btn btn-orange btn-sm" href="{% url 'editar_negocio' pk=row.negocio_id.id %}""> Editar </a>
           <a id="{{row.negocio_id.id}}" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#eliminarmodal" onclick="datos2(this.id)"> Eliminar </a>
         </td>
       </tr>
       {% empty %}
       <tr>
         <td colspan="6" class="text-center bg-warning">No hay Negocios registrados</td>
       </tr>
     {% endfor %}
     </tbody>
   </table>
</div>

<!-- Modal Editar -->
<div class="modal fade" id="eliminarmodal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">

          <!-- Modal Header -->
          <div class="modal-header">
            <h4 class="modal-title">Eliminar Negocio</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
          </div>

          <!-- Modal body -->
          <div class="modal-body">

            <div id="id_p2" hidden="false"></div>
            <h2 class="text-center">¡Atención!</h2>
            <p>El negocio sólo podrá ser eliminado si el propietario no ha ingresado ningún registro en el mismo, de lo contrario, el negocio no se podrá eliminar.</p>

            <br>
            <p id="mensaje2"></p>
            <button class="save btn btn-danger" type="submit" onclick="Eliminar()">Eliminar</button> <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>

          </div>

    </div>
  </div>
</div>

 {% endif %}

 {% if request.user|has_group:"propietario_negocio" %}
 	<p>Lo siento, no tiene permisos para este contenido :(</p>
 {% endif %}
 {% if request.user|has_group:"empleado_negocio" %}
 	<p>Lo siento, no tiene permisos para este contenido :(</p>
 {% endif %}

 {% endblock %}

 {% block javascript %}

 {% include "includes/script-datatables.html" %}
 <script>
   var table = $('#ejemplo').DataTable( {
      "paging": true,
      "lengthChange": true,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": true,
      "language": idioma,
      "lengthMenu": [[15, 25, 50, -1],[15,25,50,"Mostrar Todo"]],
      dom: 'Bfrt<"col-md-6 inline"i> <"col-md-6 inline"p>',
      buttons: {
            dom: {
              container:{
                tag:'div',
                className:'flexcontent'
              },
              buttonLiner: {
                tag: null
              }
            },

            buttons: [
                {
                    extend:    'copyHtml5',
                    text:      '<i class="fa fa-clipboard"></i> Copiar',
                    title:'Lista de comerciantes copiada',
                    titleAttr: 'Copiar',
                    className: 'btn btn-app export copia',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4 ]
                    }
                },
                {
                    extend:    'pdfHtml5',
                    text:      '<i class="fas fa-file-pdf"></i>PDF',
                    title:'Lista de Comerciantes ',
                    titleAttr: 'PDF',
                    className: 'btn btn-app export pdf',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4 ]
                    },
                    customize:function(doc) {

                        doc.styles.title = {
                            color: '#4c8aa0',
                            fontSize: '30',
                            alignment: 'center'
                        }
                        doc.styles['td:nth-child(2)'] = {
                            width: '100px',
                            'max-width': '100px'
                        },
                        doc.styles.tableHeader = {
                            fillColor:'#4c8aa0',
                            color:'white',
                            alignment:'center'
                        },
                        doc.content[1].margin = [ 100, 0, 100, 0 ]

                    }
                },

                {
                    extend:    'excelHtml5',
                    text:      '<i class="fas fa-file-excel"></i>Excel',
                    title:'Lista de Comerciantes',
                    titleAttr: 'Excel',
                    className: 'btn btn-app export excel',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4 ]
                    },
                },
                {
                    extend:    'csvHtml5',
                    text:      '<i class="fas fa-file-csv"></i>CSV',
                    title:'Lista de Comerciantes',
                    titleAttr: 'CSV',
                    className: 'btn btn-app export csv',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4 ]
                    }
                },
                {
                    extend:    'print',
                    text:      '<i class="fas fa-print"></i>Imprimir',
                    title:'Lista de Comerciantes',
                    titleAttr: 'Imprimir',
                    className: 'btn btn-app export imprimir',
                    exportOptions: {
                        columns: [ 0, 1, 2, 3, 4 ]
                    }
                },
                {
                    extend:    'pageLength',
                    titleAttr: 'Registros a mostrar',
                    className: 'selectTable'
                }
            ]
          }
      });

      function datos2(id) {
          var csrftoken = '{{ csrf_token }}';
          $.ajax({
            headers: {'X-CSRF-TOKEN': csrftoken},
            method: "GET",
            url: '/negocios/lista/eliminar/'+id+'/',
            dataType: 'json',
            data: { "csrfmiddlewaretoken": csrftoken,
                "id": id }
          })

          .done(function(response){
            var res = response;

            $('#id_p2').text(res.id);
            $('#mensaje2').text('¿Está seguro que desea eliminar el producto ' + res.nombre + ' ?');

          });
      }

      function Eliminar() {
          var id2 = $("#id_p2").text();
          var csrftoken = '{{ csrf_token }}';
          $.ajax({
            headers: {'X-CSRF-TOKEN': csrftoken},
            method: "POST",
            url: '/negocios/lista/eliminar/'+id2+'/',
            dataType: 'text',
            data: { "csrfmiddlewaretoken": csrftoken,
                "id": id2 },
            success:function(data){
                if(data == '1'){
                  swal('Se eliminó con éxito','','success').then(function(){
                   location.reload();
                 });
                }
                else if(data == '2'){
                  swal('No se ha podido eliminar el negocio por que contiene registros','','warning').then(function(){
                   location.reload();
                 });
                }
            },
            error: function(xhr, e, x, status) {
              console.log(xhr.status + " -- " + status + " -- " + e + " -- " + x);
              swal('Ha ocurrido un error, porfavor vuelva a intentar','','warning');
            }
          })
        }

</script>
{% endblock %}