@php use App\Http\Helpers\Helper; @endphp
        <!-- Modal -->
<div class="modal fade" id="upgrade" aria-modal="true" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="upgradeLabel">Năng cấp cấu hình</h5>
                <button type="button"
                        onclick="$('#upgrade').remove()"
                        class="close btn" data-bs-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                @if($addon->count())
                    <div class="row">
                        <div class="col-md-7">
                            <input type="hidden" name="billing"
                                   value="{{Helper::BillingFormat($billing)}}">
                            @foreach($addon as $item)
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="box-add__on">
                                            <div class="box-title_name mb-2">
                                                <label for="input-qty">
                                                    <strong>{{strtoupper($item->name)}}
                                                        ({{number_format($item->price,0,',','.')}}đ/1
                                                        Tháng)</strong>
                                                </label>
                                            </div>
                                            <div class="buttons_added">
                                                <input class="minus is-form"
                                                       onclick="appendAddon($(this).parent(),'{{strtolower($item->name)}}',{{$item->price}},{{$item->step}},'-')"
                                                       type="button" value="-">
                                                <input class="input-qty" max="{{$item->max}}" min="{{$item->min}}"
                                                       step="{{$item->step}}"
                                                       name="{{strtolower($item->name)}}"
                                                       data-name="{{strtolower($item->name)}}"
                                                       data-price="{{$item->price}}"
                                                       data-prefix="vCore" type="text" value="0">
                                                <input class="plus is-form"
                                                       onclick="appendAddon($(this).parent(),'{{strtolower($item->name)}}',{{$item->price}},{{$item->step}},'+')"
                                                       type="button" value="+">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="col-md-5">
                            <div class="box-add__on">
                                <hr>
                                <div
                                        class="item-bottom item-price-all d-flex justify-content-between align-items-center">
                                    <span class="font-weight-bold cart_widget_subtitle">
                                        Thời hạn
                                    </span>
                                    <span class="price">
                                        <span
                                                class="price-amount price-one font-weight-bold color-main">
                                           {{Helper::ViewBillingCycle($billing)}}
                                        </span>
                                    </span>
                                </div>
                                <div
                                        class="item-bottom item-price-all d-flex justify-content-between align-items-center">
                                    <span class="font-weight-bold cart_widget_subtitle">
                                        Tổng tiền (chưa VAT)
                                    </span>
                                    <span class="price">
                                        <span data-price="0"
                                              class="price-amount price-one font-weight-bold color-main cart_total_novat">
                                           0
                                        </span>đ
                                    </span>
                                </div>
                                <div
                                        class="item-bottom item-price-all d-flex justify-content-between align-items-center">
                                    <span class="font-weight-bold cart_widget_subtitle">
                                        VAT <i class="fa-regular fa-circle-exclamation color-main"></i>
                                    </span>
                                    <span class="price">
                                        <span data-price="0"
                                              class="price-amount price-one font-weight-bold color-main cart_vat">
                                            0
                                        </span>đ
                                    </span>
                                </div>
                                <div
                                        class="item-bottom item-price-all d-flex justify-content-between align-items-center">
                                    <span class="font-weight-bold cart_widget_subtitle">
                                        Thành tiền
                                    </span>
                                    <span class="price">
                                        <span data-price="0"
                                              class="price-amount price-one font-weight-bold color-main cart_total_amount">
                                            0
                                        </span>
                                        đ
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" onclick="$('#upgrade').remove()"
                        data-bs-dismiss="modal">Close
                </button>
                <button type="button"
                        onclick="OrderAddon({{$product}},{{$billing}})"
                        class="btn bg-color__brand text-white">Xác nhận
                </button>
            </div>
        </div>

    </div>
</div>