@extends('Layouts.erp_master')
@section('title', 'Tara Tech Ltd.')
@section('content')


<style>
.iconL {
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 5px;
    bottom: 15px;
    z-index: 1;
}

.box-widget {
    background: #fff;
    border: 1px solid #e4e5e7;
    margin-bottom: 30px;
}

.nmbr-statistic-block {
    padding: 30px 30px 30px 30px;
    min-height: 170px;
    position: relative;
}

.card-btm-border {
    border-bottom: transparent solid 4px;
}

.card-shadow-success {
    box-shadow: 0 0.46875rem 2.1875rem rgba(58, 196, 125, .03), 0 0.9375rem 1.40625rem rgba(58, 196, 125, .03), 0 0.25rem 0.53125rem rgba(58, 196, 125, .05), 0 0.125rem 0.1875rem rgba(58, 196, 125, .03);
}

.p-row {
    padding: 0px 15px 0px 15px;

}

.order-card {
    height: 100px
}

.dashCard {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 67px;
    height: 67px;
    border-radius: 2px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.dashCard2 {
    position: absolute;
    top: -2px;
    left: 40%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.text-insta {
    color: #026466;
}

.def_btn {
    background: #27b6af;
}

#cur_month_surplus,
#cur_year_surplus,
#last_month_surplus,
#cum_surplus,
#cur_cash_amount,
#cur_bank_amount,
#ttl_balance {
    color: #17b3a3;
}
.nav-link:hover{
    color: rgb(255, 255, 255)!important;
    background-color: rgb(161, 161, 161)!important;
    cursor: pointer;
}
.def_border{
    border: #27b6af solid 1px;
    border-bottom: #27b6af solid 4px;
}


@media screen and (max-width: 1024px) and (min-width: 786px) {
    .nmbr-statistic-block .nmbr-statistic-info {
        left: 15%;
        top: 90px;
    }
}
</style>


<!-- style="min-height: 100%" -->
<div class="w-full p-row minHeight">
    <h4 class="text-center">HMS Dashboard</h4>
    <div class="panel">
        <div class="panel-body">
            <ul class="nav nav-tabs nav-fill" id="studentTab" role="tablist" >
                <li class="nav-item" role="presentation">
                    <a class="nav-link active" id="basic-tab" data-toggle="tab" data-target="#basic" type="button" role="tab" aria-controls="basic" aria-selected="true">Hall Status</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link" id="floor-tab" data-toggle="tab" data-target="#floor" type="button" role="tab" aria-controls="floor" aria-selected="true">Floor Wise Status</a>
                </li>
            </ul>
            <div class="tab-content" id="dashTabContent">
                @include('HMS.Dashboard.hall_status')
                @include('HMS.Dashboard.floor_wise_status')
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('.clsDataTable').DataTable({
            
        });
    });
</script>
@endsection