@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, .container-custome02{
   max-width: 1900px;
   width: 100%;
   padding-left: 2%;
   padding-right: 2%;
   }
   .container-custome02 {
    margin-top: 30px;
}
   .content-wrapper.close-wrapper {
   margin-left: 300px!important;
   }
   .content-wrapper {
   margin-left: 0px!important;
   }
   .sidenav {
   width: 0px;
   }
   table thead tr th{
   color: #fff !important;
   }
   table thead tr {
   background-color: #7460ee;
   }
   img.gene {
    width: 30px;
}
.summytable{
  white-space: nowrap;
}
.table thead th {
    vertical-align: middle;
    }


.retail label, .retail input {
    margin: 0px 5px;
}

.retail {
    margin-bottom: 25px;
}
.inl {
    display: inline-flex;
}
.cen_me thead tr th {
    text-align: center !important;
}
.total p {
    display: inline-block;
    width: 155px;
}
.ymd tbody tr td:first-child {
    background-color: #7460ee;
    color: #ffff;
    text-align: center !important;
}
.ymd tbody tr td
{
      text-align: -webkit-right !important;
}
th.tbl-header, td.tbl-first-col {
    font-size: 12px;
    padding: 10px 4px 10px 4px;
    text-align: center;
    background-color: #33077c;
    color: #F9F9FF;
}
#example1 > tbody > tr > td {
    padding: 11px !important;
    line-height: 1.42857143 !important;
}
</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="alert alert-success alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                     </div>
                  </div>
               </div>
               <div class="row">
                  
                  <div class="col-md-12 inl">

                   <form class="form-inline" action="{{ url('admin/CashEcoin') }}" method="post">
                        <!--   <div class="form-group">
                            <label style="margin-right: 10px">Shop</label>        

                              <select id="" name="outlet" class="form-control" style="margin-right: 10px">
                                                               </select>
                          </div> -->

                          <div class="form-group">
                            <label for="start_date" style="margin-right: 10px">Start Date: </label>
                            <input type="date" class="form-control" name="start_date" id="start_date" value="{{ \Request::get('start_date') }}">
                          </div>
                          <div class="form-group">
                            <label for="end_date" style="margin-right: 10px">End date: </label>
                            <input type="date" class="form-control" name="end_date" id="end_date" value="{{ \Request::get('end_date') }}">
                          </div> 
						 <div class="form-group">		
								&nbsp;<button type="submit" class="btn btn-default">Filter</button>
						   </div> 
                    </form> 

                   
                  </div>
                  <div class="col-md-4"></div>
               </div>
               &nbsp;
               <div class="row">
                  <div class="col-md-12">                     
                     <div class="">
                      <table id="example1" class="table table-bordered summytable cen_me ymd">
                        <thead>
                          <tr>
                           <!--  <th colspan="21" data-id="date">02.08.2019</th> -->
                          </tr>
                           <tr style="text-align: center;">
                          
                           <th class="tbl-header">Shop ID</th>
                              <th class="tbl-header">Service B</th>
                              <th class="tbl-header">Buy Ecoin B</th>
                              <th class="tbl-header">Products B</th>
                              <th class="tbl-header">Total Cash in Beauty</th>
                              <th class="tbl-header"> Use Ecoin Beauty </th>

                              <th class="tbl-header">Service H</th>
                              <th class="tbl-header">Buy Ecoin H</th>
                              <th class="tbl-header">Products H</th>
                              <th class="tbl-header">Total Cash in Hair</th> 
                              <th class="tbl-header">Use Ecoin Hair</th>                             
                                                           
                           </tr>
                        </thead>
                        <tbody id="">  
                                                @if(count($data) > 0)
                          @foreach($data as $value)
											  
                          <tr>
                            <td>{{ $value['outlet'] }}</td>
                            <td>{{ $value['data']->servicebeauty }}</td>
                            <td>{{ $value['data']->topupbeauty }}</td>
                            <td>{{ $value['data']->productbeauty }}</td>
                            <td>{{ $total_1 }}</td>
                            <td>{{ $value['data']->use_ecoinbeauty }}</td>
                            <td>{{ $value['data']->service }}</td>
                            <td>{{ $value['data']->topup }}</td>
                            <td>{{ $value['data']->product }}</td>
                            <td>{{ $total_2 }}</td>
                            <td>{{ $value['data']->use_ecoin }}</td>
                          </tr>
                          @endforeach
                        @else
						  <tr>
							<td colspan="13">
							  <h1 class="danger">Not found</h1>
							</td>
						  </tr>
						@endif                     
                          
                        </tbody>
						
                        <tfoot>
                          <tr>
                            <td colspan=""></td>
                            <td colspan="">{{ number_format($servicebeauty,2) }}</td>
                            <td colspan="">{{ number_format($topupbeauty,2) }}</td>
                            <td colspan="">{{ number_format($productbeauty,2) }}</td>
                            <td colspan="">{{ number_format($total_1_total,2) }}</td>
                            <td colspan="">{{ number_format($use_ecoinbeauty,2) }}</td>
                            <td colspan="">{{ number_format($service,2) }}</td>
                            <td colspan="">{{ number_format($topup,2) }}</td>
                            <td colspan="">{{ number_format($product,2) }}</td>
                            <td colspan="">{{ number_format($total_2_total,2) }}</td>
                            <td colspan="">{{ number_format($use_ecoin,2) }}</td>

                          </tr>
                        </tfoot> 
                     </table>
                     </div>                    
                  </div>
               </div>
            </div>
            <!-- /.box-body --> 
         </div>
         <!-- /.box --> 
      </div>
      <!-- /.col --> 
      
</div>
<!-- /.row --> 
</section>
@endsection