@extends('layouts.main', ['pageTitle' => 'Dashboard' ])

@section('main-content')
    <div class="row gy-gs">
        @if($authUser->can('complaint.list'))
            <div class="col-md-4">
                <div class="card stats-box card-bordered card-full">
                    <div class="nk-wg1">
                        <div class="nk-wg1-block">
                            <div class="nk-wg1-img stats-box-icon">
                                <em class="icon ni ni-users"></em>
                            </div>
                            <div class="nk-wg1-text">
                                <h5 class="title">Complaints</h5>
                                <p>Create and manage complaints</p>
                            </div>
                        </div>
                        <div class="nk-wg1-action bg-primary-dm">
                            <a href="{{ route('complaint.list') }}" class="link">
                                <span>View Complaints</span> <em class="icon ni ni-chevron-right"></em>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if($authUser->can('generated_bill.list'))
            <div class="col-md-4">
                <div class="card stats-box card-bordered card-full">
                    <div class="nk-wg1">
                        <div class="nk-wg1-block">
                            <div class="nk-wg1-img stats-box-icon">
                                <em class="icon ni ni-users"></em>
                            </div>
                            <div class="nk-wg1-text">
                                <h5 class="title">Bills</h5>
                                <p>Generate and manage bills</p>
                            </div>
                        </div>
                        <div class="nk-wg1-action bg-primary-dm">
                            <a href="javascript:void(0)" data-toggle="modal" data-target="#billServiceSelector" class="link">
                                <span>Generate Bill</span> <em class="icon ni ni-chevron-right"></em>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection