@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

@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="mdi mdi-cards-variant menu-icon"></i>
          </span>    {{__('messages.Supplier Accounts Report')}}
        </h3>
    </div>
  	<div class="row">
          <div id="success_message"></div>
          <input type="hidden" id="user-index" value="{{ route('get.Journal.Entries.Report') }}" />
          
          
          <div class="table-responsive customscroll">
          <table class="table datatable text-center" id="table">
            <div class="container pb-2">
              <div class="row gap-1 custom-padding-filter-tmp">
                <div class="col-12 col-md-4 col-xl-3">
                  <label class="col-form-label">{{__('messages.date:')}}</label>
                  <div class="center-custom-width-filter-date">
                    <input type="text" id="config-demo" placeholder="{{__('messages.date from - to')}}" class="form-control" />
                  </div>
                </div>
              </div>
            </div>
            <thead>
              <tr>
                <th>{{__('messages.ID')}}</th>
                <th>{{__('messages.Serial')}}</th>
                <th>{{__('messages.Date')}}</th>
                <th>{{__('messages.description')}}</th>
                <th>{{__('messages.Supplier')}}</th>
                <th>{{__('messages.View registration details')}}</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>
	</div>
</div>

 
@endsection

@section("scripts")
  <script>
    var translations = {
        'ID': '{{ __("messages.ID") }}',
        'Date': '{{ __("messages.Date") }}',
        'Debit': '{{__("messages.Debit")}}',
        'Credit': '{{__("messages.Credit")}}',
        'Total Debit': '{{__("messages.Total Debit")}}',
        'Total Credit': '{{__("messages.Total Credit")}}',
        'Total': '{{__("messages.Total")}}',
        'description': '{{ __("messages.description") }}',
        'Description restricions': '{{ __("messages.Description restricions") }}',
        'Supplier Accounts Report': '{{ __("messages.Supplier Accounts Report") }}',
        'account name': '{{ __("messages.account name") }}',
        'Supplier': '{{ __("messages.Supplier") }}',
    };
</script>
 <script src="{{asset('metronic/js/pages/supplier-accounts-report.js')}}"></script> 
 
@endsection