@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<link rel="stylesheet" href="{{asset('metronic/css/customStyleBackground.css')}}">

<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
 @media print {
    #trial-balance-list {
      overflow-y: hidden !important;
    }
  }
#trial-balance-list {
	    overflow: auto;
    }
</style>
@endsection

@section("main-content")
<div class="content-wrapper">
    <div class="page-header">
        <h3 class="page-title">
          <span class="page-title-icon bg-gradient-primary text-white me-2">
            <i class="fa-solid fa-file-lines menu-icon"></i>
          </span> {{__('messages.Customers account statement')}}
        </h3>
    </div>
    
    
  	<div class="row justify-content-md-center">
  		<div id="daily-restrictions-report-container">
      		@if($errors->any())
                <div class="alert alert-danger">
                    <ul class="m-2">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div id="date_error" style="color: red;"></div>
            
            <form id="" method="POST" action="" class="row justify-content-center align-items-center">
                @csrf
                <input type="hidden" id="form-route" value="{{ route('get.Customers.Accounts.Report.Not.trial-balance') }}">
                
                
                <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-4">
                    <label class="">{{ __('messages.From') }}</label>
                    <input id="from_date" type="date" class="form-control" name="from_date" >
                </div>
                <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 col-xl-4">
                    <label class="">{{ __('messages.To') }}</label>
                    <input id="to_date" type="date" class="form-control" name="to_date"  >
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-3 col-xl-2 mt-3 mt-md-0">
                    <button class="btn btn-primary btn-block">{{__('messages.Submit')}}</button>
                </div>
            </form>
  		</div>
	</div>
	<div id="trial-balance-list" class="">
	
	<div class="text-center">
        <h3 class="page-title">
          {{__('messages.Customers account statement')}}
        </h3>
    </div>
    <div class="row justify-content-between mt-5 ">
         <div class="page-title col-4">
         <p>{{__('messages.From Date')}}: <span id="From-Date"></span></p>
         <p>{{__('messages.To Date')}}: <span id="To-Date"></span></p>
         <p id="authenticated-user-id" style="font-size: 8px;"> 
            {{ Auth::user()->id ?? __('Guest') }}
        </p>
        </div>
    </div>
    	<!-- Blade View -->
        <table style="width:100%" class="text-center trial-balance-table table mt-3">
            <thead>
                <tr class="customBackgroundColoreParentHead">
                    <th ><strong>{{ __('messages.account name') }}</strong></th>
                    <th class="coloreRed"><strong>{{ __('messages.Credit') }}</strong></th>
                    <th class="coloregreen"><strong>{{ __('messages.Debit') }}</strong></th>

                </tr>
                
            </thead>
            	<tbody>
    		</tbody>
    		    <tfoot>
    		    </tfoot>
    		
        </table>
	</div>
</div>
 
    <div class="spinner-layer d-none">
        <div class="spinner"></div>
        <p class="fs-3">{{__('messages.Processing')}}</p>
    </div>
@endsection

@section("scripts")

<script>
    var translations = {
		title:"{{__('messages.Sales and purchases report')}}",
		print:"{{__('messages.Print')}}",
		id:"{{__('messages.ID')}}",
        description: "{{ __('messages.Description') }}",
        credit: "{{ __('messages.Credit') }}",
        debit: "{{ __('messages.Debit') }}",
        accountAmount: "{{ __('messages.Account Amount') }}",
        createdAt: "{{ __('messages.Created At') }}",
        transaction:"{{__('messages.Transaction')}}",
        date:"{{__('messages.Date')}}",
        serial:"{{__('messages.Serial')}}",
        serial:"{{__('messages.Sales and purchases report')}}",
        NothingElse:"{{__('messages.Nothing else')}}",
        ItemName : "{{__('messages.Item name')}}",
        ItemsQuantity : "{{__('messages.Items Quantity')}}",
        price : "{{__('messages.price')}}",
        TotalPrice : "{{__('messages.all Total alajmaliu')}}",
        Weight:"{{__('messages.Weight')}}",
        Total : "{{__('messages.Total')}}",
        description : "{{__('messages.description')}}",
    };
</script>
<script src="{{asset('metronic/js/pages/equivalent.js')}}"></script>

<script src="{{asset('metronic/js/pages/Customers-report-all.js')}}"></script>
@endsection