@extends('admin.layout.index')
@section('title')
{{__("message.Dashboard")}}
@stop
@section('content')
<!--Page header-->
<div class="page-header">
   <div class="page-leftheader">
      <h4 class="page-title mb-0 text-primary">{{__("message.Dashboard")}}</h4>
   </div>
</div>
<!--End Page header-->
<!-- Row-1 -->
<div class="row">
	<div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Sales")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$currency.number_format($totalsales,2,'.','')}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fa fa-usd fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Orders")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalorder}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fab fa-first-order fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Pending Orders")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$pendingorders}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-spinner fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Complete Orders")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$completeorder}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-tasks fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Category")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalcategory}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fab fa-accusoft fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total City")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalcity}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-city fa-1x"></i></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card">
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Users")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalusers}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-users fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card">
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Managers")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalmanager}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-user-tie fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card">
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Packages")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalpackage}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-cubes fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card">
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Parameters")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalprofile}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-stroopwafel fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card" >
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Profiles")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalparameter}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-atom fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-sm-12 col-md-6 col-xl-3">
      <div class="card">
         <div class="card-body">
            <div class="d-flex no-block align-items-center">
               <div>
                  <h6 class="text-black">{{__("message.Total Popular Package")}}</h6>
                  <h2 class="text-black m-0 font-weight-bold">{{$totalpopular}}</h2>
               </div>
               <div class="ms-auto"> <span class="text-black display-6"><i class="fas fa-bowling-ball fa-1x"></i></span> </div>
            </div>
         </div>
      </div>
   </div>
</div>

<div class="page-header">
   <h3 class="page-title">{{__("message.Orders List")}}</h3>
   <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="{{route('admin-dashboard')}}">{{__("message.Home")}}</a></li>
         <li class="breadcrumb-item active">{{__("message.Orders List")}}</li>
      </ol>
   </nav>
</div>

<div class="row">
   <div class="col-lg-12 grid-margin stretch-card">
      <div class="card">
         <div class="card-body">
            @if(Session::has('message'))
            <div class="col-sm-12">
               <div class="alert  {{ Session::get('alert-class', 'alert-info') }} alert-dismissible fade show" role="alert">{{ Session::get('message') }}
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
            </div>
            @endif
            <div class="table-responsive">
               <table id="OrdersTable" class="table table-bordered text-nowrap dataTable no-footer">
                  <thead>
                     <tr>
                        <th>{{__("message.Id")}}</th>
                        <th>{{__("message.Customer Name")}}</th>
                        <th>{{__("message.Payment Method")}}</th>
                        <th>{{__("message.Paid Amount")}}</th>
                        <th>{{__("message.Sample Collection DateTime")}}</th>
                        <th>{{__("message.More")}}</th>
                        <th>{{__("message.Print")}}</th>
                        <th>{{__("message.Status")}}</th>
                        <th>{{__("message.Action")}}</th>
                     </tr>
                  </thead>
                  <tbody>                        
                  </tbody>
                  <tfoot>
                     <th>{{__("message.Id")}}</th>
                     <th>{{__("message.Customer Name")}}</th>
                     <th>{{__("message.Payment Method")}}</th>
                     <th>{{__("message.Paid Amount")}}</th>
                     <th>{{__("message.Sample Collection DateTime")}}</th>
                     <th>{{__("message.More")}}</th>
                     <th>{{__("message.Print")}}</th>
                     <th>{{__("message.Status")}}</th>
                     <th>{{__("message.Action")}}</th>
                  </tfoot>
               </table>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="modal fade" id="normalmodal" tabindex="-1" aria-labelledby="normalmodal" style="display: none;" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title" id="normalmodal1">{{__("message.Order No")}} : <span id="order_no">5</span></h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> 
         </div>
         <div class="modal-body">
            <div style="margin-bottom: 10px;">
                 <p><b>{{__("message.Name")}} :</b> <span id="customer_name"></span></p>
                 <p><b>{{__("message.email")}} :</b> <span id="email"></span></p>
                 <p><b>{{__("message.Address")}} :</b> <span id="address"></span></p>
                 <p><b>{{__("message.Order Place Date")}} :</b> <span id="order_place_date"> </span></p>
                 <p><b>{{__("message.Payment Method")}} :</b> <span id="payment_method"> </span></p>
                 <p><b>{{__("message.Sample Collection Date")}} :</b> <span id="date"> </span></p>
                 <p><b>{{__("message.Sample Collection time")}} :</b> <span id="time"> </span></p>
            </div>
            <table class="table">
                 <thead>
                     <tr>
                        <td>{{__("message.Person Info")}}</td>
                        <td>{{__("message.Item Info")}}</td>
                        <td>{{__("message.Price")}}</td>
                     </tr>
                 </thead>
                 <tbody id="tableinfo">
                    
                 </tbody>
                 <tfoot>
                     <tr>
                                <td></td>
                                <th>{{__("message.Subtotal")}}</th>
                                <td id="subtotal"></td>
                            </tr>
                            <tr>
                                <td></td>
                                <th>{{__("message.Txt Charges")}}</th>
                                <td id="txt_charge"></td>
                            </tr>
                            <tr>
                                <td></td>
                                <th>{{__("message.Total")}}</th>
                                <th id="total"></th>
                            </tr>
                 </tfoot>

            </table>
         </div>
         <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__("message.Close")}}</button>
         </div>
      </div>
   </div>
</div>

<div class="modal fade" id="reject_order" tabindex="-1" aria-labelledby="normalmodal" style="display: none;" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title" id="normalmodal1">{{__("message.Add Reject Description")}}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> 
         </div>
         <form method="get" id="rejectorderurl" action="#">

         <div class="modal-body">
             
               <div class="form-group">
                        <label for="name">{{__("message.Description")}}<span class="reqfield">*</span></label>
                       <textarea class="form-control" name="reject_description" id="reject_description" required="" ></textarea>
                     </div>
              
              <p id="calculatetime" style="display: flex;justify-content: center;    margin-top: 20px;"></p>
              <div class="row">
                        
                     </div>
                   
         </div>
         <div class="modal-footer">
                                  
                           <input type="submit" value='{{__("message.Send")}}' class="btn btn-primary ">
                       
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__("message.Close")}}</button>
         </div>
          </form>
      </div>
   </div>
</div>

<div class="modal fade" id="complete_order" tabindex="-1" aria-labelledby="normalmodal" style="display: none;" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title" id="normalmodal1">{{__("message.Complete Order")}}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> 
         </div>
         <form method="post" action="{{route('complete-order')}}" id="completeorderurl
         " enctype="multipart/form-data">
               {{csrf_field()}}
               <input type="hidden" name="id" id="com_order_id">
         <div class="modal-body">             
               <div class="form-group">
                  <label for="name">{{__("message.Upload Report")}}<span class="reqfield">*</span></label>
                   <input type="file" name="report" required="" class="form-control" id="report" />
                     </div>
              <p id="calculatetime" style="display: flex;justify-content: center;    margin-top: 20px;"></p>
              <div class="row">
             </div>
         </div>
         <div class="modal-footer">
          <input type="submit" value='{{__("message.Send")}}' class="btn btn-primary">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__("message.Close")}}</button>
         </div>
          </form>
      </div>
   </div>
</div>

<script>
function rejectorder(id){
  
  $("#rejectorderurl").attr("action",$("#url_path").val()+"/change_order_status"+"/"+id+"/3");
}

function completeorder(id){
    $("#com_order_id").val(id);

}
</script>
<!-- End Row-1 -->
@endsection