{##
# @file orders_pasos_modal.html
# Copyright (C) 2015 Pressa. All rights reserved.
#}

<!-- START | DASHBOARD/ORDERS/PASOS MODAL -->
<div id="orders-pasos-modal" class="modal fade" role="dialog" data-backdrop="static">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header py-2 bg-warning text-dark">
        <h4 class="modal-title" id="orders-pasos-modal-title">
          Pasos del Viaje
        </h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p class="text-muted mb-2">
          <span class="fa fa-info-circle mr-1"></span>
          Defina los pasos que el chofer debe confirmar durante el viaje, en orden. Los pasos ya completados no se modifican.
        </p>
        <div id="pasos-list-container">
          <!-- Los pasos se renderizan aquí via JS -->
        </div>
        <div class="mt-2">
          <button type="button" class="btn btn-success btn-sm" id="btn-paso-add">
            <span class="fa fa-plus mr-1"></span> Agregar Paso
          </button>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-sm border" data-dismiss="modal">
          Cancelar
        </button>
        <button type="button" class="btn btn-warning btn-sm" id="orders-pasos-modal-accept"
          data-loading-text="Guardando..."
          data-text="Guardar Pasos">
          Guardar Pasos
        </button>
      </div>
    </div>
  </div>
</div>
<!-- END | DASHBOARD/ORDERS/PASOS MODAL -->