@extends('layout.menu')

@section('content2')  




<div class="page-body">
                <div class="container-fluid">
                    <div class="page-title dalili">
                        <div class="row">
                            <div class="col-6">
                               
                            </div>
                           
                        </div>
                    </div>
                </div>
				
				
				  
				  
				  
				  
				  
				  
				  
				  <div class="row">
				  
				   <div class="col-sm-6 col-xl-3 col-lg-6">
                <div class="card o-hidden">
                  <div class="bg-primary3 b-r-4 card-body">
                    <div class="media static-top-widget">
                      <div class="align-self-center text-center"><i data-feather="truck"></i></div>
                      <div class="media-body"><span class="m-0">Ma flotte en ligne</span>
                        <h4 class="mb-0 counter">6659</h4><i class="icon-bg" data-feather="truck"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-xl-3 col-lg-6">
                <div class="card o-hidden">
                  <div class="bg-primary3 b-r-4 card-body">
                    <div class="media static-top-widget">
                      <div class="align-self-center text-center"><i data-feather="layers"></i></div>
                      <div class="media-body"><span class="m-0">Demandes en ligne</span>
                        <h4 class="mb-0 counter">9856</h4><i class="icon-bg" data-feather="layers"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-xl-3 col-lg-6">
                <div class="card o-hidden">
                  <div class="bg-primary3 b-r-4 card-body">
                    <div class="media static-top-widget">
                      <div class="align-self-center text-center"><i data-feather="box"></i></div>
                      <div class="media-body"><span class="m-0">Mes offres en ligne</span>
                        <h4 class="mb-0 counter">893</h4><i class="icon-bg" data-feather="box"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-xl-3 col-lg-6">
                <div class="card o-hidden">
                  <div class="bg-primary3 b-r-4 card-body">
                    <div class="media static-top-widget">
                      <div class="align-self-center text-center"><i data-feather="shopping-cart"></i></div>
                      <div class="media-body"><span class="m-0">Mes courses en ligne</span>
                        <h4 class="mb-0 counter">45631</h4><i class="icon-bg" data-feather="shopping-cart"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
				  
				  
				  
				  
				   </div>  
				  
				  
				  
				  
				  
				  
				  
				  
				  
				   <div class="row">
				  <div class="col-md-6 xl-50 appointment-sec box-col-6">
                           
                                <div class=" appointment">
                                    <div class="card">
                                        <div class="card-header card-no-border">
                                            <div class="header-top">
                                                <h5 class="m-0">Confirmations du jour</h5>
                                                <div class="card-header-right-icon">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body pt-0">
                                            <div class="arri appointment-table table-responsive">
                                                <table class="table table-bordernone">
                                                    <tbody>
                                                        <tr>
                                                            <td><img class="imigi1 img-fluid img-40  mb-3" src="{{ asset('theme/assets/images/appointment/box.png') }}" alt="Image description">
                                                                
                                                            </td>
															<div class="">
                                                            <td class=" img-content-box"><span class="d-block">Chargements confirmés</span></td>
                                                            <td>
                                                                <p class="m-0 font-primary">28</p>
                                                            </td>
                                                            <td class="text-end">
                                                                <div class="button btn btn-primary">Voir plus<i class="fa fa-check-circle ms-2"></i></div>
                                                            </td>
															</div>
                                                        </tr>
														<div class="espace"></div>
														
														<tr>
                                                            <td><img class="imigi1 img-fluid img-40  mb-3" src="{{ asset('theme/assets/images/appointment/box2.png') }}" alt="Image description">
                                                                
                                                            </td>
                                                            <td class=" img-content-box"><span class="d-block">Courses du jour</span></td>
                                                            <td>
                                                                <p class="m-0 font-primary">22</p>
                                                            </td>
                                                            <td class="text-end">
                                                                <div class="button btn btn-primary">Voir plus<i class="fa fa-check-circle ms-2"></i></div>
                                                            </td>
                                                        </tr>
                                                     
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                               
                         
                        </div>
				 
				  
				   
				  
				  
				  
				  
				   <div class="col-md-6 xl-50 appointment-sec box-col-6">
                                    <div class="card bg-img">
                                        <div class="card-header">
                                            <div class="header-top">
                                                <h5 class="m-0">Alert </h5>
                                                <div class="dot-right-icon"><i class="fa fa-ellipsis-h"></i></div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="body-bottom">
                                                <h6> 10% off For drama lights Couslations...</h6><span class="font-roboto">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted by  </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
								
								
								
								 <div class="col-xl-6">
                <div class="card">
                  <div class="card-header">
                    <h5>Position de la flotte</h5>
                  </div>
                  <div class="">
                   <div class="espace"></div>
				   <img class="imigi1 img-fluid  mb-3" src="{{ asset('theme/assets/images/appointment/map.png') }}" alt="Image description">
				   
				   
                  </div>
                </div>
              </div>
								
								
								
								
								
								
								 <div class="col-xl-6 xl-50 appointment box-col-6">
                            <div class="card">
                                <div class="card-header">
                                    <div class="header-top">
                                        <h5 class="m-0">Market Value</h5>
                                         <div class="dot-right-icon"><i class="fa fa-ellipsis-h"></i></div>
                                    </div>
                                </div>
                                <div class="card-Body">
                                    <div class="radar-chart">
                                        <div id="marketchart"> </div>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						
					  
								
								
								
								
								
								
								
								   <div class="col-xl-6">
                            <div class="card">
                                <div class="card-header card-no-border">
                                    <div class="header-top">
                                        <h5 class="m-0">notification</h5>
                                       
                                    </div>
                                </div>
                                <div class="card-body ">
                                 
								 
								 
								 
								   <ul class="body-bottom">
                               
                               
                                <li class="linil">
                                    <p><i class="fa fa-circle-o me-3 font-primary"> </i>Delivery processing <span class="pull-right">10 min.</span></p>
									<div class="lini2">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted </div>

                                </li>
                                  <li class="linil">
                                    <p><i class="fa fa-circle-o me-3 font-success"></i>Order Complete<span class="pull-right">1 hr</span></p>
																		<div class="lini2">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted </div>

                                </li>
                                 <li class="linil">
                                    <p><i class="fa fa-circle-o me-3 font-info"></i>Tickets Generated<span class="pull-right">3 hr</span></p>
																		<div class="lini2">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted </div>

                                </li>
                                 <li class="linil">
                                    <p><i class="fa fa-circle-o me-3 font-danger"></i>Delivery Complete<span class="pull-right">6 hr</span></p>
																		<div class="lini2">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted </div>

                                </li>
								
								
								 <li class="linil">
                                    <p><i class="fa fa-circle-o me-3 font-info"></i>Tickets Generated<span class="pull-right">3 hr</span></p>
																		<div class="lini2">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted </div>

                                </li>
                                 <li class="linil">
                                    <p><i class="fa fa-circle-o me-3 font-danger"></i>Delivery Complete<span class="pull-right">6 hr</span></p>
																		<div class="lini2">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted </div>

                                </li>
								
								
                               
                            </ul>
								 
								 
								 
                                </div>
                            </div>
                        </div>
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						     <div class="col-xl-6">
                            <div class="card chat-default">
                                <div class="card-header card-no-border">
                                    <div class="media media-dashboard">
                                        <div class="media-body">
                                            <h5 class="mb-0">Live Chat</h5>
                                        </div>
                                        <div class="icon-box"><i class="fa fa-ellipsis-h"></i></div>
                                    </div>
                                </div>
                                <div class="card-body chat-box body-bottom">
                                <div class="espace"></div>
<div class="">
<div class="clr"></div>
                                    <div class="chat">
                                        <div class="media left-side-chat">
                                            <div class="media-body d-flex">
                                                <div class="img-profile"> <img class="img-fluid" src="{{ asset('theme/assets/images/user.jpg') }}" alt="Profile"></div>
                                                <div class="main-chat">
                                                    <div class="message-main"><span class="mb-0">Hi deo, Please send me link.</span></div>
                                                    <div class="sub-message message-main"><span class="mb-0">Right Now</span></div>
                                                </div>
                                            </div>
                                            <p class="f-w-400">7:28 PM</p>
                                        </div>
                                        <div class="media right-side-chat">
                                            <p class="f-w-400">7:28 PM</p>
                                            <div class="media-body text-end">
                                                <div class="message-main pull-right"><span class="mb-0 text-start">How can do for you</span>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="media left-side-chat">
                                            <div class="media-body d-flex">
                                                <div class="img-profile"> <img class="img-fluid" src="{{ asset('theme/assets/images/user.jpg') }}" alt="Profile"></div>
                                                <div class="main-chat">
                                                    <div class="sub-message message-main mt-0"><span>It's argently</span></div>
                                                </div>
                                            </div>
                                            <p class="f-w-400">7:28 PM</p>
                                        </div>
                                        <div class="media right-side-chat">
                                            <div class="media-body text-end">
                                                <div class="message-main pull-right"><span class="loader-span mb-0 text-start" id="wave"><span class="dot"></span><span class="dot"></span><span class="dot"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="input-group">
                                            <input class="form-control" id="mail" type="text" placeholder="Type Your Message..." name="text">
                                            <div class="send-msg"><i data-feather="send"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						
						
						
						</div>
                        </div>	
								
						<div class="clr"></div>
								
								
								
				  
                <!-- Container-fluid starts-->
                <div class="">
                    <div class="">
                        <div class="">
                            <div class="">
                                <div class="card-body">
                                 
                                    <div class="">
                                     
                                      
                                       
                                       
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                       
                     
                        
                     
                       
                   
                        <div class="col-xl-4 col-lg-12 xl-50  box-col-6">
                          
                        </div>
                    </div>
                </div>
                <!-- Container-fluid Ends-->
            </div>
	 <span id="greeting"></span> 
	
	@stop