@extends('admin.layout')
@section('content')
<style type="text/css">
   .modal-body {
   padding: 5rem 4rem;
   text-align: center;
   }
   .modal-footer .btn-primary:hover{
   background: transparent;
   border-color: transparent;
   }
   .dropdown-toggle::after{
   display: none;
   }
   .modal-body {
   font-size: 16px;
   }
   .modal-content {
   min-height: auto;
   }
   .modal-title {
   padding-left: 0;
   }
   .modal-body p {
   margin-bottom: 0;
   font-size: 24px;
   font-weight: 600;
   }
   .ecom-btn-border1{
   min-width: 125px;
   padding: 3px 9px;
   }
   .bg-beauty-green{
   background: #4CAF50 !important;
   }
   .container-custom01{
   max-width: 1900px;
   width: 100%;
   padding-left: 2%;
   padding-right: 2%;
   }
   .content-wrapper.close-wrapper {
   margin-left: 300px!important;
   }
   .content-wrapper {
   margin-left: 0px!important;
   }
   .sidenav {
   width: 0px;
   }
   table#example1 thead tr th{
   color: #fff !important;
   }
   table#example1 thead tr {
   background-color: #7460ee;
   }
   img.gene {
    width: 30px;
	}
	.summytable{
	  white-space: nowrap;
	}
	.table thead th {
	    vertical-align: middle;
	    }
</style>
<div class="content-wrapper">
   <!-- Main content -->
   <section class="content">
      <!-- Info boxes --> 
      <!-- /.row -->
      <div class="container-custom01">
         <div class="row">
            <div class="col-md-12">
               <div class="row">
                  <div class="col-xs-12">
                     
                        <div class="head_title">
                        	<h4>Daily Sales : May 2026: Staff ID:{{ $posData['staff_id'] }}</h4>
                        </div>                     
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="" style="text-align: right;margin-bottom: 20px;">
                        <!-- <a class="btn-blue"  href="javascript:void();"  data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Plan</a> -->
                     </div>
                     <div class="table-responsive">
                      <table id="example1" class="table summytable">
                        <thead>
                           <tr>
                              <th>Day</th>                        
                              <th>Service</th>                        
                              <th>Buy Ecoin</th>                        
                              <th>Use Ecoin</th>                        
                              <th>Product</th>                        
                              <th>Sales</th>                        
                              <th>VIP</th>                        
                           </tr>
                        </thead>
                        <tbody>                            
                           @if(!empty($data)) 
                               @foreach($data as $value)                                   
                              <tr>                             
                                 <td>{{ $value['day'] }}</td>
                                 <td>{{ ($value['service'] != '') ? $value['service']   : 0.00 }}</td>
                                 <td>{{ ($value['buy_ecoin'] != '') ? $value['buy_ecoin'] : 0.00 }}</td>
                                 <td>{{ ($value['use_ecoin'] != '') ? $value['use_ecoin'] : 0.00 }}</td>
                                 <td>{{ ($value['product'] != '') ? $value['product']   : 0.00 }}</td>
                                 <td>{{ ($value['total_sale_amount'] != '') ? $value['total_sale_amount']   : 0.00 }}</td>
                                 <td>{{ ($value['use_ecoin'] != '') ? $value['use_ecoin'] : 0.00 }}</td>
                              </tr>                            
                               @endforeach 
                              @else
                             <tr>
                               <td>
                                 <h1 class="danger">Not data available</h1>
                               </td>
                             </tr>
                           @endif 
                     
                         
                        </tbody>
                     </table>
                     </div>
                     
                     <div class="col-xs-12 text-right">
                     </div>
                  </div>
               </div>
            </div>
            <!-- /.box-body --> 
         </div>
         <!-- /.box --> 
      </div>
      <!-- /.col --> 
</div>
<!-- /.row --> 
</section>
<script src="{!! asset('resources/nassets/assets/libs/jquery/dist/jquery.min.js') !!}"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="{!! asset('resources/nassets/assets/libs/popper.js/dist/umd/popper.min.js') !!}"></script>
<script src="{!! asset('resources/nassets/assets/libs/bootstrap/dist/js/bootstrap.min.js') !!}"></script>
<script src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js"type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"type="text/javascript"></script>

<!-- /.content --> 
</div>
@endsection