@forelse($transactions ?? [] as $transaction)
    <div class="info_card bg-transparent d-lg-flex justify-content-between align-items-start mb-3">
        <figure class="d-flex align-items-center">
            <img src="{{ asset('site/img/wallet-money.png') }}" alt="">
            <figcaption class="mx-2">
                <h5> {{ __('Order number') }}: <span>#{{ $transaction->order_id }}</span></h5>
                <p class="my-1"> {{ __('Payment method') }}: <span>{{ $transaction->type == 1 ? __('Cash') : __('Visa') }}</span></p>
                <p> {{ __("The company's percentage of the operation") }} ({{ $transaction->store->commission }}%): <span>{{ $transaction->commission }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></span></p>
            </figcaption>
        </figure>
        <div class="d-flex d-lg-block justify-content-between align-items-center mt-3 mt-lg-0">
            <h5 class="mb-lg-1"><span>{{ $transaction->store_earning }}</span> <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""> </h5>
            <div class="d-flex justify-content-end">
                @if($transaction->collect_status == 1)
                    <p class="order_status green"> {{ __('Paid') }} </p>
                @else
                    <p class="order_status orange"> {{ __('Unpaid') }} </p>
                @endif
            </div>
        </div>
    </div>
@empty
    <div class="no_results fit_height_center justify-content-center">
        <i class="fas fa-wallet bounce_icon"></i>
        <h2 class="text-center w-100 pt-3"> {{ __('There are no transactions to display.') }}</h2>
    </div>
@endforelse