{{--Discard reasons--}}
<div class="modal fade" tabindex="-1" role="dialog" id="modal-discard-reasons" data-backdrop="false">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Cancel order</h4>
                <span>Why the client wants to cancel?</span>
            </div>
            <div class="modal-body">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="discard_reason" id="dr_expensive"
                           value="Expensive">
                    <label class="form-check-label" for="dr_expensive">
                        Expensive
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="discard_reason" id="dr_quoting" value="Quoting">
                    <label class="form-check-label" for="dr_quoting">
                        Quoting
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="discard_reason" id="dr_wrong_customer"
                           value="Wrong customer">
                    <label class="form-check-label" for="dr_wrong_customer">
                        Wrong customer
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="discard_reason" id="dr_coloring"
                           value="Coloring/Change">
                    <label class="form-check-label" for="dr_coloring">
                        Coloring/Change
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="discard_reason" id="product_not_available"
                           value="Product not available">
                    <label class="form-check-label" for="product_not_available">
                        Product not available
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="discard_reason" id="dr_testing" value="Testing">
                    <label class="form-check-label" for="dr_testing">
                        Testing
                    </label>
                </div>
            </div>
            <div class="hidden" data-product="" id="product_discarded"></div>
            <input type="text" class="hidden" id="clear_after"/>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"
                        onclick="saveDiscardReasons('discard_reason')">Save
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->