{% extends "base.html.twig"%}
{% block menuTop %}
    <div class="col-lg-6" >
        <div class="container" id="menuTop">
            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}
        </div>
    </div>
{%endblock %}        

{%block dashboard %}
    
     <style type="text/css">
        .table-modal{
            font-size: 11px;
            font-weight: normal;
            border: solid  1px;
            border-collapse: collapse;
            color:  #555;
        }
        td{
            border: solid  1px;
        }
        
         tr{
            border: solid  1px;
        }
        
        
    </style>
    <script>
        
        $(function(){

            $("#fileExcel").fileinput({
                
               uploadUrl: "{{path('reportemsmexico_cargaSgp',{'idproyectos':idproyectos,'idmodule':idmodule})}}", // server upload action

                uploadAsync: false,
                minFileCount: 1,
                maxFileCount: 5,
                overwriteInitial: false,
                uploadExtraData: function() {
                return {
                    idproceso: $("#idproceso").val()
                };
            },
               showPreview: true,
                previewFileExtSettings: {
                    'doc': function (ext) {
                        return ext.match(/(doc|docx)$/i);
                    },
                    'xls': function (ext) {
                        return ext.match(/(xls|xlsx)$/i);
                    },
                    'ppt': function (ext) {
                        return ext.match(/(ppt|pptx)$/i);
                    }
                }
            });

            $('#fileExcel').on('filebatchuploaderror', function(event, data, previewId, index) {
                var form = data.form, files = data.files, extra = data.extra,
                        response = data.response, reader = data.reader;
                console.log('File batch upload success');

            });


            $('#fileExcel').on('filebatchuploadsuccess', function(event, data, previewId, index) {
                var form = data.form, files = data.files, extra = data.extra,
                        response = data.response, reader = data.reader;
              alert ("Archivo Cargado");
            });

        })
        
    </script>
    


    <div class="panel panel-default" style="margin: 5%">
        
          <!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Ejemplo</button>
    
        
        
        <div class="panel-heading">cargar</div>
        <div class="panel-body">
            
            <input id="fileExcel" type="file" name="file" class="file-loading">
        </div>
    </div>
    
    

    
    <!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog" style="width: 960px">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Ejemplo</h4>
      </div>
      <div class="modal-body">
          <table class="table-modal">
           <tr>
                                        <td>Folios</td>	
                                        <td>Resumen</td>	
                                        <td>SAP</td>	
                                        <td>Descripcio</td>
                                        <td>Especialidad</td>	
                                        <td>Tipo Especialidad</td>	
                                        <td>Tipo de Servicio</td>	
                                        <td>Mnmónico</td>	
                                        <td>Sitio</td>	
                                        <td>Propietario</td>	
                                        <td>Zona</td>
                                        <td>SubZona</td>	
                                        <td>Mes</td>	
                                        <td>Fecha Solicitud</td>	
                                        <td>Tiempo Respuesta</td>
                                        <td>Inicio Programada</td>	
                                        <td>Inicio</td>	
                                        <td>Fin Programada</td>	
                                        <td>Fin</td>	
                                        <td>Estatus</td>	
                                        <td>Actividad</td>
                                        <td>Usuario</td>	
                                        <td>Importe</td>	
                                        <td>Reprogramaciones</td>
                                        <td>Genero_claro</td>
                                        <td>Cotizo</td>	
                                        <td>Tipo de Solicitud</td>	
                                        <td>Tecnologia</td>
                                        <td>Rechazos</td>	
                                        <td>Observaciones rechazos</td>	
                                        <td>Incumplimiento de SLA</td>
                                        <td>Motivo de Incumplimiento</td>	
                                        <td>Comentario cancelacion</td>
             
             
                         </tr>
                  
         </table>
      </div>
        
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
      </div>
    </div>

  </div>
</div>
    
    
    
    



{%endblock %}