            <!-- start: Content -->
            <div id="content">
            
            <div class="col-lg-12 top-20 padding-0">
              <div class="col-md-12">
                <div class="panel">
                   <div class="panel box-shadow-none content-header">
              <div class="panel-body">
                <div class="col-md-12">
                  <h3 class="animated fadeInLeft">Centro de costo</h3>
                  <p class="animated fadeInDown"> 
                    Configuración <span class="fa-angle-right fa"></span> Centro de costo
                  </p>
                </div>
              </div>
            </div>
                  <div class="panel-body">
                    <?php $session = \Config\Services::session();  if(!empty($session->getFlashdata('mensaje_malo'))):?>
                      <div class="alert alert-danger alert-dismissible show" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                        <?php echo $session->getFlashdata('mensaje_malo'); ?>
                      </div>
                    <?php endif;?>
                    <?php $session = \Config\Services::session();  if(!empty($session->getFlashdata('mensaje_bueno'))):?>
                      <div class="alert alert-success alert-dismissible show" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                        <?php echo $session->getFlashdata('mensaje_bueno'); ?>
                      </div>
                    <?php endif;?>
                    <div class="form-group">    
                      <button class="btn btn-warning waves-effect waves-light" type="button" data-toggle="modal" data-target="#agregarmodal">
                        <span class="btn-label">
                          <i class="fa fa-plus"></i>
                        </span>
                        Agregar
                      </button>   
                    </div>
                    <div class="responsive-table">
                      <table id="tblcentrocosto" class="table table-striped table-bordered" width="100%" cellspacing="0">
                        <thead>
                          <tr>
                           <th>#</th>
                           <th>Centro de costo</th>
                           <th>PDV</th>
                           <th>Centro de costo CTC</th>
                           <th>Acciones</th>
                         </tr>
                       </thead>
                       <tbody>

                         <?php $i=1; foreach($datos_centro_costo as $item):?>
                         <tr>
                          <td><?php echo $i ;?></td>
                          <td><?php echo $item['cco_centro_costo'];?></td>
                          <td><?php echo $item['cco_pdv'];?></td>
                          <td><?php echo $item['cco_ctc'];?></td>
                          <td><a href="#" data-toggle="modal" data-target="#editarmodal" onclick="editarcentrocosto('<?php echo $item['cco_id'];?>','<?php echo $item['cco_centro_costo'];?>','<?php echo $item['cco_pdv'];?>','<?php echo $item['cco_ctc'];?>');">
                            <button class="btn btn-3d btn-info" type="button" >
                              <i class="fa fa-edit"></i>                        
                            </button>
                          </a></td>
                         

                      </tr>
                      <?php $i=$i+1; endforeach;?>
                    </tbody>
                  </table>
                </div>

              </div>
            </div>
          </div>  
        </div>
      </div>
      <!-- end: content -->

      <div class="modal fade" id="agregarmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Agregar nuevo centro de costo</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <form method="post" action="<?php echo base_url("CentroCosto/add"); ?>">
                <div class="form-group form-animate-text">
                  <input type="number" class="form-text" id="cco_centro_costo" name="cco_centro_costo">
                  <span class="bar"></span>
                  <label>Centro de costo</label>
                </div>
                <div class="form-group form-animate-text">
                  <input type="text" class="form-text" id="cco_pdv" name="cco_pdv">
                  <span class="bar"></span>
                  <label>PDV</label>
                </div>
                <div class="form-group form-animate-text">
                  <input type="number" class="form-text" id="cco_ctc" name="cco_ctc">
                  <span class="bar"></span>
                  <label>Centro de Costo CTC</label>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn  btn-3d btn-danger" data-dismiss="modal">Cerrar</button>
                  <input type="submit" class="btn  btn-3d btn-success" value="enviar"/>
                </div>
              </form>
            </div>

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

      <div class="modal fade" id="editarmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Editar</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <form method="post" action="<?php echo base_url("CentroCosto/editar"); ?>">
                <input type="hidden" id="edit_cco_id" name="edit_cco_id">
                <div class="form-group form-animate-text">
                  <input type="number" class="form-text" id="edit_cco_centro_costo" name="edit_cco_centro_costo">
                  <span class="bar"></span>
                  <label>Centro de costo</label>
                </div>
                <div class="form-group form-animate-text">
                  <input type="text" class="form-text" id="edit_cco_pdv" name="edit_cco_pdv">
                  <span class="bar"></span>
                  <label>PDV</label>
                </div>
                <div class="form-group form-animate-text">
                  <input type="number" class="form-text" id="edit_cco_ctc" name="edit_cco_ctc">
                  <span class="bar"></span>
                  <label>Centro de Costo CTC</label>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn  btn-3d btn-danger" data-dismiss="modal">Cerrar</button>
                  <input type="submit" class="btn  btn-3d btn-success" value="enviar"/>
                </div>
              </form>
            </div>

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