@extends('my.admin.layouts.master')

@section('content')
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif



    {{-- <div class="card">
        <div class="card-body">
            <div class="d-flex align-items-center">
                @if ($message->user->profile_picture && Storage::disk('public')->exists($message->user->profile_picture))
                <img src="{{ asset('storage/' . $message->user->profile_picture) }}"
                    class="rounded-circle mx-4" width="52" height="52"
                    alt="User's profile picture">
            @else
                <img src="{{ asset('assets/assets/images/profile.png') }}" class="rounded-circle mx-4"
                    width="52" height="52" alt="Default profile picture">
            @endif
                <div class="ms-3 flex-grow-1">
                    <h6 class="mb-0 dropdown-msg-user">{{ $message->user->name }}
                        <span class="msg-time float-end text-secondary">
                            <form action="{{ route('message.destroy', $message->id) }}" method="POST"
                                style="display: inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn   btn-outline-light  "
                                    onclick="return confirm('Are you sure you want to delete this message?');">
                                    <div
                                        class="d-flex align-items-center font-24 cursor-pointer rounded   btn-outline-danger">
                                        <i class="fadeIn animated bx bx-trash px-2 py-4"></i>
                                    </div>
                                </button>
                            </form>
                        </span>
                    </h6>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="email-read-content px-md-5 py-5">
                {{ $message->message }}
            </div>
        </div>

    </div> --}}


    <div class="card radius-10">
        <div class="card-body">
            <div class="d-flex align-items-center">
                @if ($message->user->profile_picture && Storage::disk('public')->exists($message->user->profile_picture))
                    <img src="{{ asset('storage/' . $message->user->profile_picture) }}" class="rounded-circle p-1 border"
                        width="90" height="90" alt="User's profile picture">
                @else
                    <img src="{{ asset('assets/assets/images/profile.png') }}" class="rounded-circle p-1 border"
                        width="90" height="90" alt="Default profile picture">
                @endif
                {{-- <img src="{{ asset('assets/assets/images/avatars/avatar-1.png') }}" class="rounded-circle p-1 border" width="90" height="90" alt="..."> --}}
                <div class="flex-grow-1 ms-3">
                    <h5 class="mt-0">{{ $message->user->name }}'s message</h5>
                    <p class="mb-0"> {{ $message->message }} </p>
                </div>
            </div>
        </div>
    </div>
@endsection