@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;
        }
    </style>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Indoor Setup
            <small>Preview</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="#">Indoor</li>
            <li class="active">Setup</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="box box-info box-solid ">
                            <div class="box-header with-border">
                                <h3 class="box-title">Cabin & Ward Setup</h3>
                                <!-- /.box-tools -->
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body" style="">

                                @canany(['ward-cabin-create'])
                                    <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>  Cavin & Ward </span>
                                            </div>
                                            <!-- /.box-body -->
                                            <!-- Loading (remove the following to stop the loading)-->
                                            <div class="overlay">
                                                <div class="buttons">
                                                    @can('service-sub-category-create')
                                                        <a class="btn btn-info"
                                                           href="{{url('diagnostic/add-cabin-ward-new')}}">
                                                            <i class="fa fa-plus-square"></i>
                                                            &nbsp; Add
                                                        </a>
                                                    @endcan

                                                    <a class="btn btn-default"
                                                       href="{{url('diagnostic/diagnostic-cabin-ward-test')}}">
                                                        <i class="fa fa-search-plus"></i>
                                                        &nbsp;View
                                                    </a>

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

                                        </div>
                                        <!-- /.box -->
                                    </div>
                                @endcanany
                                @canany(['service-category-view','service-category-create','service-category-edit','service-category-update','service-category-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> Service Category  </span>
                                            </div>
                                            <!-- /.box-body -->
                                            <!-- Loading (remove the following to stop the loading)-->
                                            <div class="overlay">
                                                <div class="buttons">
                                                    @can('service-category-create')
                                                        <a class="btn btn-info" data-toggle="modal" href="#modal"
                                                           onclick="loadModal('settings/add-service-category/2')">
                                                            <i class="fa fa-plus-square"></i>
                                                            &nbsp; Add
                                                        </a>
                                                    @endcan

                                                    @canany(['service-category-view','service-category-edit','service-category-update','service-category-remove'])
                                                        <a class="btn btn-default" data-toggle="modal" href="#modal"
                                                           onclick="loadModal('settings/view-service-category/2')">
                                                            <i class="fa fa-search-plus"></i>
                                                            &nbsp;View
                                                        </a>
                                                    @endcanany
                                                </div>
                                            </div>
                                            <!-- end loading -->
                                        </div>
                                        <!-- /.box -->
                                    </div>
                                @endcanany
                                @canany(['service-sub-category-view','service-sub-category-create','service-sub-category-edit','service-sub-category-update','service-sub-category-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> Service Sub Category </span>
                                            </div>
                                            <!-- /.box-body -->
                                            <!-- Loading (remove the following to stop the loading)-->
                                            <div class="overlay">
                                                <div class="buttons">
                                                    @can('service-sub-category-create')
                                                        <a class="btn btn-info" data-toggle="modal" href="#modal"
                                                           onclick="loadModal('settings/add-service-sub-category/2')">
                                                            <i class="fa fa-plus-square"></i>
                                                            &nbsp; Add
                                                        </a>
                                                    @endcan

                                                    @canany(['service-sub-category-view','service-sub-category-edit','service-sub-category-update','service-sub-category-remove'])
                                                        <a class="btn btn-default" data-toggle="modal" href="#modal"
                                                           onclick="loadModal('settings/view-service-sub-category/2')">
                                                            <i class="fa fa-search-plus"></i>
                                                            &nbsp;View
                                                        </a>
                                                    @endcanany
                                                </div>
                                            </div>
                                            <!-- end loading -->

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

                                @canany(['ward-cabin-create'])
                                    <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>  Cavin & Ward Due Lists </span>
                                            </div>
                                            <!-- /.box-body -->
                                            <!-- Loading (remove the following to stop the loading)-->
                                            <div class="overlay">
                                                <div class="buttons">
                                                    <a class="btn btn-default" data-toggle="modal" href="#modal"
                                                       onclick="loadModal('accounts/cabin-ward-view-due-lists')"
                                                       style=" margin-top: 35px;">
                                                        <i class="fa fa-search-plus"></i>
                                                        &nbsp;View
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- end loading -->

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

                                @canany(['ward-cabin-create'])
                                    <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>  Cabin ward sales reports </span>
                                            </div>
                                            <!-- /.box-body -->
                                            <!-- Loading (remove the following to stop the loading)-->
                                            <div class="overlay">
                                                <div class="buttons">
                                                    <a class="btn btn-default"
                                                       href="{{url('reports/diagnostic-cabin-ward-sales-list')}}">
                                                        <i class="fa fa-search-plus"></i>
                                                        &nbsp;View
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- end loading -->

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

                                <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>  Discharge </span>
                                        </div>
                                        <!-- /.box-body -->
                                        <!-- Loading (remove the following to stop the loading)-->
                                        <div class="overlay">
                                            <div class="buttons">
                                                <a class="btn btn-default" data-toggle="modal"
                                                   href="{{route('indoor.discharge.index')}}"
                                                   style=" margin-top: 35px;">
                                                    <i class="fa fa-search-plus"></i>
                                                    &nbsp;View
                                                </a>
                                            </div>
                                        </div>
                                        <!-- end loading -->

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


                                <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> Calculate Date Time </span>
                                        </div>
                                        <!-- /.box-body -->
                                        <!-- Loading (remove the following to stop the loading)-->
                                        <div class="overlay">
                                            <div class="buttons">

                                                <a class="btn btn-default" data-toggle="modal" href="#modal"
                                                   onclick="loadModal('settings/calculate-date-time')">
                                                    <i class="fa fa-search-plus"></i>
                                                    &nbsp;View
                                                </a>

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

                                    </div>
                                    <!-- /.box -->
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </div>
                    </div>
                    <div class="col-md-6">

                        <div class="box box-info box-solid ">
                            <div class="box-header with-border">
                                <h3 class="box-title">Cabin & Ward Summery</h3>
                                <!-- /.box-tools -->
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body" style="">
                                <div class="col-lg-4 col-xs-6">
                                    <!-- small box -->
                                    <div class="small-box bg-purple">
                                        <div class="inner">
                                            <h3>{{$todaysAdmit}}</h3>
                                            <p>Today's Admission</p>
                                        </div>
                                        <div class="icon">
                                            <i class="ion ion-person-add"></i>
                                        </div>
                                        <a href="{{route('indoor.summary-report','todays-admit')}}"
                                           class="small-box-footer"> <i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-xs-6">
                                    <!-- small box -->
                                    <div class="small-box bg-green">
                                        <div class="inner">
                                            <h3>{{$todaysDischarge}}</h3>
                                            <p>Today's Discharge</p>
                                        </div>
                                        <div class="icon">
                                            <i class="ion ion-person-add"></i>
                                        </div>
                                        <a href="{{ route('indoor.summary-report','todays-discharge')}}"
                                           class="small-box-footer"> <i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>
                                <!-- ./col -->
                                <div class="col-lg-4 col-xs-6">
                                    <!-- small box -->
                                    <div class="small-box bg-red">
                                        <div class="inner">
                                            <h3>{{$todaysPatients}}</h3>

                                            <p>Today's Patients</p>
                                        </div>
                                        <div class="icon">
                                            <i class="ion ion-person-add"></i>
                                        </div>
                                        <a href="{{ route('indoor.summary-report','todays-patients')}}"
                                           class="small-box-footer"> <i class="fa fa-arrow-circle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- ./col -->
                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection

@section('script')

@endsection