@extends('seller.profile')
{{-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> --}}
@section('content')

    {{-- Messages --}}
    <div class="col-lg-8">
        <div style="height: 60px">
            <strong>
                Messages
            </strong>
        </div>
        <div class="ps-section__right">
            <div class="ps-section__content">
                @foreach ($messages as $message)
                <div class="row mt-3 justify-content-between border border-1 p-2 align-items-center" style="border-radius: 10px">
                    <div class="col-1 text-start">
                        {{-- <img src="https://www.shutterstock.com/image-vector/vector-flat-illustration-grayscale-avatar-600nw-2264922221.jpg" alt="" style="width:50px;height:50px;"> --}}
                        <b>Admin</b>
                    </div>
                    <div class="col-7">
                        <b>{{$message->subject}}</b>
                        <p class="p-0 m-0">
                            {{$message->message}}
                        </p>
                    </div>
                    <div class="col-4 row justify-content-end pr-5">
                        <span>{{$message->created_at->format('H:i:s A d-M-Y')}}</span>
                    </div>
                </div>
                @endforeach
                <div class="mt-3">
                    {!! $messages->withQueryString()->links('pagination::bootstrap-5') !!}  
                </div>
            </div>
        </div>
    </div>

@endsection