@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('acc::account.All store transactions and journal history'))


@section('content')

<section id="ps-list-content">
<div class="ps-list-content-wrapper">
	<div class="container-fluid breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('acc::account.home') }}</a></li>
  <li>{{ __('acc::account.charts of account') }}</li>
  <li>{{ __('acc::account.journal' ) }}</li>
</ul>
</div>
	</div>

	<div class="page-middle-header">
<h1 class="header-title"><span class="me-2"><i class="fa-solid fa-file"></i></span>{{ __('acc::account.journal memo')}}</h1>
		<div class="right-content">
		<div class="container">
				<div class="row justify-content-end">
	<div class="col-sm-12 col-md-12 col-lg-12">
		<div class="d-flex m-auto justify-content-around" style="font-size: 14px">
		<p class="journal-header-title">
			<b>{{ __('acc::account.total debit') }}:</b> <span>
               {{ Account::format_payment($debit) }}
                </span>
			</p>
		<p class="journal-header-title">
			<b>{{ __('acc::account.total credit') }}:</b> <span>
             {{ Account::format_payment($credit) }}
            </span>
			</p>
		</div>
		</div>
	</div>
			</div>
		</div>
	</div>


<div class="filter-container">
    <div class="container">
        <form class="filter-form">
            <div class="row g-3">
                <div class="col-sm-12 col-md-4 col-lg-4">
                    <div class="mb-3">
                        <label for="custom" class="form-label">{{ __('acc::account.custom') }}</label>
                        <select name="period" id="period" class="form-select">
                            <option value="">-- {{ __('acc::account.Select') }} --</option>
                            @if(count (filter()) > 0)
                                @foreach(filter() as $filter)
                                    <option value="{{ $filter['value'] }}" @selected(($filter['value']) == $filter_type)>{{ __('acc::account.'.$filter['title']) }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="col-sm-12 col-md-4 col-lg-4">
                   <div class="mb-3">
                       <label for="from" class="form-label">{{ __('acc::account.From') }}</label>
                       <input type="date" name="start_date" id="start_date" class="form-control"  value="{{ $starter }}" disabled>
                   </div>
                </div>
                <div class="col-sm-12 col-md-4 col-lg-4">
                   <div class="mb-3">
                       <label for="to" class="form-label">{{ __('acc::account.To') }}</label>
                       <input type="date" name="end_date" id="end_date" class="form-control" value="{{ $stopper }}" disabled>
                   </div>
                </div>
            </div>
            <button class="btn" id="apply-filter-btn" type="btn" data-url="{{ route('filter-journal') }}">{{ __('acc::account.Search') }}</button>
        </form>
    </div>
    <button class="btn close" id="close-filter-btn" type="button"><i class="fa-solid fa-times"></i></button>
</div>


    <div class="header-btn-wrapper">
        <button class="btn filter-show-btn" id="filter-container-button">
            <span class="me-1"><i class="fa-solid fa-filter"></i></span>
            {{ __('acc::account.Filter') }}
        </button>
        <a class="btn" href="{{ route('export-journal') }}">
            <span class="me-1"><i class="fa-solid fa-file-export"></i></span>
            {{ __('acc::account.export') }}
        </a>
        <a class="btn" href="{{ route('export-journal-pdf') }}" target="_blank">
            <span class="me-1"><i class="bi bi-file-pdf"></i></span>
            {{ __('acc::account.export pdf') }}
        </a>
        <a class="btn" href="{{ route('all-journal') }}">
            <span class="me-1"><i class="fa-solid fa-rotate-right"></i></span>
            {{ __('acc::account.reload') }}
        </a>
    </div>
<div class="container-fluid">
<div class="ps-list-wrapper">
	<div class="table-responsive">
	<table id="list-table" class="table list-table table-striped table-hover">
        <thead>
        <tr>
               <th>#{{__('acc::account.id')}}</th>
            <th>{{__('acc::account.account number')}}</th>
            <th>{{__('acc::account.reference')}}</th>
            <th>{{__('acc::account.description')}}</th>
              <th>{{__('acc::account.debit')}} (Dr)</th>
              <th>{{__('acc::account.credit')}} (Cr)</th>
            <th>{{ __('acc::account.device') }}</th>
            <th>{{__('acc::account.date')}}</th>
            </tr>
        </thead>
        <tbody>
		@if(count ($myjournal) > 0)
	@foreach($myjournal as $journal)

	@endforeach
	@endif
        @forelse($myjournal as $journal)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $journal->account_number }}</td>
                <td>{{ $journal->reference }}</td>
                <td>{{ $journal->description }}</td>
                <td>{{ Account::format_payment($journal->debit) }}</td>
                <td>{{ Account::format_payment($journal->credit) }}</td>
                <td>{{ $journal->device }}</td>
                <td>{{ $journal->created_at }}</td>
            </tr>
        @empty
        @endforelse
		</tbody>
{{--		  <tfoot>--}}
{{--        <tr>--}}
{{--            <th>#{{__('acc::account.id')}}</th>--}}
{{--            <th>{{__('acc::account.account number')}}</th>--}}
{{--            <th>{{__('acc::account.reference')}}</th>--}}
{{--            <th>{{__('acc::account.description')}}</th>--}}
{{--            <th>{{__('acc::account.debit')}} (Dr)</th>--}}
{{--            <th>{{__('acc::account.credit')}} (Cr)</th>--}}
{{--            <th>{{ __('acc::account.device') }}</th>--}}
{{--            <th>{{__('acc::account.date')}}</th>--}}
{{--        </tr>--}}
{{--        </tfoot>--}}
	</table>
	</div>
	</div>
</div>
</section>
@endsection