<%- include('./adjustment-modal-style') %>
<div class="modal fade" id="adjustAmountModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-success">
                    <i class="fas fa-percentage me-1"></i>
                    <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.title %>
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <form id="adjustAmountForm" class="w-100">
                <div class="modal-body">

                    <div class="form-group mb-3">
                        <label class="form-label">
                            <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.percentage_label %>
                        </label>
                        <input type="number"
                               class="form-control"
                               id="adjustmentPercentage"
                               name="percentage"
                               min="1"
                               max="100"
                               step="1"
                               placeholder="<%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.percentage_placeholder %>"
                               required>
                    </div>

                    <div class="form-group mb-3">
                        <label class="form-label">
                            <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.message_label %>
                        </label>
                        <textarea class="form-control"
                                  id="adjustmentMessage"
                                  name="message"
                                  rows="3"
                                  placeholder="<%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.message_placeholder %>"></textarea>
                    </div>

                    <div class="calculation-card">
                        <div class="calc-row">
                            <span class="calc-label">
                                <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.order_total %>
                            </span>
                            <span class="calc-value">
                                SAR <%= dispute.orderId.totalAmount %>
                            </span>
                        </div>

                        <div class="calc-row deduction">
                            <span class="calc-label">
                                <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.adjustment %>
                                (<span id="amountDifference">0</span>%)
                            </span>
                            <span class="calc-value">
                                - SAR <span id="percentagePreview">0.00</span>
                            </span>
                        </div>

                        <div class="calc-divider"></div>

                        <div class="calc-row total">
                            <span class="calc-label">
                                <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.new_total %>
                            </span>
                            <span class="calc-value highlight">
                                SAR <span id="newAmountPreview"><%= dispute.orderId.totalAmount %></span>
                            </span>
                        </div>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-secondary"
                            data-bs-dismiss="modal">
                        <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.cancel %>
                    </button>

                    <button type="submit"
                            class="btn btn-success"
                            id="confirmAdjustAmount">
                        <i class="fas fa-check me-1"></i>
                        <%= trans.cruds.DISPUTE_ORDER.ADJUST_AMOUNT_MODAL.propose_adjustment %>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
