@extends('layouts.app')
@section('title', $label)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item active">{{ $label }}</li>
@endsection

@section('content')
<div class="page-header flex-wrap gap-3">
    <div>
        <h1 class="page-title mb-0">{{ $label }}</h1>
        <p class="page-subtitle mb-0">Accounting voucher register</p>
    </div>
    @if(auth()->user()->hasPermission('vouchers','create'))
    <a href="{{ route('vouchers.create', $voucherType) }}" class="btn btn-primary btn-sm">
        <i class="bi bi-plus-circle me-1"></i><span class="d-none d-sm-inline">New {{ $label }}</span>
    </a>
    @endif
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible d-flex gap-2 align-items-center mb-3" style="font-size:13.5px">
    <i class="bi bi-check-circle flex-shrink-0"></i><div>{{ session('success') }}</div>
    <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger alert-dismissible d-flex gap-2 align-items-center mb-3" style="font-size:13.5px">
    <i class="bi bi-exclamation-triangle flex-shrink-0"></i><div>{{ session('error') }}</div>
    <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
@if($errors->any())
<div class="alert alert-danger alert-dismissible mb-3">
    @foreach($errors->all() as $e)<div>{{ $e }}</div>@endforeach
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@include('accounting.vouchers._list_filters')

<div class="card">
    <div class="card-body p-0">
        @include('accounting.vouchers._list_table', ['showActions' => true])
        @if($vouchers->hasPages())
        <div class="px-4 py-3 border-top">{{ $vouchers->links() }}</div>
        @endif
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('js/voucher-list-filters.js') }}?v={{ filemtime(public_path('js/voucher-list-filters.js')) }}" defer></script>
@endpush