@include('includes/header_start')

<!--Morris Chart CSS -->
<link rel="stylesheet" href="{{ asset('assets/plugins/morris/morris.css') }}">

<link href="{{ asset('assets/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />

@include('billers/elements/header_end')

<!-- Page title -->
<ul class="list-inline menu-left mb-0">
    <li class="list-inline-item">
        <button type="button" class="button-menu-mobile open-left waves-effect">
            <i class="ion-navicon"></i>
        </button>
    </li>
    <li class="hide-phone list-inline-item app-search">
        <h3 class="page-title">Biller Dashboard</h3>
    </li>
</ul>

<div class="clearfix"></div>
</nav>

</div>
<!-- Top Bar End -->

<!-- ==================
     PAGE CONTENT START
     ================== -->

<div class="page-content-wrapper">


    <div class="container-fluid">
        <div class="row">

            <div class="col-md-4 col-xl-4 col-xs-12">
                <a href="{{ route('profile.edit.biller') }}">
                    <div class="card text-center m-b-30">
                        <div class="mb-2 card-body text-muted">
                            <h3 class="text-danger"><i class="mdi mdi-face-profile"></i></h3>
                            View Personal Information
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-4 col-xs-12">
                <a href="{{ route('patient.index.biller') }}">
                    <div class="card text-center m-b-30">
                        <div class="mb-2 card-body text-muted">
                            <h3 class="text-danger"><i class="dripicons-medical"></i></h3>
                            View Patients
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-4 col-xs-12">
                <a href="{{ route('billing.index.biller') }}">
                    <div class="card text-center m-b-30">
                        <div class="mb-2 card-body text-muted">
                            <h3 class="text-danger"><i class="ti-money"></i></h3>
                            View Active Bills
                        </div>
                    </div>
                </a>
            </div>

        </div>
        <!-- end row -->
        <div class="row">
            <div class="col-lg-10 offset-lg-1 col-md-12">
                @include('page-components.bills-outstanding')

{{--                @include('billers.elements.patient-table')--}}
            </div>

        </div>
        <!-- end row -->
    </div>


</div> <!-- Page content Wrapper -->


@include('includes/footer_start')

<script src="{{ asset('assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('assets/pages/datatables.init.js') }}"></script>

@include('includes/footer_end')