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


.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;
}
</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">
                    <div class="retail">                      
                      <form>
                        <span>By : </span>
                        <label class="radio-inline">
                          <input type="radio" name="optradio" checked>Daily  
                        </label>
                        <label class="radio-inline">
                          <input type="radio" name="optradio">Monthly
                        </label>
                        <label class="radio-inline">
                          <input type="radio" name="optradio">Yearly                      
                        </label>
                      </form>
                    </div>                                           
                  </div>
                  <div class="col-md-12 inl">
                    <div class="col-md-3">
                      <div class="form-group">
                            <label style="margin-right: 10px">Outlet</label>
                            <select class="form-control" style="margin-right: 10px">
                              <option value="27" selected="">27</option>
                              <option value="520">520</option>
                              <option value="191">191</option>
                              <option value="705">705</option>
                              <option value="441">441</option>
                              <option value="83">83</option>
                              <option value="208">208</option>
                              <option value="504">504</option>
                              <option value="965">965</option>
                              <option value="888">888</option>
                              <option value="000">000</option>
                              <option value="925">925</option>
                            </select>
                          </div>
                    </div>
                    <div class="col-md-3">
                      <div class="form-group">
                            <label style="margin-right: 10px">Year</label>
                            <select class="form-control" style="margin-right: 10px">
                              <option value="2019">2019</option>
                              <option value="2018">2018</option>
                              <option value="2017">2017</option>
                              <option value="2016">2016</option>
                              <option value="2015">2015</option>
                              <option value="2014">2014</option>
                              <option value="2013">2013</option>
                              <option value="2012">2012</option>
                              <option value="2011">2011</option>
                              <option value="2010">2010</option>
                            </select>
                          </div>
                    </div>
                    <div class="col-md-3">
                      <div class="form-group">
                            <label style="margin-right: 10px">Month</label>
                            <select class="form-control" style="margin-right: 10px">
                              <option value="1"></option>
                              <option value="1">1</option>
                              <option value="2">2</option>
                              <option value="3">3</option>
                              <option value="4">4</option>
                              <option value="5">5</option>
                              <option value="6">6</option>
                              <option value="7">7</option>
                              <option value="8">8</option>
                            </select>
                          </div>
                    </div>
                    <div class="col-md-3">
                      <div class="form-group">
                            <label style="margin-right: 10px">Day</label>
                            <select class="form-control" style="margin-right: 10px">
                              <option></option>
                              <option>1</option>
                              <option>2</option>
                            </select>
                          </div>
                    </div>
                  </div>
                  <div class="col-md-4"></div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="" style="text-align: right;margin-bottom: 20px;">
                       <p>Daily</p>
                     </div>
                     <div class="table-responsive">
                      <table id="example1" class="table table-bordered summytable cen_me">
                        <thead>
                          <tr>
                            <th colspan="54">02.08.2019</th>
                          </tr>
                           <tr style="text-align: center;">
                              <th rowspan="2">27</th>                              
                              <th colspan="2">01</th>                              
                              <th colspan="2">10</th>                              
                              <th colspan="2">11</th>                              
                              <th colspan="2">12</th>                              
                              <th colspan="2">13</th>                              
                              <th colspan="2">14</th>                              
                              <th colspan="2">15</th>                              
                              <th colspan="2">16</th>                              
                              <th colspan="2">17</th>                              
                              <th colspan="2">18</th>                              
                              <th colspan="2">19</th>                              
                              <th colspan="2">20</th>                              
                              <th colspan="2">21</th>                              
                              <th colspan="2">22</th>                              
                              <th colspan="2">23</th>                              
                              <th colspan="2">24</th>                              
                              <th colspan="2">25</th>                              
                              <th colspan="2">26</th>                              
                              <th colspan="2">27</th>                              
                              <th colspan="2">28</th>                              
                              <th colspan="2">29</th>                              
                              <th colspan="2">30</th>                              
                              <th colspan="2">31</th>                              
                              <th colspan="2">32</th>                              
                              <th colspan="2">33</th>                              
                              <th colspan="2">34</th>                              
                              <th colspan="2">35</th>                              
                           </tr>
                        </thead>
                        <tbody>
                         <tr>
                            <td></td>                            
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td>
                            <td>项目</td> 
                            <td>$</td>                            
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td>
                            <td>项目</td> 
                            <td>$</td>  
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td> 
                            <td>项目</td> 
                            <td>$</td>
                            <td>项目</td> 
                            <td>$</td> 
                          </tr>                           
                          <tr>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td>c</td> 
                            <td>59.00</td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td>w</td> 
                            <td>15.00</td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>  
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td> 
                          </tr>
                          <tr>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td>w</td> 
                            <td>5.00</td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td>w</td> 
                            <td>5.00</td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>  
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td> 
                          </tr>
                          <tr>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td>w</td> 
                            <td>5.00</td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>  
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td> 
                          </tr>
                          <tr>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td>w</td> 
                            <td>5.00</td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>
                            <td></td>                            
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td>  
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td> 
                            <td></td>
                            <td></td> 
                            <td></td> 
                          </tr>
                        </tbody>
                        <tfoot>
                          <tr>
                            <td></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2" style="text-align: right!important;">74.00  </td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2" style="text-align: right!important;">20.00</td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                            <td colspan="2"></td>
                          </tr>
                        </tfoot>
                     </table>
                     </div>
                     
                     <div class="col-xs-12">
                      <div class="total">
                        <p>CASH</p>
                        <p>$154.00</p>
                      </div>
                      <div class="total">
                        <p>NETS/VISA</p>
                        <p>$0.00</p>
                      </div>
                      <div class="total">
                        <p>CASH + NETS/VISA</p>
                        <p>$154.00</p>
                      </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- /.box-body --> 
         </div>
         <!-- /.box --> 
      </div>
      <!-- /.col --> 
      <div class="container-custome02">
        <div class="row">
          <div class="col-md-12">
            <table>
                <tbody>
                  <tr><td>W</td><td>&nbsp;=&nbsp;</td><td>Cut/Blow/Wash</td></tr>
                  <tr><td>C</td><td>&nbsp;=&nbsp;</td><td>Coloring/Highlight</td></tr>
                  <tr><td>R</td><td>&nbsp;=&nbsp;</td><td>Rebonding/Perm</td></tr>
                  <tr><td>T</td><td>&nbsp;=&nbsp;</td><td>Hair Treatment</td></tr>
                  <tr><td>ET</td><td>&nbsp;=&nbsp;</td><td>Ecoin Treatment</td></tr>
                  <tr><td>EP</td><td>&nbsp;=&nbsp;</td><td>EP Treatment</td></tr>
                  <tr><td>FT</td><td>&nbsp;=&nbsp;</td><td>Facial Treatment</td></tr>
                  <tr><td>BT</td><td>&nbsp;=&nbsp;</td><td>Body Treatment</td></tr>
                  <tr><td>P</td><td>&nbsp;=&nbsp;</td><td>Product</td></tr>
                  <tr><td>M</td><td>&nbsp;=&nbsp;</td><td>一年会员</td></tr>       
                </tbody>
            </table>
          </div>
        </div>
      </div>
</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>
<script type="text/javascript">
   jQuery(document).ready( function () {
   var id=jQuery('.table').id;
   jQuery('#'+id).DataTable( {
   
   } );
   });
   
   jQuery('table').dataTable({searching: true});
</script>
<!-- /.content --> 
</div>
@endsection