@if($message->read_at != null)
    <div class="row message reset collapsed read">
@else
    <div class="row message reset">
@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 == 'phoneReset')
                        {{__('Phone reset')}}
                    @else
                        {{__('E-mail reset')}}
                    @endif
                </div>
            </div>

            <div class="content">
                <div class="shout">
                    {{__('Success')}}!
                </div>

                <div class="user">
                    {{__('Dear')}}{{" "}}{{empty(Auth::user()->userName)?Auth::user()->phone:Auth::user()->userName}},
                </div>

                <div class="text">
                    @if($message->notificationType == 'phoneReset')
                        {{__('You have successfully reset phone number to')}}{{" "}}<span class="bold">{{$message->phone}}</span>
                    @else
                        {{__('You have successfully reset email address to')}}{{" "}}<span class="bold">{{$message->email}}</span>
                    @endif
                        {{__(', please keep it carefully')}}
                </div>

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