@section('title','Daily report - POS')
@extends('layouts.master')
@section('style')
{{-- {{Html::style('assets/css/index.css')}} --}}
<style>
.page-wrapper {
  margin-left: 90px !important;
}
/* bootstrap custom nav-tabs start */
.nav-tabs-wrapper {
  background: #fff;
  margin-right: 10px;
  min-height: 70vh;
  -webkit-box-shadow: 0 1px 15px 0px #999;
  -moz-box-shadow: 0 1px 15px 0px #999;
  box-shadow: 0 1px 15px 0px #999;
}
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs .nav-item {
  width: 20%;
  border-right: 2px solid #ddd;
  text-align: center;
  list-style: none;
}
.nav-tabs .nav-item:last-child{
  border-right: 0;
}
.nav-tabs .nav-link {
  color: #555;
  border-bottom: 5px solid #ddd;
  transition: all .5s;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-bottom: 5px solid #339c6a;
  color: #339c6a;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-bottom: 5px solid #339c6a;
  color: #339c6a;
}
@media only screen and (max-width: 600px) {
  .nav-tabs .nav-item {
    width: 33%;
  }
}
@media only screen and (max-width: 380px) {
  .nav-tabs .nav-item {
    width: 100%;
  }
}
/* bootstrap custom nav-tabs end */
</style>
@endsection


@section('content')

<div class="page-wrapper">
  <div class="row page-titles">
    <div class="col-md-5 align-self-center">
      <h4 class="text-themecolor title"><span id="heading_field"></span> {{trans('label.Today Report')}}</h4>
    </div>
  </div>
<div class="row">
  <div class="col-md-12">
    <div class="nav-tabs-wrapper shadow">
      <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item">
          <a class="nav-link active" id="cash-tab" data-toggle="tab" href="#cash" role="tab" aria-controls="cash" aria-selected="true">{{trans('label.Cash Statement')}}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" id="credit-tab" data-toggle="tab" href="#credit" role="tab" aria-controls="credit" aria-selected="false">{{trans('label.Credit')}}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" id="purchase-tab" data-toggle="tab" href="#purchase" role="tab" aria-controls="purchase" aria-selected="false">{{trans('label.Purchase')}}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" id="sales-tab" data-toggle="tab" href="#sales" role="tab" aria-controls="sales" aria-selected="false">{{trans('label.Sales')}}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" id="inventory-tab" data-toggle="tab" href="#inventory" role="tab" aria-controls="inventory" aria-selected="false">{{trans('label.Sales Item')}}</a>
        </li>
      </ul>
      <div class="tab-content p-3" id="myTabContent">
        <div class="tab-pane fade show active" id="cash" role="tabpanel" aria-labelledby="cash-tab">
              
            <table id="" class="table table-striped table-bordered dataTable" style="width:100%">
            <thead>
                <tr>
                    <th class="text-center">{{trans('label.Time')}}</th>
                    <th class="text-center">{{trans('label.Account Type')}}</th>
                    <th class="text-center">{{trans('label.Account No')}}</th>
                    <th class="text-center">{{trans('label.Account Name')}}</th>

                    <th class="text-center">{{trans('label.Received')}}</th>
                    <th class="text-center">{{trans('label.Payment')}}</th>

                    <th class="text-center">{{trans('label.Entry by')}}</th>
                </tr>
            </thead>
            <tbody>
@if($openingBalance[0]->balance !='' )
<tr>
  <td></td>
  <td></td>
  <td></td>
  
  <td>{{$openingBalance[0]->descriptions}}</td>
  <td class="text-right">{{$openingBalance[0]->balance}}</td>

  <td></td>
  <td></td>
</tr>

@endif

             @forelse($todayCash as $cash)
                  <tr>
                    <td>{{ $cash->created_at }}</td>
                    <td>{!! ucfirst($cash->person_type ?? '') !!}</td>
                    <td colspan="2">{!! $cash->account_no ?? '' !!} @php 
                                        echo   \App\Http\Controllers\TransectionController::getAccountName($cash->own_account_no,$cash->person_type,'cash_books');

                                      @endphp</td>
                   
                  <td class="text-right">{{ $cash->debit }}</td>
                  <td class="text-right">{{ $cash->credit }}</td>

                  <td>{{ $cash->user_name->name ?? '' }}</td>
              </tr>
              @empty
                 <tr>
                   <td colspan="5">{{trans('label.No Transection')}}</td>
                 </tr>
              @endforelse

            </tbody>
            <tfoot>
              <tr>
              <td colspan="4" class="text-center"><b>{{trans('label.Today Total')}}</b></td>
              
              <td class="text-right">