@extends('outlets.layout')
@section('content')
<style type="text/css">
/*.registerInner {
    padding: 0px 0px;
    display: inline-flex;
}*/
/*.transaction {
    width: 30%;
    background-color: #7460ee;
    padding: 10px;
    background-color: #ffffff;
    padding: 10px 0px;
}*/
.order-tabs p {
    background-color: #7460ee;
    padding: 2px 10px;
    width: 100%;
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
    color: #fff;

}

.order-tabs p a{
  color:#fff;
}
.border-box-light {
    border: 1px solid #dbdbdb;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    width: 100%;
    float: left;
}

ul.order-tabs {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
ul.order-tabs li {
    width: 25%;
    float: left;
}
ul.order-tabs li a {
    padding: 10px 2px;
    text-align: center;
    background: #7460ee;
    margin: 2px;
    color: #fff;
    border-radius: 4px;
    border-left-color: #5844d2;
    display: block;
    font-size: 9px;
}
/*.transaction_view {
    width: 69%;
    margin-left: 0px;
    background-color: #ffffff;
    padding: 10px
}*/
.serch_bar{
  position: relative;
}
.serch_bar .fa {
    color: #c3c3c3;
    position: absolute;
    top: 12px;
    left: 8px;

}
.back_w {
    background-color: #fff;
    margin: 10px 0px;
    padding: 10px;
}
.tvdt .cell, .tvdts .cell, .tvdts .cell_ca {
    display: table-cell;
    vertical-align: middle;
    height: 115px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}
.tvdts .cell {
    padding-left: 10%;
}
.tvdt, .tvdts {
    display: table;
    width: 100%;
}
.tvdt {
    border-right: 10px solid #fff;
    border-bottom: 10px solid #ffff;
}
.tvdt p{
    text-align: center;
    margin-bottom: 0;
}
.tvdts p{
  margin-bottom: 0px;
  text-align: left;
  text-indent: 150px;
}
/*.cell .form-group input {
    width: 180px;
    margin-left: 12px;
}*/
.cell .form-group label, .cell_ca .form-group label
{
    margin-bottom: 0px;
    margin-top: 8px;
}

.cell .form-group {
        text-align: center;
    display: block;
    padding: 0px 15px;
    margin-bottom: 0;
  }

.cell_ca .form-group {
   display: block;
    padding: 0px 5px;
    margin-bottom: 0;
    text-align: center
}
.cell_ca .form-group input
 {
    width: 100%;
    /*margin-left: 8px;*/
}
.sub {
    text-align: center;
    margin: 25px 0px;
}
.sub a {
    padding: 10px 35px;
    background-color: #7460ee;
    color: #fff;
}
.pluse a i {
    color: #fff;
    padding: 4px;
    border: 4px solid #fff;
}
.pluse {
    text-align: right;
    }
ul.foot_image {
    display: flex;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0px;
}
ul.foot_image li {
    list-style-type: none;
}
ul.foot_image li img {
    width: 20px;
    margin-right: 22px;
}
ul.foot_image li p {
    margin-bottom: 0px;
    font-size: 10px;
}
.table thead th {
    font-size: 12px;
}
tbody tr td:nth-child(2) {
    text-align: right;
    /*width: 150px;*/
}

tbody tr td:first-child {
    width: 230px;
}
.tvdts tbody tr td:first-child {
    width: auto;
}
.wreeb h4{
	font-size: 18px;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: .8rem;
	padding-top: 14px;
	padding-left: 20px;							
}
.order-section {
    border: 10px solid #33077c;
    padding: 10px;
	box-shadow: 0px 0px 0px 1px #33077c;
	min-height: 100%;
}
.transaction_view{
	border: 10px solid #33077c;
    padding: 10px;
	box-shadow: 0px 0px 0px 1px #33077c;
	    min-height: 100%
}
.order-boxed1 .table-responsive{
  height: 105vh;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}
@media screen and (min-width: 1360px) and (max-width:1600px){
	.order-section {
		border: 10px solid #33077c;
		padding: 10px;
		box-shadow: 0px 0px 0px 1px #33077c;
	}
	.transaction_view{
		border: 10px solid #33077c;
		padding: 10px;
		box-shadow: 0px 0px 0px 1px #33077c;
	}
}
a.btnDashboard {
    margin-left: 20px;
    padding: 10px 0;
    position: relative;
    top: -7px;
}
.table-responsive{
	overflow: hidden !important;
}
</style>
<header class="orderpage">
   <div class="container-fluid">
	<div class="headerSearch">
      <div class="row">		
         <div class="col-3">
			 <!----div class="left-menu">
				<a class="openbtn" href="#" onclick="openNav()" style="display:block;"><i class="fas fa-bars"></i></a>
			</div-->
            <a href="#" onclick="openNav()"><i class="fas fa-bars font3rem"></i></a>
			<a href="{{ url('/outlets/pos') }}" class="btnDashboard">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.BacktoPos") : Lang::get("lang.BacktoPos") }}</a>
         </div>
         <div class="col-6">
            <h3 class="text-center pageTitle">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.CloseRegister") : Lang::get("lang.CloseRegister") }}</h3>

         </div>
        
         <div class="col-3">
            <div class="userProfile text-right">
               <h3>
                  <span>  
                  </span>
               </h3>
            </div>
         </div>
         <!-- col -->
      </div>
	  </div>
   </div>
</header>

<section class="closeRegisterSection">
  <img src="/resources/assets/images/loading.gif" id="loader_final" style="position: absolute;
                                                                              top: 70%;
                                                                              left: 44%;
                                                                              width: 120px;
                                                                              height: 120px;
                                                                              z-index: 9999999;
                                                                              display:none
                                                                              ">
   <div class="closeRegister">
        <div class="container-fluid">
         <div class="row">
			<div class="col-xl-4 col-lg-4 col-md-4 col-sm-8 sellLeftSection">
			
			                <div class="order-section">
                    <div class="border-box-light1">  
                        <ul class="order-tabs">
                          <li><a href="javascript:void(0)" onclick="sales_records_fltr('Cash')">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Cash") : Lang::get("lang.Cash") }}</a></li>
                          <li><a href="javascript:void(0)" onclick="sales_records_fltr('NETS')">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Nets") : Lang::get("lang.Nets") }}</a></li>
                          <li><a href="javascript:void(0)" onclick="sales_records_fltr('Visa')">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Visa/Mastercard") : Lang::get("lang.Visa/Mastercard") }}</a></li>
                          <li><a href="javascript:void(0)" onclick="sales_records_fltr('Ecoin')">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Ecoin") : Lang::get("lang.Ecoin") }}</a></li>
                          <li><a href="javascript:void(0)" onclick="sales_records_fltr('All')">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.All") : Lang::get("lang.All") }}</a></li>
                        </ul>
                    </div>
                    <div class="order-boxed1" style="    border: 1px solid #dbdbdb;">
                      <div class="table-responsive" style="background-color: #fff;white-space: nowrap;">
                             <table class="table">
                                <thead>
                                  <tr>
                                    <th width="15%" class="tableth">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.S/N") : Lang::get("lang.S/N") }}</th>
                                    <th width="10%" class="tableth">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Time") : Lang::get("lang.Time") }}</th>
                                    <th width="15%" class="tableth">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Items") : Lang::get("lang.Items") }}</th>
                                    <th width="30%" class="tableth">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Amount") : Lang::get("lang.Amount") }}</th>
                                    <th width="30%" class="tableth">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.StaffNo") : Lang::get("lang.StaffNo") }}</th>
                                  </tr>
                                </thead>

                                  <tbody id="body_records">
                          </tbody>
                              </table>
                      </div>
                    </div>
                </div>
			
			
			<!-----Cash summery start--->
					<!-----Cash summery end--->			
			</div>
            <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 sellLeftSection">
                <div class="transaction_view">
                    <!--div class="row">
                      <div class="col-md-3">
                      </div>
                      < <div class="col-md-6">
                        <div class="serch_bar">
                          <i class="fa fa-search" aria-hidden="true"></i>
                          <input type="text" class="form-control" placeholder="Search" name="search" style="text-indent: 20px;">
                        </div>
                      </div> 
                      <div class="col-md-3">
                        <div class="pluse">
                          <a href="#"><i class="fa fa-plus" aria-hidden="true"></i></a>
                        </div>            
                      </div>
                    </div>-->
                    <div class="back_wq">
                      <div class="row no-gutters">            
                        <div class="col-md-4">
                           <div class="tvdt">
                             <div class="cell">
                              <p>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.NONMEMBER") : Lang::get("lang.NONMEMBER") }}</p>
                             </div>
                           </div>
                        </div>
                        <div class="col-md-8">
                          <div class="tvdts">
                            <div class="cell">
                              <table>
                                <tbody>
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.singleService") : Lang::get("lang.singleService") }}</td>
                                    <td>${{ ($non_member_data['service']) ? $non_member_data['service']:'0.00' }}</td>
                                  </tr> 
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Product") : Lang::get("lang.Product") }}</td>
                                    <td>${{ ($non_member_data['product']) ? $non_member_data['product']:'0.00' }}</td>
                                  </tr>                        
                                </tbody>
                              </table>                               
                            </div>
                          </div>             
                        </div>
                      </div>
                      <div class="row no-gutters">            
                        <div class="col-md-4">
                           <div class="tvdt">
                             <div class="cell">
                              <p>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.MEMBER") : Lang::get("lang.MEMBER") }}</p>
                             </div>
                           </div>
                        </div>
                        <div class="col-md-8">
                          <div class="tvdts">
                            <div class="cell">
                              <table>
                                <tbody>
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Topup") : Lang::get("lang.Topup") }}</td>
                                    <td>${{ ($sub_member_data['topup']) ? $sub_member_data['topup']:'0.00' }}</td>
                                  </tr> 
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.txt_package_total_amount") : Lang::get("lang.txt_package_total_amount") }}</td>
                                    <td>${{ ($sub_member_data['pakage']) ? $sub_member_data['pakage']:'0.00' }}</td>
                                  </tr>   
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.txt_product_sale_total_amount") : Lang::get("lang.txt_product_sale_total_amount") }}</td>
                                    <td>${{ ($sub_member_data['product']) ? $sub_member_data['product']:'0.00' }}</td>
                                  </tr>  
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.txt_service_sale_total_amount") : Lang::get("lang.txt_service_sale_total_amount") }}</td>
                                    <td>${{ ($sub_member_data['services']) ? $sub_member_data['services']:'0.00' }}</td>
                                  </tr>    
                                                   
                                </tbody>
                              </table>           
                            </div>
                          </div>             
                        </div>
                      </div>

                      <div class="row no-gutters">            
                        <div class="col-md-4">
                           <div class="tvdt">
                             <div class="cell" style="height: 180px;">
                              <p>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Calculation") : Lang::get("lang.Calculation") }}</p>
                             </div>
                           </div>
                        </div>
                        <div class="col-md-8">
                          <div class="tvdts">
                            <div class="cell" style="padding-left: 0px;">
                               <table style="width: 100%;max-width: 68%;margin: 0 auto;margin-top: 20px; margin-bottom:20px;">
                                <tbody>
                                  <tr>
                                    <td><span>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.NONMEMBER") : Lang::get("lang.NONMEMBER") }}</span> + <span>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.MEMBER") : Lang::get("lang.MEMBER") }}</span></td>
                                    @php
                                      $total_product = ($sub_member_data['product']) ? $sub_member_data['product']:0;
                                      $total_product += ($non_member_data['product']) ? $non_member_data['product']:0;
                                      $total = ($non_member_data['total']) ? $non_member_data['total']:0;
                                      $total += ($sub_member_data['total']) ? $sub_member_data['total']:0;
                                      $total += ($sub_member_data['services']) ? $sub_member_data['services']:0;
                                    @endphp
                                    <td>${{ ($total) ? $total:'0.00' }}</td>
                                  </tr> 
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Product") : Lang::get("lang.Product") }}</td>
                                    <td>${{ ($total_product) ? $total_product:'0.00' }}</td>
                                  </tr>                                                         
                                </tbody>
                              </table> 
                              <table style="margin-bottom: 20px;">
                                <tbody>
                                  <tr>
                                    <td>
                                      <div class="form-group">
                                        <label for="expected">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Expected") : Lang::get("lang.Expected") }}($):</label>
                                        <input type="text" class="form-control" id="expected" placeholder="0.00" data-calculate="expected" value="{{ $total+$total_product }}" readonly>
                                      </div>
                                    </td>
                                    <td>
                                      <div class="form-group">
                                        <label for="counted">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Counted") : Lang::get("lang.Counted") }}($):</label>
                                        <input type="text" class="form-control" id="counted" placeholder="Enter Amount" data-calculate="counted" readonly>
                                      </div>
                                    </td>
                                    <td>
                                      <div class="form-group">
                                        <label for="differences">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Differences") : Lang::get("lang.Differences") }}($):</label>
                                        <input type="text" class="form-control" id="differences" placeholder="0.00" readonly>
                                      </div>
                                    </td>
                                    
                                  </tr>                                                         
                                </tbody>
                              </table>         
                            </div>
                          </div>             
                        </div>
                      </div>   
                      
                     
                      <div class="row no-gutters">            
                        <div class="col-md-4">
                           <div class="tvdt">
                             <div class="cell">                    
                                  <div class="form-group">
                                    <label for="email">{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Cash") : Lang::get("lang.Cash") }} :</label>
                                    ${{ ($mop_data['cash']) ? $mop_data['cash']:'0.00' }}
                                  <input type="text" class="form-control" id="cash">
                          
                                    <!-- <input type="text" class="form-control" id="cash"> -->
                                  </div>                        
                                
                             </div>
                           </div>
                        </div>
                        <div class="col-md-8">
                          <div class="tvdts">
                            <div class="cell_ca">
                               <table>
                                <tbody>
                                  <tr>
                                    <td>
                                      <div class="form-group">
                                        <label for="email">Nets :</label>
                                        <input type="text" class="form-control" id="net_1" placeholder="Nets 1:">
                                      </div>
                                    </td>
                                    <td>
                                      <div class="form-group">
                                        <label for="email">${{ ($mop_data['NETS']) ? $mop_data['NETS']:'0.00' }}</label>
                                        <input type="text" class="form-control" id="net_2" placeholder="Nets 2:">
                                      </div>
                                    </td>
                                    <td>
                                      <div class="form-group">
                                        <label for="email">Visa :</label>
                                        <input type="text" class="form-control" id="visa_1" placeholder="Visa 1:">
                                      </div>
                                    </td>
                                    <td>
                                      <div class="form-group">
                                        <label for="email">${{ ($mop_data['VISA']) ? $mop_data['VISA']:'0.00' }}</label>
                                        <input type="text" class="form-control" id="visa_2" placeholder="Visa 2:">
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>                       
                               </table>

                            </div>
                          </div>             
                        </div>
                      </div>
                      <div class="row no-gutters">            
                        <div class="col-md-4">
                           <div class="tvdt">
                             <div class="cell">
                              <p>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Ecoin") : Lang::get("lang.Ecoin") }}</p>
                             </div>
                           </div>
                        </div>
                        <div class="col-md-8">
                          <div class="tvdts">
                            <div class="cell">
                              <table>
                                <tbody>
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.UseEcoin") : Lang::get("lang.UseEcoin") }}</td>
                                    <td>${{ ($ecoin_data["use_ecoin"]) ? $ecoin_data["use_ecoin"]:"0.00" }}</td>
                                  </tr> 
                                  <tr>
                                    <td>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.txt_total_amount_package_use") : Lang::get("lang.txt_total_amount_package_use") }}</td>
                                    <td>${{ ($ecoin_data["package"]) ? $ecoin_data["package"]:"0.00" }}</td>
                                  </tr>
                                  <tr>
                                    <td><span>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.total_ecoin") : Lang::get("lang.total_ecoin") }}</span> + <span>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Package") : Lang::get("lang.Package") }}</span></td>
                                    @php
                                     $total_ecoin = ($ecoin_data["use_ecoin"]) ? $ecoin_data["use_ecoin"]:0;
                                     $total_ecoin += ($ecoin_data["package"]) ? $ecoin_data["package"]:0;
                                    @endphp
                                    <td>${{ ($total_ecoin) ? number_format($total_ecoin,2):"0.00"  }}</td>
                                  </tr>                        
                                </tbody>
                              </table>                               
                            </div>
                          </div>             
                        </div>
                      </div>
					  
                      <div class="row">
                        <div class="col-md-12">
                          <div id="msg3"></div>
                          <div class="sub">
						                              <input type="hidden" name="totale_sale" value="{{$results['total_sale']->total_sale}}" id="total_sale_am">
                            <a href="javascript:void(0)" onclick="closeRegister('{{ $results['trans'][0]->fk_open }}')">
                              {{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Submit") : Lang::get("lang.Submit") }}
                            </a>
                          </div>
                        </div>
                      </div>          
                    </div>
                   
                  </div>
            </div>          
         </div>
        </div>
   </div>

</section>
<div class="modal fade cu_modal_new" id="sales_details" tabindex="-1" role="dialog" aria-labelledby="deleteCustomerModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">

                <div class="row">
                     <div class="col-md-12">
                       <table class="table table-striped">
                        <thead>
                           <tr>
                            <th>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Item") : Lang::get("lang.Item") }}</th>
                             <th>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.Quantity") : Lang::get("lang.Quantity") }}</th>
                             <th>{{ (Session::has('lang') && Session::get('lang') == 'ch') ? Lang::get("langCh.TotalPrice") : Lang::get("lang.TotalPrice") }}</th>
                           </tr>
                         </thead>
                         <tbody id="detail_popup_body">
                           
                         </tbody>
                       </table>
                     </div>
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" name="button" data-dismiss="modal">
                <img src="/resources/views/outlets/common/images/cancel.svg" alt="">
              </button>
              <button type="submit" id="deleteEmps" title="Package" data-dismiss="modal">
                <img src="/resources/views/outlets/common/images/verified.svg" alt="">
              </button>
            </div>
        </div>
    </div>
</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.js'></script>

<script>
    function sales_records_fltr(val) {
      $.ajax({
           url:"{{ url('/outlets/fetchsalesrecords') }}",
           method:'GET',
           data:{mop:val},
           dataType:'json',
           success:function(data)
           {
			$('#body_records').html(data.html);
              // console.log(data.data);
             /*var list = ''
			  var k = data.data.length;
              data.data.forEach((e) => {
				  
				var timetemp = new Date(e.data.added_on);
				time = moment(timetemp).format('HH:mm A');
				// data-toggle="modal" data-target="#sales_details"  onclick="showsalesdetails(\''+e.data.id+'\')"
                list += '<tr><td>'+k+'</td><td>#'+time+'</td><td style="width:30px;white-space: normal;">'+e.item_type+'</td><td>'+e.data.mop.charAt(0)+' '+e.data.total_amt+'</td><td>'+e.staff+'</td></tr>';
				k--;
				
			  })
              document.querySelector('#body_records').innerHTML = list; */
           },
            error: function(status,error) {
                $('#body_records').html('');
            },
            beforeSend: function() {
                $('#loader_final').show();
            },
            complete: function() {
                $('#loader_final').hide();
            }
         });
    }

    function sales_records_fltr_date() {
      var val = document.querySelector('#dateorderlist20').value;
      $.ajax({
           url:"{{ url('/outlets/fetchsalesrecords') }}",
           method:'GET',
           data:{date:val},
           dataType:'json',
           success:function(data)
           {
              // console.log(data.data);
              var list = ''
              data.data.forEach((e) => {
                // console.log(e);
                list += '<tr data-toggle="modal" data-target="#sales_details" onclick="showsalesdetails(\''+e.data.id+'\')"><td>'+e.data.added_on+'</td><td>#'+e.data.order_id+'</td><td>'+e.data.total_amt+'</td><td>'+e.data.mop+'</td><td>'+e.staff+'</td></tr>';
              })
              document.querySelector('#body_records').innerHTML = list;
           }
         });
    }

    function showsalesdetails(id) {
      $.ajax({
         url:"{{ url('/outlets/fetchsalesitem') }}",
         method:'GET',
         data:{id:id},
         dataType:'json',
         success:function(data)
         {
            console.log(data.data);
            var list = ''
            data.data.forEach((e) => {
              // console.log(e);
              list += '<tr><td>'+e.item_type+'</td><td>'+e.quantity+'</td><td>'+e.amt+'</td></tr>';
            })
            document.querySelector('#detail_popup_body').innerHTML = list;
         }
       });
    }
    $(document).ready(function() {
      $.fn.calculation = function() {
        var difference = $('[data-calculate="expected"]').val() - $('[data-calculate="counted"]').val();
        $('#differences').val(difference);
      }
      $('[data-calculate]').on('keyup',function(){
          $.fn.calculation();
      });
      $('#cash, #net_1, #net_2, #visa_1, #visa_2 ').on('keyup',function(){
          cash = ($('#cash').val() == '') ? 0:$('#cash').val();
          visa_1 = ($('#visa_1').val() == '') ? 0:$('#visa_1').val();
          visa_2 = ($('#visa_2').val() == '') ? 0:$('#visa_2').val();
          net_1 = ($('#net_1').val() == '') ? 0:$('#net_1').val();
          net_2 = ($('#net_2').val() == '') ? 0:$('#net_2').val();
          var total = parseFloat(cash) + parseFloat(net_1) + parseFloat(net_2) + parseFloat(visa_1) + parseFloat(visa_2);
          $('[data-calculate="counted"]').val(total);
          $.fn.calculation();
      });
    });
  </script>

<script type="text/javascript">
      function closeRegister(registerId){
        var closurenote = 'Hard coded';
        var regID = registerId;
        var expected = $('#expected').val();
        var chash_amount = $('#counted').val();
        var cash_diff = $('#differences').val();
        var totalSaleAmount = $('#expected').val();    //$('#total_sale_am').val(); 
        var cash = $('#cash').val();
        var net = $('#net_1').val();
        var net2 = $('#net_2').val();
        var visa = $('#visa_1').val();
        var visa2 = $('#visa_2').val();
        var product = "{{ ($total_product) }}";
        var package = "{{ $sub_member_data['pakage'] }}";
        var ecoin = "{{ $ecoin_data['wallet'] }}";
        var all_services = "{{ $all_services }}";       
        var buy_packages = "{{ $sub_member_data['pakage'] }}";
        var use_ecoin = "{{ $ecoin_data['use_ecoin'] }}";
        $.ajax({
           url:"{{ route('outlets.closeRegisterAction') }}",

           method:'GET',

           data:{regid:regID,total_cach_ammount:expected,chash_amount:chash_amount,cash_diff:cash_diff,closurenote:closurenote,totalSaleAmount:totalSaleAmount,cash:cash,net:net,net2:net2,visa:visa,visa2:visa2,product:product,package:package,ecoin:ecoin,services: all_services,buy_packages: buy_packages,use_ecoin: use_ecoin},

           dataType:'json',
           success:function(data)
           {
             //console.log(data);
              window.location.href='{{ url("outlets/pos") }}';
           },
           error: function(status,error) {
            var error = JSON.parse(status.responseText);
            var ss ='<div class="alert alert-danger" style="display:block;margin:0">';

          
                ss +='<strong>Error!</strong> '+ error.error +'.</br>';
       
              ss +='</div>';

            $("#msg3").html(ss);
           },

      }); 
        
      }
    </script>
@endsection