@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;
    }

.form-inline {
    margin-bottom: 30px;
}

button.btn.btn-default {
    padding: 10px 50px;
    font-size: 20px;
    background: #fff;
    color: #33077c;
}

button.btn.btn-default:hover {
    background: #451890;
    color: #fff;
}
@media (min-width: 576px){
    .form-inline .form-group {
    width: 28%;
}
}
.form-inline .form-group .form-control {
    width: 60%;
}
</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">

                     <form class="form-inline" action="{{ url('/admin/salesSummaryByDate') }}" 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="datefrom" style="margin-right: 10px">Date from:</label>
                            <input type="date"  value="" name="date_from" class="form-control" id="datefrom" style="margin-right: 10px">
                          </div>
                          <div class="form-group">
                            <label for="dateto" style="margin-right: 10px">Date to</label>
                            <input type="date" name="date_to" value="" class="form-control" id="dateto" style="margin-right: 10px">
                          </div>                         
                          <button type="submit" class="btn btn-default">Filter</button>
                    </form> 
                  </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>OutletId</th>
                              <th>Staff ID</th>
                              <th>Service 单项服务</th>
                              <th>Buy Ecoin 买Ecoin(一半)</th>
                              <th>Use Ecoin 消Ecoin  </th>
                              <th>Product 产品</th>
                              <th>Total Amount </th>
                              <th>Action</th>                              
                           </tr>
                        </thead>
                       
                             <tbody> 

                         

                           @if(!empty($data)) 

                              @foreach($data as $value)  

                                 

                             <tr>
                              <td>{{ $value['outlet_id'] }}</td>
                              <td>{{ $value['staff_id'] }}</td>
                               <td>{{ ($value['service'] != '') ? $value['service']  : 0.00 }}</td>
							   <td>{{ ($value['buy_ecoin'] != '') ? round($value['buy_ecoin'],2).'/ 2 = '.$buyEcoinHalf : 0.00 }}</td>
                              <td>{{ ($value['use_ecoin'] != '') ? $value['use_ecoin']   : 0.00 }}</td>
                               <td>{{ ($value['product'] != '') ? $value['product']   : 0.00 }}</td>
                               <td>{{ round($tsa,2) }}</td>
                               <td>                              
                                <a href="