@extends('portal::layouts.customer')
@section('title', __('portal::lang.nav_ledger'))
@section('content')
@php
    $ledger_url = action([\Modules\Portal\Http\Controllers\Customer\LedgerController::class, 'getLedger']);
@endphp
<section class="portal-page-header">
    <h1>@lang('portal::lang.nav_ledger')</h1>
    <p>@lang('portal::lang.ledger_help')</p>
</section>

<section class="portal-ledger-page">
    <div class="portal-ledger-toolbar">
        <div class="portal-ledger-filter">
            <label for="ledger_date_range" class="portal-ledger-label">@lang('report.date_range')</label>
            <div class="portal-ledger-date-wrap">
                <i class="fas fa-calendar-alt" aria-hidden="true"></i>
                <input type="text" id="ledger_date_range" class="portal-ledger-date-input" placeholder="@lang('lang_v1.select_a_date_range')" readonly autocomplete="off">
            </div>
        </div>
        <button type="button" data-href="{{ $ledger_url }}?action=pdf" class="portal-ledger-pdf-btn" id="create_ledger_pdf">
            <i class="fas fa-file-pdf" aria-hidden="true"></i>
            <span>@lang('portal::lang.export_pdf')</span>
        </button>
    </div>

    <div id="contact_ledger_div" class="portal-ledger-content" data-ledger-url="{{ $ledger_url }}">
        <div class="portal-ledger-loading">
            <i class="fas fa-spinner fa-spin" aria-hidden="true"></i>
            <span>@lang('portal::lang.loading')</span>
        </div>
    </div>
</section>
@endsection
@section('javascript')
<script src="{{ asset('modules/portal/js/ledger.js?v=' . $asset_v) }}"></script>
@endsection