@extends('layouts.cs.main')

@section('main-content')
    <div class="container">
        <div class="card mt-5">
            <div class="card-body">
                <div class="container text-center">
                    @if ($sh_approved === 1)
                        <img class="img-fluid" src="{{ asset('/assets/images/completed.gif') }}" alt=""
                            style="height: 300px">
                        <h3 class="mt-4">Success! Transaction Completed</h3>
                        <p class="text-muted">Hi Cashier, great news! {{ $member_fname }} can now collect their order as the transaction has been approved. They're good to go!</p>
                    @else
                        <img class="img-fluid" src="{{ asset('/assets/images/waiting.gif') }}" alt=""
                            style="height: 300px">
                        <h3 class="mt-4">Transaction - Awaiting Approval</h3>
                        <p class="text-muted">Hi Cashier, {{ $member_fname }}'s order is ready, but it's awaiting approval from the Store Head before they can collect it.</p>
                    @endif
                    <a href="/cs/select-member" style="display: inline-block; text-decoration: none;">
                        <p class="mt-5" style="display: inline-block; margin: 0; vertical-align: middle;">Create New Transaction</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection