@extends('header')
<div class="main_body" style="padding-right:20px;">
	<div class="main_dashboard_child">
		<div class="my-profile chat_list_page">
         <div class="row">
            <div class="col-sm-3 pr-0 pl-0">
               <div class="card">
                  <div class="chat_list">
                     <form class="search_user">
                        <div class="form-group">
                           <input type="text" name="" class="form-control" placeholder="Search">
                           <img src="{{ asset('assets/images/Icon ionic-ios-search.png') }}" class="input-icon">
                        </div>
                     </form>
                     <div class="users__list">
                        <!-- single user -->
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 27.png') }}" alt="">
                                       
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <span class="badge badge-warning">3</span>
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <!-- end -->
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex active">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 29.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Scarlett Johansson</h5>
                                       <p>This theme is awesome!</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>09:50</p>
                                       <!-- <span class="badge badge-warning">3</span> -->
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 33.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <span class="badge badge-warning">3</span>
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 35.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <span class="badge badge-warning">3</span>
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 37.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <!-- <span class="badge badge-warning">3</span> -->
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 41.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <span class="badge badge-warning">3</span>
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 43.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <!-- <span class="badge badge-warning">3</span> -->
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 45.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <!-- <span class="badge badge-warning">3</span> -->
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 47.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <span class="badge badge-warning">3</span>
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                        <div class="single_user">
                           <div class="user_child">
                              <div class="user_img">
                                 <a href="#" class="d-flex">
                                    <div class="user_profile">
                                       <img src="{{ asset('assets/images/Ellipse 56.png') }}" alt="">
                                    </div>
                                    <div class="user_nm">
                                       <h5>Chris Evans</h5>
                                       <p>Okay Sure...</p>
                                    </div>
                                    <div class="msg_time">
                                       <p>10:50</p>
                                       <!-- <span class="badge badge-warning">3</span> -->
                                    </div>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-sm-9">
               <!-- right side -->
      <div class="card">
        <div class="chat_sec">
         <div class="single_user_chat">
                     <!--- user name -->
                     <div class="single_user_title">
                        <div class="row">
                           <div class="col-sm-9">
                              <div class="user_main_title d-flex">
                                 <div class="user_main_img">
                                    <img src="{{ asset('assets/images/Ellipse 49.png') }}" alt="">
                                    
                                 </div>
                                 <div class="user_main_name">
                                    <h5>Jeremy Renner</h5>
                                 </div>
                              </div>
                           </div>
                           <div class="col-sm-3">
                              <div class="user_call_icons">
                                 <a href="#"><img src="{{ asset('assets/images/Group 100.png') }}"></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <!--- user messages -->
                     <div class="user_msgs">
                        <!-- left msg -->
                        <div class="left_msgs single_msg d-flex">
                           <div class="chat_profile">
                              <img src="{{ asset('assets/images/Ellipse 55.png') }}">
                           </div>
                           <div class="chat_text">
                              <div class="chat_p">
                                 <p>Send methe zip file</p>
                              </div>
                              <div class="user_small_name">
                                 <p>Scarlett Johansson <span>09:30</span></p>
                              </div>
                           </div>
                           <div class="dropright more_options">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{ asset('assets/images/Icon ionic-ios-more.png') }}"></a>
                              <div class="dropdown-menu">
                                 <ul>
                                    <li><a href="#"><img src="{{ asset('assets/images/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <!-- right msg -->
                        <div class="right_msgs single_msg d-flex">
                           <div class="dropleft more_options">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{ asset('assets/images/Icon ionic-ios-more.png') }}"></a>
                              <div class="dropdown-menu">
                                 <ul>
                                    <li><a href="#"><img src="{{ asset('assets/images/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="{{ asset('assets/images/delete_black_24dp.png') }}">Delete</a></li>
                                 </ul>
                              </div>
                           </div>
                           <div class="chat_text">
                              <div class="chat_p">
                                 <p><img src="{{ asset('assets/images/Group 101.png') }}" class="icon-img" />All images.zip</p>
                              </div>
                              <div class="user_small_name">
                                 <p>09:30  <span>Scarlett Johansson</span></p>
                              </div>
                           </div>
                           <div class="chat_profile">
                              <img src="{{ asset('assets/images/Rectangle 3807.png') }}">
                           </div>
                        </div>
                        <!-- date devider -->
                        <div class="date_devider">
                           <p><span>Today</span></p>
                        </div>
                        <!-- end -->
                        <div class="left_msgs single_msg d-flex">
                           <div class="chat_profile">
                              <img src="{{ asset('assets/images/Ellipse 55.png') }}">
                           </div>
                           <div class="chat_text">
                              <div class="chat_p">
                                 <p><img src="{{ asset('assets/images/pexels-ivan-samkov-4458554.png') }}"> <img src="{{ asset('assets/images/pexels-vlada-karpovich-4050315.png') }}"><img src="{{ asset('assets/images/pexels-tima-miroshnichenko-5717034.png') }}"></p>
                              </div>
                              <div class="user_small_name">
                                 <p>Scarlett Johansson <span>09:30</span></p>
                              </div>
                           </div>
                           <div class="dropright more_options">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{ asset('assets/images/Icon ionic-ios-more.png') }}"></a>
                              <div class="dropdown-menu">
                                 <ul>
                                    <li><a href="#"><img src="{{ asset('assets/images/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="{{ asset('assets/images/delete_black_24dp.png') }}">Delete</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="left_msgs single_msg d-flex">
                           <div class="chat_profile">
                              <img src="{{ asset('assets/images/Ellipse 55.png') }}">
                           </div>
                           <div class="chat_text">
                              <div class="chat_p">
                                 <p>Please, save this pictures to your file and give it to me after you have done with editing!</p>
                              </div>
                              <div class="user_small_name">
                                 <p>Scarlett Johansson <span>09:30</span></p>
                              </div>
                           </div>
                           <div class="dropright more_options">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../images/Icon ionic-ios-more.png"></a>
                              <div class="dropdown-menu">
                                 <ul>
                                 <li><a href="#"><img src="{{ asset('assets/images/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="{{ asset('assets/images/delete_black_24dp.png') }}">Delete</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="right_msgs single_msg d-flex">
                           <div class="dropleft more_options">
                              <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{ asset('assets/images/Icon ionic-ios-more.png') }}"></a>
                              <div class="dropdown-menu">
                                 <ul>
                                 <li><a href="#"><img src="{{ asset('assets/images/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/images/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="{{ asset('assets/images/delete_black_24dp.png') }}">Delete</a></li>
                                 </ul>
                              </div>
                           </div>
                           <div class="chat_text">
                              <div class="chat_p">
                                 <p>This theme is awesome!</p>
                              </div>
                              <div class="user_small_name">
                                 <p>09:30  <span>Scarlett Johansson</span></p>
                              </div>
                           </div>
                           <div class="chat_profile">
                              <img src="{{ asset('assets/images/Rectangle 3807.png') }}">
                           </div>
                        </div>
                     </div>
                     <!-- user msgs end -->
                     <!-- write msg form -->
                     <div class="type_msg">
                        <div class="form_inner type_msg_input">
                           <form class="form-inline">
                              <input type="text" class="form-control mr-sm-2" id="" placeholder="Message Scarlett Johansson">
                              <button type="button"><a href="#"><img src="{{ asset('assets/images/Mask Group 23.png') }}"></a></button>
                              <button type="button"><a href="#"><img src="{{ asset('assets/images/Mask Group 20.png') }}"></a></button>
                              <button type="button"><a href="#"><img src="{{ asset('assets/images/Mask Group 22.png') }}"></a></button>
                              <button type="submit"><img src="{{ asset('assets/images/Icon ionic-md-send.png') }}"></button>
                           </form>
                        </div>
                     </div>
                     <!-- form end -->
                  </div>

        </div>

      </div>

      <!-- end -->

            </div>
         </div>
         

    </div>



	</div>

		</div>
	</div>

</section>
@extends('footer')