@extends('layouts.main')

@section('main-content')

    <div class="main-content-section thin-section-border">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header page-title-row">
                        <button type="button" class="btn btn-success float-right" data-toggle="modal" data-target="#billServiceSelector">Generate Bill</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-content collapse show">
                        <div class="card-body">
                            @include('components.payment.generated_bills', [
                                'showMinistryColumn' => true,
                                'showDepartmentColumn' => true,
                                'showServiceColumn' => true,
                            ])
                        </div>
                    </div>
                </div>
            </div><!-- .nk-block -->

        </div>
    </div>

@endsection

@section('more-scripts')
    <script src="{{ asset('js/filter-datepicker-handler.js') }}"></script>
@endsection