<%- include('./evidence-modal-style') %>

<div class="modal fade save-evidence" id="evidenceModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content evidence-modal-content">
      <div class="modal-header evidence-modal-header">
          <h5 class="modal-title evidence-modal-title">
              <i class="fas fa-comments"></i>
              <%= trans.cruds.ORDER.EVIDENCE_MODAL.title %>
          </h5>
          <button type="button"
                  class="btn-close evidence-btn-close"
                  data-bs-dismiss="modal"></button>
      </div>
        
      <div class="evidence-chat-container" id="chatContainer">
          <!-- Dynamic content will be inserted here -->
      </div>
      
      <!-- Action Box (Visible only when latest evidence is pending) -->
      <div class="w-100" id="actionBox">
        <div class="evidence-input-area">
            <div class="evidence-input-wrapper">
                <div class="evidence-input-group-custom">
                    <div class="evidence-message-input-wrapper">
                        <input type="text"
                               class="evidence-message-input"
                               id="evidenceMessage"
                               placeholder="<%= trans.cruds.ORDER.EVIDENCE_MODAL.message_placeholder %>">
                    </div>

                    <select class="evidence-status-select" id="evidenceStatus">
                        <option value="">
                            <%= trans.cruds.ORDER.EVIDENCE_MODAL.select_status %>
                        </option>
                        <option value="approved">
                            ✓ <%= trans.cruds.ORDER.EVIDENCE_MODAL.approved %>
                        </option>
                        <option value="rejected">
                            ✗ <%= trans.cruds.ORDER.EVIDENCE_MODAL.rejected %>
                        </option>
                    </select>
                </div>

                <button class="evidence-send-btn" id="saveEvidence">
                    <i class="fas fa-paper-plane"></i>
                    <%= trans.cruds.ORDER.EVIDENCE_MODAL.send %>
                </button>
            </div>
        </div>
      </div>
    </div>
  </div>
</div>