<style>
   /* chat */

   .fondo_chat {
      height: 100%;
      margin: 0;
      background: #7F7FD5;
      background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
      background: linear-gradient(to right, #53768a, #51688a, #4f5a87);
      padding: 2%;
   }

   .justify-content-end {
      -ms-flex-pack: end !important;
      justify-content: flex-end !important;
   }

   .msg_cotainer_send {
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 10px;
      border-radius: 25px;
      background-color: #78e08f;
      padding: 10px;
      position: relative;
   }

   .mb-4,
   .my-4 {
      margin-bottom: 1.5rem !important;
   }

   .justify-content-start {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
   }

   .d-flex {
      display: -ms-flexbox !important;
      display: flex !important;
   }


   .card-body {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.25rem;
   }

   .input-group {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100%;
   }

   .border_rinput {
      border-radius: 15px 0px 0px 15px;
   }

   .border_rsend {
      border-radius: 0px 15px 15px 0px;
   }

   .chat {
      margin-top: auto;
      margin-bottom: auto;
   }

   .card {
      height: 500px;
      border-radius: 15px !important;
      background-color: rgba(0, 0, 0, 0.4) !important;
   }

   .contacts_body {
      padding: 0.75rem 0 !important;
      overflow-y: auto;
      white-space: nowrap;
   }

   .msg_card_body {
      overflow-y: auto;
   }

   .card-header {
      border-radius: 15px 15px 0 0 !important;
      border-bottom: 0 !important;
   }

   .card-footer {
      border-radius: 0 0 15px 15px !important;
      border-top: 0 !important;
   }

   .container {
      align-content: center;
   }

   .search {
      border-radius: 15px 0 0 15px !important;
      background-color: rgba(0, 0, 0, 0.3) !important;
      border: 0 !important;
      color: white !important;
   }

   .search:focus {
      box-shadow: none !important;
      outline: 0px !important;
   }

   .type_msg {
      background-color: rgba(0, 0, 0, 0.3) !important;
      border: 0 !important;
      color: white !important;
      height: 60px !important;
      overflow-y: auto;
   }

   .type_msg:focus {
      box-shadow: none !important;
      outline: 0px !important;
   }

   .attach_btn {
      border-radius: 15px 0 0 15px !important;
      background-color: rgba(0, 0, 0, 0.3) !important;
      border: 0 !important;
      color: white !important;
      cursor: pointer;
   }

   .send_btn {
      border-radius: 0 15px 15px 0 !important;
      background-color: rgba(0, 0, 0, 0.3) !important;
      border: 0 !important;
      color: white !important;
      cursor: pointer;
   }

   .search_btn {
      border-radius: 0 15px 15px 0 !important;
      background-color: rgba(0, 0, 0, 0.3) !important;
      border: 0 !important;
      color: white !important;
      cursor: pointer;
   }

   .contacts {
      list-style: none;
      padding: 0;
   }

   .contacts li {
      width: 100% !important;
      padding: 5px 10px;
      margin-bottom: 15px !important;
   }

   .active {
      background-color: rgba(0, 0, 0, 0.3);
   }

   .user_img {
      height: 70px;
      width: 70px;
      border: 1.5px solid #f5f6fa;

   }

   .user_img_msg {
      height: 40px;
      width: 40px;
      border: 1.5px solid #f5f6fa;

   }

   .img_cont {
      position: relative;
      height: 70px;
      width: 70px;
   }

   .img_cont_msg {
      height: 40px;
      width: 40px;
   }

   .online_icon {
      position: absolute;
      height: 15px;
      width: 15px;
      background-color: #4cd137;
      border-radius: 50%;
      bottom: 0.2em;
      right: 0.4em;
      border: 1.5px solid white;
   }

   .offline {
      background-color: #c23616 !important;
   }

   .user_info {
      margin-top: auto;
      margin-bottom: auto;
      margin-left: 15px;
   }

   .user_info span {
      font-size: 20px;
      color: white;
   }

   .user_info p {
      font-size: 10px;
      color: rgba(255, 255, 255, 0.6);
   }

   .video_cam {
      margin-left: 50px;
      margin-top: 5px;
   }

   .video_cam span {
      color: white;
      font-size: 20px;
      cursor: pointer;
      margin-right: 20px;
   }

   .msg_cotainer {
      margin-top: auto;
      margin-bottom: auto;
      margin-left: 10px;
      border-radius: 25px;
      background-color: #82ccdd;
      padding: 10px;
      position: relative;
   }

   .msg_cotainer_send {
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 10px;
      border-radius: 25px;
      background-color: #78e08f;
      padding: 10px;
      position: relative;
   }

   .msg_time {
      position: absolute;
      left: 0;
      bottom: -15px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 10px;
   }

   .msg_time_send {
      position: absolute;
      right: 0;
      bottom: -15px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 10px;
   }

   .msg_head {
      position: relative;
   }

   #action_menu_btn {
      position: absolute;
      right: 10px;
      top: 10px;
      color: white;
      cursor: pointer;
      font-size: 20px;
   }

   .action_menu {
      z-index: 1;
      position: absolute;
      padding: 15px 0;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border-radius: 15px;
      top: 30px;
      right: 15px;
      display: none;
   }

   .action_menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
   }

   .action_menu ul li {
      width: 100%;
      padding: 10px 15px;
      margin-bottom: 5px;
   }

   .action_menu ul li i {
      padding-right: 10px;

   }

   .action_menu ul li:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.2);
   }

   @media(max-width: 576px) {
      .contacts_card {
         margin-bottom: 15px !important;
      }
   }

   /* chat */
   /* comentarios */
   .flex-row {
      -ms-flex-direction: row !important;
      flex-direction: row !important;
   }

   .d-flex {
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .comment-widgets .comment-row {
      border-left: 3px solid #ffffff;
      padding: 15px;
   }

   .box_comentarios {
      border-radius: 4px;
      padding: 10px;
      background-color: #cfecfe;
      font-family: "Poppins", sans-serif;
   }

   .p-2 {
      padding: 0.5rem !important;
   }

   .icon_circular {
      width: 40px;
      height: 40px;
      margin-right: 5px;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      border-radius: 100%;
      background-color: #f1effd;
      line-height: 40px;
      text-align: center;
   }

   /* comentarios */

   /* calificacion */
   input[type="radio"] {
      display: none;
   }

   label {
      color: grey;
   }

   .float_cal {
      float: right;
   }

   .clasificacion {
      direction: rtl;
      unicode-bidi: bidi-override;
   }

   input[type="radio"]:checked~label {
      color: orange;
   }

   /* calificacion */

   #popup {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1001;
   }

   #popup_servicio {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1001;
   }

   #popup_terminado {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1001;
   }

   #popup_evento {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1001;
   }

   .content-popup {
      margin: 0px auto;
      margin-top: 120px;
      position: relative;
      padding: 10px;
      width: 500px;
      min-height: 250px;
      border-radius: 4px;
      background-color: #FFFFFF;
      box-shadow: 0 2px 5px #666666;
   }

   .content-popup h2 {
      color: #48484B;
      border-bottom: 2px solid #0074AC;
      margin-top: 0;
      padding-bottom: 4px;
   }

   .popup-overlay {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999;
      display: none;
      background-color: #f9f9f9;
      cursor: pointer;
      opacity: 0.7;
   }

   .popup_overlay_servicio {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999;
      display: none;
      background-color: #f9f9f9;
      cursor: pointer;
      opacity: 0.7;
   }

   .popup_overlay_evento {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999;
      display: none;
      background-color: #f9f9f9;
      cursor: pointer;
      opacity: 0.7;
   }

   .title {
      border-top: linear-gradient(to right, #0074AC 50%, #0074AC 50%);
      -webkit-text-fill-color: transparent;
   }

   .close {
      position: absolute;
      right: 15px;
      color: #F9220B;
   }

   .button-color {
      background-color: white;
      padding: 10px 32px;
      color: black;
      border: 2px solid #0074AC;
   }

   .button-color:hover {
      background-color: #0074AC;
      border: 2px solid #2C5A7C;
      color: white;
   }
</style>
<script src="<?= BASE_ASSET; ?>/js/jquery.hotkeys.js"></script>
<script type="text/javascript">
   //This page is a result of an autogenerated content made by running test.html with firefox.
   function domo() {

      // Binding keys
      $('*').bind('keydown', 'Ctrl+e', function assets() {
         $('#btn_edit').trigger('click');
         return false;
      });

      $('*').bind('keydown', 'Ctrl+x', function assets() {
         $('#btn_back').trigger('click');
         return false;
      });

   }


   jQuery(document).ready(domo);
</script>

<!-- Content Header (Page header) -->
<!-- Main content -->
<section class="content">
   <div class="row">

      <div class="col-md-12">
         <div class="box box-warning">
            <div class="box-body ">

               <!-- Widget: user widget style 1 -->
               <div class="box box-widget widget-user-2">
                  <!-- Add the bg color to the header using any of the bg-* classes -->

                  <div class="form-horizontal form-step" name="form_mantenimientos" id="form_mantenimientos">


                     <?= form_open(base_url('administrator/mantenimientos/edit_save/' . $this->uri->segment(4)), [
                        'name'    => 'form_mantenimientos',
                        'class'   => 'form-horizontal form-step',
                        'id'      => 'form_mantenimientos',
                        'method'  => 'POST'
                     ]); ?>

                     <div class="row">
                        <div class="message_etapa"></div>

                        <div class="col-md-3">

                           <div class="form-group " style="display:none">
                              <label for="content" class="col-sm-6"> </label>

                              <div class="col-sm-6" id="mantenimiento_id">
                                 <?= _ent($mantenimientos->id); ?>
                              </div>
                           </div>


                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Plaza </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->plazas_nombre); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Unidad </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->unidades_clave); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Folio </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->folio); ?>
                              </div>
                           </div>


                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Operador </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->operadores_nombre); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Área </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->areas_nombre); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Departamento </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->departamentos_nombre); ?>
                              </div>
                           </div>


                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Kilómetro </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->kilometro); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Días </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->dias); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Tipo </label>

                              <!-- <div class="col-sm-6">
                                    <?= _ent($mantenimientos->mantenimientos_tipo_nombre); ?>
                                 </div> -->

                              <div class="col-sm-6">
                                 <select class="form-control chosen chosen-select-deselect" name="tipo" id="tipo" data-placeholder="Seleccionar Tipo">
                                    <option value=""></option>
                                    <?php foreach (db_get_all_data('mantenimientos_tipo') as $row) : ?>
                                       <option <?= $row->id ==  $mantenimientos->tipo ? 'selected' : ''; ?> value="<?= $row->id ?>"><?= $row->nombre; ?></option>
                                    <?php endforeach; ?>
                                 </select>
                                 <small class="info help-block">
                                    <b> </b></small>
                              </div>

                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Estado </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->estado); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Etapa </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->etapa); ?>
                              </div>
                           </div>

                           <div class="form-group ">
                              <label for="content" class="col-sm-6">Descripción </label>

                              <div class="col-sm-6">
                                 <?= _ent($mantenimientos->descripcion); ?>
                              </div>
                           </div>
                        </div>

                        <div class="col-md-9">

                           <div class="row">
                              <div class="col-md-12">
                                 <div class="view-nav">
                                    <!--<?php is_allowed('mantenimientos_update', function () use ($mantenimientos) { ?>
                                    <a class="btn btn-flat btn-info btn_edit btn_action" id="btn_edit" data-stype='back' title="edit mantenimientos (Ctrl+e)" href="<?= site_url('administrator/mantenimientos/edit/' . $mantenimientos->id); ?>"><i class="fa fa-edit" ></i> <?= cclang('update', ['Mantenimientos']); ?> </a>
                                    <?php }) ?> 
                                    -->
                                    <a class="btn btn-flat btn-default btn_action" id="btn_back" title="back (Ctrl+x)" href="<?= site_url('administrator/mantenimientos/flujo'); ?>"><i class="fa fa-undo"></i> <?= cclang('Regresar'); ?></a>

                                    <a style="display:none" class="btn btn-flat btn-default btn_action btn_programar" id="btn_programar" title="Programar mantenimiento"><i class="fa fa-calendar-check-o"></i> <?= cclang('Programar'); ?></a>
                                    <a style="display:none" class="btn btn-flat btn-default btn_action btn_servicio" id="btn_servicio" title="Servicio mantenimiento"><i class="fa fa-calendar-check-o"></i> <?= cclang('Servicio'); ?></a>
                                    <a style="display:none" class="btn btn-flat btn-default btn_action btn_terminado" id="btn_terminado" title="Terminar mantenimiento"><i class="fa fa-calendar-check-o"></i> <?= cclang('Terminado'); ?></a>

                                    <!-- <a class="btn btn-flat btn-default btn_action btn_evento" id="btn_evento" title="Nuevo Evento"><i class="fa fa-plus-square-o"></i> <?= cclang('Nuevo Evento'); ?></a> -->
                                    <?php is_allowed('mantenimientos_delete', function () use ($mantenimientos) { ?>
                                       <a href="javascript:void(0);" data-href="<?= site_url('administrator/mantenimientos/delete/' . $mantenimientos->id); ?>" class="btn btn-flat btn-default btn_action remove-data" title="Eliminar Mantenimiento"><i class="fa fa-close"></i> <?= cclang('remove_button'); ?></a>
                                    <?php }) ?>
                                    <?php is_allowed('mantenimientos_prueba_calififacion', function () use ($mantenimientos) { ?>
                                       <p class="clasificacion float_cal">
                                          <input class="calificacion" name="calificacion" id="radio5" type="radio" value="5"><label style="font-size:25px" for="radio5">★</label>
                                          <input class="calificacion" name="calificacion" id="radio4" type="radio" value="4"><label style="font-size:25px" for="radio4">★</label>
                                          <input class="calificacion" name="calificacion" id="radio3" type="radio" value="3"><label style="font-size:25px" for="radio3">★</label>
                                          <input class="calificacion" name="calificacion" id="radio2" type="radio" value="2"><label style="font-size:25px" for="radio2">★</label>
                                          <input class="calificacion" name="calificacion" id="radio1" type="radio" value="1"><label style="font-size:25px" for="radio1">★</label>
                                       </p>
                                       <h4 class="float_cal"><code>Calificación Servicio</code></h4>
                                    <?php }) ?>
                                 </div>
                              </div>
                           </div>
                           <br>
                           <div class="row">
                              <div class="col-md-12">
                                 <table class="table table-bordered table-striped dataTable">
                                    <thead>
                                       <tr class="">
                                          <th> <?= cclang('Fecha Requerido:') ?></th>
                                          <th> <?= cclang('Fecha Programado:') ?></th>
                                          <th> <?= cclang('Fecha Iniciado:') ?></th>
                                          <th> <?= cclang('Fecha Terminado:') ?></th>
                                       </tr>
                                    <tbody>
                                       <tr>
                                          <td> <?= $mantenimientos->fecha_requerido ?></td>
                                          <td> <?= $mantenimientos->fecha_programado ?></td>
                                          <td> <?= $mantenimientos->fecha_iniciado ?></td>
                                          <td> <?= $mantenimientos->fecha_terminado ?></td>
                                       </tr>
                                    </tbody>
                                    </thead>
                                 </table>
                              </div>
                           </div>
                           <br>
                           <div class="row">
                              <div class="col-md-12">
                                 <?php foreach ($mantenimientos_img as $img) : ?>
                                    <?php if (!empty($img->imagen)) : ?>
                                       <?php if (is_image($img->imagen)) : ?>
                                          <a class="fancybox" rel="group" href="<?= BASE_URL . 'uploads/mantenimientos_img/' . $img->imagen; ?>">
                                             <img src="<?= BASE_URL . 'uploads/mantenimientos_img/' . $img->imagen; ?>" class="image-responsive" alt="image mantenimientos_img" title="imagen mantenimientos_img" width="300px">
                                          </a>
                                       <?php else : ?>
                                          <a href="<?= BASE_URL . 'uploads/mantenimientos_img/' . $img->imagen; ?>">
                                             <img src="<?= get_icon_file($img->imagen); ?>" class="image-responsive image-icon" alt="image mantenimientos_img" title="imagen <?= $img->imagen; ?>" width="200px">
                                          </a>
                                       <?php endif; ?>
                                    <?php endif; ?>
                                 <?php endforeach; ?>
                              </div>
                           </div>
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-md-12">

                           <?php include "mantenimientos_detalle.php"; ?>
                           <div class="message"></div>
                           <div class="message_orden_compra"></div>
                           <div class="col-lg-4">

                              <?php is_allowed('mantenimientos_guardar_detalle', function () use ($mantenimientos) { ?>
                                 <button class="btn btn-flat btn-primary btn_save btn_action" id="btn_save" data-stype='stay' title="<?= cclang('save_button'); ?> (Ctrl+s)">
                                    <i class="fa fa-save"></i> <?= cclang('save_button'); ?>
                                 </button>
                              <?php }) ?>

                              <?php is_allowed('mantenimientos_orden_compra', function () use ($mantenimientos) { ?>
                                 <button class="btn btn-flat btn-info btn_orden btn_action" id="btn_orden" data-stype='stay' title="<?= cclang('orden compra'); ?> (Ctrl+s)">
                                    <i class="fa fa-file-pdf-o"></i> <?= cclang('Generar orden compra'); ?>
                                 </button>
                              <?php }) ?>
                           </div>
                        </div>
                        <br>
                     </div>
                     <div class="row">
                        <div class="col-md-4">
                        </div>
                        <div class="col-md-4">
                           <?php foreach ($mantenimientos_comentarios as $comentario) : ?>
                              <div class="d-flex flex-row comment-row">
                                 <div class="p-2"><span class="icon_circular"><i class="fa fa-user"></i></span></div>
                                 <div class="comment-text w-100">
                                    <h5><?= _ent($comentario->operador); ?></h5>
                                    <div class="box_comentarios bg-light-primary"><?= _ent($comentario->comentario); ?></div>
                                    <div class="comment-footer">
                                       <span class="text-muted pull-right"><?= _ent($comentario->timestamp); ?></span>
                                    </div>
                                 </div>
                              </div>
                           <?php endforeach; ?>
                        </div>
                     </div>

                     <?php is_allowed('prueba_chat', function () use ($mantenimientos_comentarios) { ?>
                        <div class="container-fluid h-100">
                           <div class="row justify-content-center h-100">

                              <div class="col-md-5 chat">
                                 <div class="card fondo_chat">
                                    <div class="card-header msg_head px-2">
                                       <div class="d-flex bd-highlight">
                                          <div class="img_cont">
                                             <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="img-circle user_img">
                                             <span class="online_icon"></span>
                                          </div>
                                          <div class="user_info">
                                             <span>Chat Mantenimiento <?= _ent($mantenimientos_comentarios->folio); ?></span>
                                             <p>1767 Messages</p>
                                          </div>
                                       </div>
                                       <span id="action_menu_btn"><i class="fa fa-ellipsis-v"></i></span>
                                    </div>
                                    <div class="card-body msg_card_body">
                                       <?php foreach ($mantenimientos_comentarios as $comentario) : ?>
                                          <div class="d-flex justify-content-start mb-4">
                                             <div class="img_cont_msg">
                                                <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="img-circle user_img_msg" width="50px">
                                             </div>
                                             <div class="msg_cotainer">
                                                Hi, how are you samim?
                                                <span class="msg_time"><?= _ent($comentario->operador); ?> <?= _ent($comentario->timestamp); ?></span>
                                             </div>
                                          </div>
                                          <div class="d-flex justify-content-end mb-4">
                                             <div class="msg_cotainer_send">
                                                Hi Khalid i am good tnx how about you?
                                                <span class="msg_time_send">8:55 AM, Today</span>
                                             </div>
                                             <div class="img_cont_msg">
                                                <img src="data:image/jpeg;base64,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" class="rounded-circle user_img_msg">
                                             </div>
                                          </div>
                                          <div class="d-flex justify-content-start mb-4">
                                             <div class="img_cont_msg">
                                                <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="rounded-circle user_img_msg">
                                             </div>
                                             <div class="msg_cotainer">
                                                I am good too, thank you for your chat template
                                                <span class="msg_time">9:00 AM, Today</span>
                                             </div>
                                          </div>
                                          <div class="d-flex justify-content-end mb-4">
                                             <div class="msg_cotainer_send">
                                                You are welcome
                                                <span class="msg_time_send">9:05 AM, Today</span>
                                             </div>
                                             <div class="img_cont_msg">
                                                <img src="data:image/jpeg;base64,/9j/" class="rounded-circle user_img_msg">
                                             </div>
                                          </div>
                                          <div class="d-flex justify-content-start mb-4">
                                             <div class="img_cont_msg">
                                                <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="rounded-circle user_img_msg">
                                             </div>
                                             <div class="msg_cotainer">
                                                I am looking for your next templates
                                                <span class="msg_time">9:07 AM, Today</span>
                                             </div>
                                          </div>
                                          <div class="d-flex justify-content-end mb-4">
                                             <div class="msg_cotainer_send">
                                                Ok, thank you have a good day
                                                <span class="msg_time_send">9:10 AM, Today</span>
                                             </div>
                                             <div class="img_cont_msg">
                                                <img src="data:image/jpeg;base64,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" class="rounded-circle user_img_msg">
                                             </div>
                                          </div>
                                          <div class="d-flex justify-content-start mb-4">
                                             <div class="img_cont_msg">
                                                <img src="https://static.turbosquid.com/Preview/001292/481/WV/_D.jpg" class="rounded-circle user_img_msg">
                                             </div>
                                             <div class="msg_cotainer">
                                                Bye, see you
                                                <span class="msg_time">9:12 AM, Today</span>
                                             </div>
                                          </div>
                                       <?php endforeach; ?>
                                    </div><br>

                                    <div class="form-group">
                                       <textarea name="" class="type_msg border_rinput col-sm-9" placeholder="Type your message..."></textarea>
                                       <div class="input-group-append">
                                          <span class="type_msg border_rsend col-sm-2"><i class="fa fa-location-arrow"></i> Enviar</span>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     <?php }) ?>

                  </div>
               </div>

            </div>

            <!--/pupup #btn_programar -->
            <div id="popup" style="display: none;">
               <div class="content-popup">
                  <div class="close btn_popup_close mdl-card__title-text ">X<a href="#" id="close"></a></div>
                  <div>
                     <h2 class="title">Etapa</h2>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Fecha Programado: </label>
                        </div>
                        <div class="col-sm-6">
                           <label>Días: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-6">
                           <input type="text" class="form-control pull-right datepicker" name="fecha_programado_popup" placeholder="Fecha Programado" id="fecha_programado_popup" value="<?= $this->input->get('f') ?>">
                        </div>
                        <div class="col-sm-6">
                           <input type="number" class="form-control" name="dias_programado" id="dias_programado" value="<?= $this->input->get('d') ?>">
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Comentarios: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <textarea id="comentarios_programado" name="comentarios_programado" rows="5" class="textarea form-control"></textarea>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <div id="archivo_programado_galery"></div>
                           <input class="data_file" name="archivo_programado_uuid" id="archivo_programado_uuid" type="hidden">
                           <input class="data_file" name="archivo_programado_name" id="archivo_programado_name" type="hidden">
                           <small class="info help-block">
                              <b>Extensión de archivo</b> PDF.</small>
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-2">
                           <button class="button-color button:hover btn_save_programar" id="btn_save_programar" data-stype='stay'>
                              Programar
                           </button>
                        </div>
                     </div>

                     <div style="float:left; width:100%;">
                     </div>
                  </div>
               </div>
            </div>
            <div class="popup-overlay"></div>
            <!--/pupup #btn_programar -->

            <!--/pupup #btn_servicio -->
            <div id="popup_servicio" style="display: none;">
               <div class="content-popup">
                  <div class="close btn_close_servicio mdl-card__title-text ">X<a href="#" id="btn_close_servicio"></a></div>
                  <div>
                     <h2 class="title">Etapa</h2>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Fecha Iniciado: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-6">
                           <input type="text" class="form-control pull-right datepicker" name="fecha_servicio" placeholder="Fecha Servicio" id="fecha_servicio" value="<?= $this->input->get('f') ?>">
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Comentarios: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <textarea id="comentarios_servicio" name="comentarios_servicio" rows="5" class="textarea form-control"></textarea>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <div id="archivo_programado_galery"></div>
                           <input class="data_file" name="archivo_servicio_uuid" id="archivo_servicio_uuid" type="hidden">
                           <input class="data_file" name="archivo_servicio_name" id="archivo_servicio_name" type="hidden">
                           <small class="info help-block">
                              <b>Extensión de archivo</b> PDF.</small>
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-2">
                           <button class="button-color button:hover btn_save_servicio" id="btn_save_servicio" data-stype='stay'>
                              Guardar
                           </button>
                        </div>
                     </div>

                     <div style="float:left; width:100%;">
                     </div>
                  </div>
               </div>
            </div>
            <!--/pupup #btn_servicio -->

            <!--/pupup #btn_terminado -->
            <div id="popup_terminado" style="display: none;">
               <div class="content-popup">
                  <div class="close btn_close_terminado mdl-card__title-text ">X<a href="#" id="btn_close_terminado"></a></div>
                  <div>
                     <h2 class="title">Etapa</h2>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Fecha Terminado: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-6">
                           <input type="text" class="form-control pull-right datepicker" name="fecha_terminado" placeholder="Fecha Terminado" id="fecha_terminado" value="<?= $this->input->get('f') ?>">
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Comentarios: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <textarea id="comentarios_terminado" name="comentarios_terminado" rows="5" class="textarea form-control"></textarea>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <div id="archivo_programado_galery"></div>
                           <input class="data_file" name="archivo_terminado_uuid" id="archivo_terminado_uuid" type="hidden">
                           <input class="data_file" name="archivo_terminado_name" id="archivo_terminado_name" type="hidden">
                           <small class="info help-block">
                              <b>Extensión de archivo</b> PDF.</small>
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-2">
                           <button class="button-color button:hover btn_save_terminado" id="btn_save_terminado" data-stype='stay'>
                              Guardar
                           </button>
                        </div>
                     </div>

                     <div style="float:left; width:100%;">
                     </div>
                  </div>
               </div>
            </div>
            <!--/pupup #btn_terminado -->

            <div id="popup_evento" style="display: none;">
               <div class="content-popup">
                  <div class="close btn_popup_evento_close">X<a href="#" id="btn_popup_evento_close"></a></div>
                  <div>
                     <h2 class="title">Etapa</h2>
                     <div class="row">
                        <div class="col-sm-6">
                           <label>Comentario: </label>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <textarea id="comentarios_programado" name="comentarios_programado" rows="5" class="textarea form-control"></textarea>
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-sm-12">
                           <div id="archivo_programado_galery"></div>
                           <input class="data_file" name="archivo_programado_uuid" id="archivo_programado_uuid" type="hidden">
                           <input class="data_file" name="archivo_programado_name" id="archivo_programado_name" type="hidden">
                           <small class="info help-block">
                              <b>Extensión de archivo</b> PDF.</small>
                        </div>
                     </div>
                     <br>
                     <div class="row">
                        <div class="col-sm-2">
                           <button class="button-color button:hover btn_save_evento" id="btn_save_evento" data-stype='stay'>
                              Guardar
                           </button>
                        </div>
                     </div>

                     <div style="float:left; width:100%;">
                     </div>
                  </div>
               </div>
            </div>
            <div class="popup_overlay_evento"></div>

         </div>

      </div>
   </div>
</section>
<!-- /.content -->

<script>
   $(document).ready(function() {

      const mantenimientoId = <?= $mantenimientos->id; ?>;

      $.ajax({
         url: BASE_URL + `/administrator/mantenimientos/get_etapa/${mantenimientoId}`,
         type: 'GET',
         dataType: 'json',
      }).done(function(res) {
         console.log(res);

         switch (res.etapa) {
            case 'Requerido':
               $('#btn_programar').show();
               $('#btn_servicio').hide();
               $('#btn_terminado').hide();
               break;
            case 'Programado':
               $('#btn_programar').hide();
               $('#btn_servicio').show();
               $('#btn_terminado').hide();
               break;
            case 'Servicio':
               $('#btn_programar').hide();
               $('#btn_servicio').hide();
               $('#btn_terminado').show();
               break;
         }
      });

      function actualizar() {
         location.reload()
      }

      $('.remove-data').click(function() {

         var url = $(this).attr('data-href');

         swal({
               title: "<?= cclang('are_you_sure'); ?>",
               text: "<?= cclang('data_to_be_deleted_can_not_be_restored'); ?>",
               type: "warning",
               showCancelButton: true,
               confirmButtonColor: "#0650A4",
               confirmButtonText: "<?= cclang('yes_delete_it'); ?>",
               cancelButtonText: "<?= cclang('no_cancel_plx'); ?>",
               closeOnConfirm: true,
               closeOnCancel: true
            },
            function(isConfirm) {
               if (isConfirm) {
                  document.location.href = url;
               }
            });

         return false;
      });

      $('.btn_save').click(function() {
         $('.message').fadeOut();
         var mantenimiento_id = $("#mantenimiento_id").html();

         var form_mantenimientos = $('#form_mantenimientos');
         var data_post = form_mantenimientos.serializeArray();
         var save_type = $(this).attr('data-stype');
         data_post.push({
            name: 'save_type',
            value: save_type
         });

         //Detalle
         var items = [];
         $('#item_table > tbody >tr').each(function() {
            var row = {};
            $(this).find('input,select,textarea').each(function() {

               row[$(this).attr('id')] = $(this).val();
            });

            items.push(row);
         });

         data_post.push({
            name: 'conceptos',
            value: JSON.stringify(items)
         });

         //DEtalle

         $('.loading').show();

         const tipo = $("#tipo").val();
         console.log(tipo);

         $.ajax({
               url: '/administrator/mantenimientos/actualiza_conceptos/' + mantenimiento_id.trim() + '?t=' + tipo.trim(),
               type: 'POST',
               dataType: 'json',
               data: data_post,
            })
            .done(function(res) {
               $('form').find('.form-group').removeClass('has-error');
               $('form').find('.error-input').remove();
               $('.steps li').removeClass('error');
               if (res.success) {
                  var id = $('#mantenimientos_image_galery').find('li').attr('qq-file-id');
                  if (save_type == 'back') {
                     window.location.href = res.redirect;
                     return;
                  }

                  $('.message').printMessage({
                     message: res.message
                  });
                  $('.message').fadeIn();
                  $('.data_file_uuid').val('');

               } else {
                  if (res.errors) {
                     parseErrorField(res.errors);
                  }
                  $('.message').printMessage({
                     message: res.message,
                     type: 'warning'
                  });
               }

            })
            .fail(function() {
               $('.message').printMessage({
                  message: 'Error save data',
                  type: 'warning'
               });
            })
            .always(function() {
               $('.loading').hide();
               $('html, body').animate({
                  scrollTop: $(document).height()
               }, 2000);
            });

         return false;
      }); /*end btn save*/

      $('.btn_orden').click(function() {
         $('.message_orden_compra').fadeOut();
         var mantenimiento_id = $("#mantenimiento_id").html();

         var form_mantenimientos = $('#form_mantenimientos');
         var data_post = form_mantenimientos.serializeArray();
         var save_type = $(this).attr('data-stype');
         data_post.push({
            name: 'save_type',
            value: save_type
         });

         $('.loading').show();

         $.ajax({
               url: '/administrator/compras/add_mantenimiento/' + mantenimiento_id.trim(),
               type: 'POST',
               dataType: 'json',
               data: data_post,
            })
            .done(function(res) {
               $('form').find('.form-group').removeClass('has-error');
               $('form').find('.error-input').remove();
               $('.steps li').removeClass('error');
               if (res.success) {

                  window.location.href = res.redirect;

                  $('.message_orden_compra').printMessage({
                     message: res.message_orden_compra
                  });
                  $('.message_orden_compra').fadeIn();
                  $('.data_file_uuid').val('');

               } else {
                  if (res.errors) {
                     parseErrorField(res.errors);
                  }
                  $('.message_orden_compra').printMessage({
                     message: res.message,
                     type: 'warning'
                  });
               }

            })
            .fail(function() {
               $('.message_orden_compra').printMessage({
                  message: 'Error save data',
                  type: 'warning'
               });
            })
            .always(function() {
               $('.loading').hide();
               $('html, body').animate({
                  scrollTop: $(document).height()
               }, 2000);
            });

         return false;
      }); /*end btn save*/

      $("body").on("click", ".btn_programar", function(e) {

         e.preventDefault();

         $('#popup').fadeIn('slow');
         $('.popup-overlay').fadeIn('slow');
         $('.popup-overlay').height($(window).height());
         return false;
      });

      $("body").on("click", ".btn_popup_close", function(e) {

         e.preventDefault();

         $('#popup').fadeOut('slow');
         $('.popup-overlay').fadeOut('slow');
         return false;
      });

      $("body").on("click", ".btn_servicio", function(e) {
         e.preventDefault();

         $('#popup_servicio').fadeIn('slow');
         $('.popup-overlay').fadeIn('slow');
         $('.popup-overlay').height($(window).height());
         return false;
      });

      $("body").on("click", ".btn_close_servicio", function(e) {

         e.preventDefault();

         $('#popup_servicio').fadeOut('slow');
         $('.popup-overlay').fadeOut('slow');
         return false;
      });

      $("body").on("click", ".btn_terminado", function(e) {
         e.preventDefault();

         $('#popup_terminado').fadeIn('slow');
         $('.popup-overlay').fadeIn('slow');
         $('.popup-overlay').height($(window).height());
         return false;
      });

      $("body").on("click", ".btn_close_terminado", function(e) {

         e.preventDefault();

         $('#popup_terminado').fadeOut('slow');
         $('.popup-overlay').fadeOut('slow');
         return false;
      });

      $("body").on("click", ".btn_evento", function(e) {

         e.preventDefault();

         $('#popup_evento').fadeIn('slow');
         $('.popup_overlay_evento').fadeIn('slow');
         $('.popup_overlay_evento').height($(window).height());
         return false;
      });

      $("body").on("click", ".btn_popup_evento_close", function(e) {

         e.preventDefault();

         $('#popup_evento').fadeOut('slow');
         $('.popup_overlay_evento').fadeOut('slow');
         return false;
      });

      // save etapas
      $("body").on("click", ".btn_save_programar", function(e) {

         var mantenimiento_id = $("#mantenimiento_id").html();

         e.preventDefault();

         $('.message').fadeOut();

         var form_mantenimientos = $('#form_mantenimientos');
         var data_post = form_mantenimientos.serializeArray();
         var save_type = $(this).attr('data-stype');

         data_post.push({
            name: 'save_type',
            value: save_type
         });

         const fecha_programado = $("#fecha_programado_popup").val();
         const dias = $("#dias_programado").val();
         console.log(fecha_programado);
         console.log(dias);

         $('.loading').show();

         $.ajax({
               url: '/administrator/mantenimientos/save_programar/' + mantenimiento_id.trim() + '?f=' + fecha_programado + '?d=' + dias,
               type: 'POST',
               dataType: 'json',
               data: data_post,
            })
            .done(function(res) {
               console.log(res);
               if (res.success) {
                  $('#popup').fadeOut('slow');
                  $('.popup-overlay').fadeOut('slow');
                  $('.message_etapa').printMessage({
                     message: res.message
                  });

                  const myTimeout = setTimeout(actualizar, 1000);

               } else {

                  $('.message_etapa').printMessage({
                     message: res.message,
                     type: 'warning'
                  });
               }
            })
            .fail(function() {
               $('.message_etapa').printMessage({
                  message: 'Error save data',
                  type: 'warning'
               });
            });
         return false;
      });

      $("body").on("click", ".btn_save_servicio", function(e) {

         var mantenimiento_id = $("#mantenimiento_id").html();

         e.preventDefault();

         $('.message').fadeOut();

         var form_mantenimientos = $('#form_mantenimientos');
         var data_post = form_mantenimientos.serializeArray();
         var save_type = $(this).attr('data-stype');

         data_post.push({
            name: 'save_type',
            value: save_type
         });

         const fecha_servicio = $("#fecha_servicio").val();
         console.log(fecha_servicio);

         $('.loading').show();

         $.ajax({
               url: '/administrator/mantenimientos/save_servicio/' + mantenimiento_id.trim() + '?f=' + fecha_servicio,
               type: 'POST',
               dataType: 'json',
               data: data_post,
            })
            .done(function(res) {
               console.log(res);
               if (res.success) {
                  $('#popup_servicio').fadeOut('slow');
                  $('.popup-overlay').fadeOut('slow');
                  $('.message_etapa').printMessage({
                     message: res.message
                  });
                  const myTimeout = setTimeout(actualizar, 1000);
               } else {

                  $('.message_etapa').printmessage_etapa({
                     message: res.message,
                     type: 'warning'
                  });
               }
            })
            .fail(function() {
               $('.message').printMessage({
                  message: 'Error save data',
                  type: 'warning'
               });
            });

         return false;
      });

      $("body").on("click", ".btn_save_terminado", function(e) {

         var mantenimiento_id = $("#mantenimiento_id").html();

         e.preventDefault();

         $('.message').fadeOut();

         var form_mantenimientos = $('#form_mantenimientos');
         var data_post = form_mantenimientos.serializeArray();
         var save_type = $(this).attr('data-stype');

         data_post.push({
            name: 'save_type',
            value: save_type
         });

         const fecha_terminado = $("#fecha_terminado").val();
         console.log(fecha_terminado);

         $('.loading').show();

         $.ajax({
               url: '/administrator/mantenimientos/save_terminado/' + mantenimiento_id.trim() + '?f=' + fecha_terminado,
               type: 'POST',
               dataType: 'json',
               data: data_post,
            })
            .done(function(res) {
               console.log(res);
               if (res.success) {
                  $('#popup_terminado').fadeOut('slow');
                  $('.popup-overlay').fadeOut('slow');
                  $('.message_etapa').printMessage({
                     message: res.message
                  });
                  const myTimeout = setTimeout(actualizar, 1000);

               } else {
                  $('.message_etapa').printMessage({
                     message: res.message,
                     type: 'warning'
                  });
               }
            })
            .fail(function() {
               $('.message_etapa').printMessage({
                  message: 'Error save data',
                  type: 'warning'
               });
            });

         return false;
      });
      // save etapas

      $("body").on("click", ".btn_save_evento", function(e) {

         e.preventDefault();

         $('#popup_evento').fadeOut('slow');
         $('.popup_overlay_evento').fadeOut('slow');
         return false;
      });



   });
</script>