@extends('app')
@section('content')
    <style type="text/css">
        .box.box-solid.box-info > .box-header {
            color: #ffffff;
            background: #0a5077;
            background-color: #0a5077;
        }

        .box.box-solid.box-info {
            border: 1px solid #0a5077;
        }

        .box.box-solid.box-danger {
            border: 1px solid #0a5077;
            min-height: 137px;
        }
    </style>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Accounts
            <small>Preview</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Accounts</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">

                <div class="row">

                    @canany(['income-expense-head-view','expense-view','income-view','income-expense-ledger-view'])
                        <div class="col-md-4">
                            <div class="box box-info box-solid ">
                                <div class="box-header with-border">
                                    <h3 class="box-title">Income and Expenses</h3>
                                    <!-- /.box-tools -->
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body" style="">

                                    @canany(['income-expense-head-view','income-expense-head-create','income-expense-head-edit',
                                    'income-expense-head-update','income-expense-head-remove'])

                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Income Expense Heads  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('income-expense-head-create')
                                                            <a class="btn btn-info" data-toggle="modal"
                                                               href="#modal"
                                                               onclick="loadModal('accounts/add-income-expense-head')">
                                                                <i class="fa fa-plus-square"></i>
                                                                &nbsp; Add
                                                            </a>
                                                        @endcan

                                                        @canany(['income-expense-head-view','income-expense-head-edit','income-expense-head-update','income-expense-head-remove'])
                                                            <a class="btn btn-default" data-toggle="modal"
                                                               href="#modal"
                                                               onclick="loadModal('accounts/view-income-expense-head')"
                                                               style="margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcanany

                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>

                                    @endcanany


                                    @canany(['expense-view','expense-create','expense-edit','expense-update','expense-remove'])
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Expense  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('expense-view')
                                                            <a class="btn btn-default"
                                                               href="{{route('accounts.expense')}}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcanany

                                    @canany(['income-view','income-create','income-edit','income-update','income-remove'])
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Income  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('income-view')
                                                            <a class="btn btn-default"
                                                               href="{{route('accounts.income')}}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcanany

                                    @can('income-expense-ledger-view')

                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Refund  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('income-view')
                                                            <a class="btn btn-default"
                                                               href="{{route('accounts.refund')}}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>

                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Ledger  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('income-expense-ledger-view')
                                                            <a class="btn btn-default"
                                                               href="{{route('accounts.income-expense-ledger')}}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span>Set Doctor Commission  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('income-expense-ledger-view')
                                                            <a class="btn btn-default"
                                                               href="{{route('hr.doctor')}}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan
                                </div>
                                <!-- /.box-body -->
                            </div>
                        </div>
                    @endcanany

                    @canany(['due-list-view','monthly-due-list-view','doctor-commission-view',
                    'individual-doctor-commission-view','patient-discount-view','employee-salary-list-view'])
                        <div class="col-md-4">
                            <div class="box box-info box-solid ">
                                <div class="box-header with-border">
                                    <h3 class="box-title">Internal</h3>
                                    <!-- /.box-tools -->
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body" style="">
                                    @can('employee-salary-list-view')
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Employee Salary  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('employee-salary-list-view')
                                                            <a class="btn btn-default"
                                                               href="{{ route('hr.view-employee-salary') }}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan

                                    @can('patient-discount-view')
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Discount Patients  </span>
                                                </div>
                                                <!-- /.box-body -->
                                                <!-- Loading (remove the following to stop the loading)-->
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('patient-discount-view')
                                                            <a class="btn btn-default"
                                                               href="{{ route('outdoor.view-discount-patients') }}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan

                                    @can('employee-salary-view')
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span> Due Lists  </span>
                                                </div>
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('employee-salary-view')
                                                            <a class="btn btn-default"
                                                               href="{{route('accounts.view-due-lists')}}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan

                                    @can('monthly-due-list-view')
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span>Monthly Due Lists  </span>
                                                </div>
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('monthly-due-list-view')
                                                            <a class="btn btn-default"
                                                               href="{{ route('accounts.getMonthlyDue.lists') }}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan

                                    @can('doctor-commission-view')
                                        <div class="col-md-4 overlay-icons-body">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span>Doctor Commission List</span>
                                                </div>
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('doctor-commission-view')
                                                            <a class="btn btn-default"
                                                               href="{{ route('accounts.getMonthlyDoctorCommission.lists') }}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan

                                    @can('individual-doctor-commission-view')
                                        <div class="col-md-4 overlay-icons-body" style="display: none;">
                                            <div class="box box-danger box-solid">
                                                <div class="box-body">
                                                    <i class="fa fa-edit overlay-icons"></i>
                                                    <br> <span>Indivitual Doctor Commisstion</span>
                                                </div>
                                                <div class="overlay">
                                                    <div class="buttons">
                                                        @can('individual-doctor-commission-view')
                                                            <a class="btn btn-default"
                                                               href="{{ route('accounts.getIndMonthlyDoctorCommission.lists') }}"
                                                               style=" margin-top: 35px;">
                                                                <i class="fa fa-search-plus"></i>
                                                                &nbsp;View
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                                <!-- end loading -->
                                            </div>
                                            <!-- /.box -->
                                        </div>
                                    @endcan

                                </div>
                                <!-- /.box-body -->
                            </div>
                        </div>
                    @endcanany

                </div>

            </div>
        </div>
    </section>

@endsection

@section('extra-js')
    <script type="text/javascript">
        $(document).ready(function () {

        });
    </script>
@endsection