@if($p_carts->count()<=0)
    <div class="row mt-4 d-flex align-items-center" id="payments-div-q"
         style="{{ empty($account->mobile)?'display:none':'' }}">
        <div class="col-md-4 text-sm-right text-xs-right text-md-left text-lg-left">
            <h4 class="nmargin">هل تريد تقسيط الشراء ؟</h4>
            <div class="modal-instance">

                <a style="text-decoration: none" class="modal-trigger" href="#">شروط التقسيط</a>

                <div class="modal-container">
                    <div class="modal-content">
                        <div class="boxed boxed--lg">
                            <h2>طرق التقسيط</h2>
                            <hr class="short">
                            <p class="lead text-right">
                                {!! \App\Models\Settings::where("key",'payments_methods')->first()->value !!}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="input-radio input-radio--innerlabel">
                <input id="without-payments" checked class="payments" type="radio" name="payments"
                       value="no"/>
                <label for="without-payments">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;لا&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            </div>
            <div class="input-radio input-radio--innerlabel">
                <input id="with-payments" class="payments" type="radio" name="payments" value="yes"/>
                <label for="with-payments">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;نعم&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            </div>
        </div>
        <div id="payments" style="display:none">
            <div class="col-md-12">
                <h4> ما هو عدد الاشهر</h4>
            </div>
            <div class="col-md-12 text-center">
                <div class="input-number">
                    <input id="months" type="number" name="months" placeholder="عدد الاشهر" value="12"
                           min="1" max="36" class="form-control input-sm"/>
                    <div class="input-number__controls">
                        <span class="input-number__increase"><i class="stack-up-open"></i></span>
                        <span class="input-number__decrease"><i class="stack-down-open"></i></span>
                    </div>
                </div>

                <h5 dir="rtl"> القسط الشهري: <span id="monthly-payment"></span>₪</h5>

            </div>
        </div>
    </div>
@endif