@if($message->read_at != null)
    <div class="row message balance collapsed read">
        @else
            <div class="row message course">
                @endif
                <div class="logo-column">
                    <span class="circle">{{"U"}}</span>
                </div>

                <div class="content-column relativeContainer">
                    <div class="header relativeContainer">
                        <h4>
                            {{empty(Auth::user()->userName)?Auth::user()->phone:Auth::user()->userName}}
                        </h4>

                        <h4>
                            {{TimestampConverter::getTimezoneTimestamp($message->updated_at, 'H:i:s / d.m.Y')}}
                        </h4>

                        <div class="intro">
                            @if($message->notificationType == 'courseChange' || $message->notificationType == 'courseChangeRefund')
                                {{__('Successful Course Change')}}
                            @elseif($message->notificationType == 'courseRefund')
                                {{__('Successful Course Refund')}}
                            @endif
                        </div>
                    </div>

                    <div class="content">
                        <div class="text">
                            @if($message->notificationType == 'courseChange' || $message->notificationType == 'courseChangeRefund')
                                @if(Config::get('app.locale') === 'en')
                                    {{__('Your course')}}{{" "}}{{$message->oldUni['uniName']}}{{" "}}{{$message->oldItem->courseNameEnglish}}{{" "}}
                                    {{__('has been replaced with')}}{{" "}}{{$message->newUni['uniName']}}{{" "}}{{$message->newItem->courseNameEnglish}}.
                                @else
                                    {{__('Your course')}}{{" "}}{{$message->oldUni['uniNameChinese']}}{{" "}}{{$message->oldItem->courseNameChinese}}{{" "}}
                                    {{__('has been replaced with')}}{{" "}}{{$message->newUni['uniNameChinese']}}{{" "}}{{$message->newItem->courseNameChinese}}.
                                @endif

                                @if($message->notificationType == 'courseChangeRefund')
                                    {{__('Price difference has been refunded to your wallet')}}
                                @endif
                            @elseif($message->notificationType == 'courseRefund')
                                @if(Config::get('app.locale') === 'en')
                                    {{__('Your course')}}{{" "}}{{$message->oldUni['uniName']}}{{" "}}{{$message->oldItem->courseNameEnglish}}{{" "}}{{__('has been refunded')}}.{{" "}}
                                @else
                                    {{__('Your course')}}{{" "}}{{$message->oldUni['uniNameChinese']}}{{" "}}{{$message->oldItem->courseNameChinese}}{{" "}}{{__('has been refunded')}}.{{" "}}
                                @endif
                            @endif
                                <a href="{{route('orderDetails', ['orderID'=>$message->orderID])}}">{{__('Click here')}}</a>{{" "}}{{__('to view the order details')}}
                        </div>

                        <div class="thanks">
                            <span>{{__('Thank you')}},</span>
                            <span>{{__('UKUOFFER Team')}}</span>
                        </div>
                    </div>
                </div>
            </div>