@extends('website.client.client_dashboard')
@section('css')
@endsection
@section('content')
    <div class="row p-3 pt-0 mt-5">
        <div class="d-flex justify-content-evenly justify-content-lg-between align-items-center shadow mb-3 p-3 radius-20">
            <div class="d-flex align-items-center">
                <img src="images/slide1.png" class="rounded-circle me-3 mb-2" width="50px" height="50px" alt="" />
                <div class="m-2">
                    <h2 class="fs-5 fs-md-2 fw-600 mb-1 mess-h">
                        omar invited you to aswan trip
                    </h2>
                    <span class="fs-8 gray mess-h">Lorem ipsum dolor sit amet consectetu laudantium
                        molestias et eaque quisquam sapiente,orro saepe aperiam
                        obcaecati laborum. Aliquid delectus dicta id magni.
                    </span>
                </div>
            </div>
            <div class="m-1 d-flex">
                <button class="btn btn m-1">accept</button>
                <button class="yellow-btn btn text-capitalize m-1">
                    decline
                </button>
            </div>
        </div>
        <div class="d-flex justify-content-evenly justify-content-lg-between align-items-center shadow mb-3 p-3 radius-20">
            <div class="d-flex align-items-center">
                <img src="images/slide1.png" class="rounded-circle me-3 mb-2" width="50px" height="50px"
                    alt="" />
                <div class="m-2">
                    <h2 class="fs-5 fs-md-2 fw-600 mb-1 mess-h">
                        omar invited you to aswan trip
                    </h2>
                    <span class="fs-8 gray mess-h">Lorem ipsum dolor sit amet consectetu laudantium
                        molestias et eaque quisquam sapiente,orro saepe aperiam
                        obcaecati laborum. Aliquid delectus dicta id magni.
                    </span>
                </div>
            </div>
            <div class="m-1 d-flex">
                <button class="btn m-1">accept</button>
                <button class="yellow-btn btn text-capitalize m-1">
                    decline
                </button>
            </div>
        </div>
        <div
            class="d-flex justify-content-evenly justify-content-lg-between align-items-center shadow mb-3 p-3 radius-20 unread">
            <div class="d-flex align-items-center">
                <img src="images/slide1.png" class="rounded-circle me-3 mb-2" width="50px" height="50px"
                    alt="" />
                <div class="m-2">
                    <h2 class="fs-5 fs-md-2 fw-600 mb-1 mess-h">
                        omar invited you to aswan trip
                    </h2>
                    <span class="fs-8 gray mess-h">Lorem ipsum dolor sit amet consectetu laudantium
                        molestias et eaque quisquam sapiente,orro saepe aperiam
                        obcaecati laborum. Aliquid delectus dicta id magni.
                    </span>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
@endsection