@if($coupons)
    <div class="row mt-4">
        <div class="col-md-4 text-sm-right text-xs-right text-md-left text-lg-left">
            <h4 class="unmarg--bottom">هل تريد استخدام كوبون خصم ؟</h4>
            <select name="coupons" id="coupons" style="display:none">
                <option value="">لديك {{$coupons->count()}} كوبونات خصم</option>
                @foreach($coupons as $coupon)
                    <option value="{{$coupon->code}}">{{$coupon->code}} - خصم {{$coupon->coupon_campaign->value}}{{$coupon->coupon_campaign->type=="flat"?"شيكل":"%"}} </option>
                @endforeach
            </select>

        </div>
        <div class="col-md-8">
            <div class="input-radio input-radio--innerlabel">
                <input id="use_coupon_no" checked checked type="radio" id="use_coupon" name="use_coupon"
                       value="use_coupon_no"/>
                <label for="no">لا</label>
            </div>
            <div class="input-radio input-radio--innerlabel">
                <input id="use_coupon_yes" type="radio" name="use_coupon" value="yes"/>
                <label for="use_coupon_yes"> نعم
                </label>

            </div>

            <div class="row mt-3" id="enter-code" style="display:none">
                <div class="col-md-5">
                    <input type="text" class="form-control" id="coupon_code" name="coupon_code"
                           placeholder="ادخل رمز الكوبون">
                </div>
                <div class="col-md-2">
                    <button id="redeem-btn" type="button" class="btn btn--primary btn-block">إستخدام</button>
                </div>
            </div>

        </div>

    </div>
@endif