@extends('serviceprovider.header')

<div class="main_body">
	<div class="main_dashboard_child">
		<div class="my-profile">
      <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/Ellipse 55.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/img/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/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/img/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="{{ asset('assets/img/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/img/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="{{ asset('assets/img/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="{{ asset('assets/images/Icon ionic-ios-more.png') }}"></a>
                              <div class="dropdown-menu">
                                 <ul>
                                    <li><a href="#"><img src="{{ asset('assets/img/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="../img/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/img/share_black_24dp.png') }}">Share</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/content_copy_black_24dp.png') }}">Copy Text</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/drive_file_rename_outline_black_24dp.png') }}">Edit</a></li>
                                    <li><a href="#"><img src="{{ asset('assets/img/file_download_black_24dp.png') }}">Download</a></li>
                                    <li><a href="#" style="color: #FF6161;"><img src="../img/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>

    </div>



	</div>

		</div>
	</div>

</section>
@extends('serviceprovider.footer')