@extends('layouts.userLayout')
@section('content')

<section class="dashboard_section message_chat_section">
    <div class="dashboard_inner top-space">
        @include('user.dashboard.sidebar')
        <div class="right_side_wrap">
            <div class="setting">
                <div class="breadcame margin mb-0">
                    <div class="breadcame_area">
                        <h2>Messages</h2>
                    </div> 
                </div>
                <div class="message_section">
                    <div class="row">
                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="content_box">
                                <div class="chat_section">
                                	<div class="chat_area">
                                                                                <div class="row">
                                            <div class="col-xxl-7 col-xl-7 col-lg-8 col-md-9 col-sm-9 col-12 empty-chat-state mx-auto">
                                                <div class="nochat_area">
                                                    <div class="row align-items-center">
                                                        <div class=" col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="content">
                                                                <h5 class="mb-0">All your messages will be saved here</h5>
                                                            </div>
                                                        </div>
                                                        <div class=" col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                            <div class="image_area">
                                                                <img src="{{ url('assets/images/no_chat.png') }}"  class="img-fluid"  alt="">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                        	</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection