@if($transaction_info['coupon_code'] && $transaction_info['coupon_discount'])
    <div class="row justify-content-center">
        <div class="col-md">
            <x-inputs.text.Input label="خصم قسيمة ({{ $transaction_info['coupon_code'] }})" icon="dollar-sign" name="coupon_discount" :value="$transaction_info['coupon_discount']" class="is-valid" divClass="is-valid" readonly/>
        </div>
    </div>
@endif


@if(!request()->has('coupon_code') || empty(request()->coupon_code))
    <div class="row justify-content-center">
        <div class="col-md">
            <button type="button" class="btn btn-warning btn-sm mt-2" data-bs-toggle="modal" data-bs-target="#refuseCoupon">
                اضافة قسيمة
            </button>
        </div>
    </div>

@else

    <div class="row justify-content-center mt-1">
        <div class="col-md">
            {!! Form::label('coupon_code','القسيمة') !!}
            {!! Form::label('coupon_code',request()->coupon_code,['class' => 'form-control '. ($transaction_info['is_coupon_valid'] ? 'is-valid' : 'is-invalid')]) !!}
            @if(!$transaction_info['is_coupon_valid'])
                <span class="invalid-feedback" role="alert">
                            <strong>{{ $transaction_info['message'] ?? 'قسيمة غير صالحة' }}</strong>
                        </span>
            @else
                <span class="valid-feedback">
            {{ $transaction_info['message'] ??  'تم تطبيق القسيمة' }}
        </span>
                <input type="hidden" id="coupon" name="coupon" value="{{ request()->coupon_code }}">
                <input type="hidden" id="coupon_value" name="coupon_value" value="{{ request()->coupon_value }}">
            @endif

        </div>
    </div>

    <div class="row mb-1 justify-content-center mt-1">
        <div class="col-md">
            <a href="{{ url()->current() }}{{!empty(request()->wallet_id) ? '?wallet_id='.request()->wallet_id.'&wallet_discount='.request()->wallet_discount:'' }}" class="btn btn-sm btn-danger">ازالة القسيمة <em data-feather="trash"></em></a>
        </div>
    </div>

@endif




    <div class="modal fade add_back" id="refuseCoupon" tabindex="-1" aria-labelledby="AddCouponLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" id="res">
                <div class="modal-header">
                    <h5 class="modal-title" id="AddCoupon">اضافة قسيمة خصم</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form role="form" method="GET" name="transactionsrefuse" action="{{ url()->current() }}{{!empty(request()->wallet_id) ? '?wallet_id='.request()->wallet_id.'&wallet_discount='.request()->wallet_discount:'' }}">
                    <div class="modal-body">
                        <div class="col-md">
                            <x-inputs.text.Input label="قسيمة الخصم" icon="file-text" name="coupon_code" />
                        </div>
                        <div class="col-md">
                            <x-inputs.text.Input label="قيمة الخصم" icon="file-text" type="number" name="coupon_value" />
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                            عوده
                        </button>
                        <x-inputs.submit class="btn btn-warning  me-1">تطبيق القسيمة</x-inputs.submit>

                    </div>

                </form>
            </div>
        </div>
    </div>