@push('csscode')
    <style>
        h4 {
            color: #5ab2c3
        }

        p.info {
            color: #757474;
        }

        hr {
            margin-top: -1rem;
            border: 0;
            margin-bottom: 0rem;
            border-top: 1px solid rgba(0, 0, 0, .1);
        }

        .pad-color {
            color: #ffffff !important;
            padding: 4% 4% 4% 14%;
        }

        p.check {
            color: #ffffff;
        }

        label.col-form-label-update {
            color: #ffffff;
            font-weight: 700;
            display: inline-block;
            margin-bottom: 8px;
            float: initial;
        }

        .bg_color1 {
            background: #c7ccce;
            border-radius: 25px;
        }

        .bg_color3 {
            background: #FF5733;
            border-radius: 25px;
        }

        .bg_color4 {
            background: #79212e;
            border-radius: 25px;

        }

        .bg_color3 i.fa {
            color: #f9f9f9 !important;
        }

        .bg_color4 i.fa {
            color: #f9f9f9 !important;
        }

        .bg_color2 i.fa {
            color: #355230 !important;

        }

        .bg_color1 i.fa {
            color: #f9f9f9 !important;
        }

        .bg_color2 {
            background: #82aa7e;
            border-radius: 25px;
        }

        .bg_color6 {
            background: #f7fafb;
            border-radius: 25px;
        }

        .bg_color5 {
            border-radius: 25px;
        }

        .bg_color7 {
            background: #f7fafb;
            border-radius: 25px;
        }

        label.col-form-label-check-tab {
            /*display: grid;*/
            line-height: 2.2em;
            padding: 0px 9.62em;
            border-radius: 2.25em;
            background-image: linear-gradient(to bottom, #e6ebed, #e6ebed);
            text-align: -webkit-center;
            color: #ffffff;
            width: max-content !important;
            float: none;
        }

        label.col-form-label-date {
            font-size: 21px;
            color: #ffffff;
            font-weight: 700;
            display: contents;
        }

        .btnfrom button.btn.btn-primary {
            border-radius: 25px;
            background: #ffffff;
            border: 1px solid #ffffff;
        }

        button.btn.btn-white {
            background-color: #ffffff;
            padding: 12px;
            width: 100%;
        }

        i.fa.fa-check-circle {
            font-size: 30px;
            margin-bottom: 0px;
            display: inline-block;
            color: #355230;

        }

        i.fa-times-circle {
            font-size: 30px;
            margin-bottom: 0px;
            display: inline-block;
            color: #79212e;
        }

        i.fa-exclamation-circle {
            font-size: 30px;
            margin-bottom: 0px;
            display: inline-block;
            color: #c7ccce;
        }

        button.btn.btn-white.pull-left.text-left {
            margin-bottom: 10px;
            white-space: break-spaces;
            border-radius: 25px;
        }

        .btn.btn-white span {
            font-size: inherit;
            font-weight: inherit;
            color: #000;
        }

        .bg_color2 label.col-form-label-check-tab {
            /* display: grid; */
            line-height: 2.2em;
            padding: 0px 9.62em;
            border-radius: 2.25em;
            background-image: linear-gradient(to bottom, #98cc93, #98cc93);
            text-align: -webkit-center;
            color: #ffffff;
            width: max-content !important;
            float: none;
        }

        .bg_color5 p {
            color: #000 !important;
        }

        .bg_color5 span {
            color: #000 !important;
        }

        .hideDivclass {
            display: none !important;
        }

        .showDivClass {
            display: block !important;
        }

        .activeBtn {
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
        }

        .calenderbutton {
            background: #82aa7e !important;
            border-radius: 25px;
            border-color: #82aa7e !important;
            color: #fff !important;
            font-size: x-large;
        }

        .defaultdot {
            width: 40px;
            height: 40px;
            background: gray;
            border: 1px solid gray;
            border-radius: 100%;
            margin: 1%
        }

        .reddot {
            width: 40px;
            height: 40px;
            background: #79212e;
            border: 1px solid #79212e;
            border-radius: 100%;
            margin: 1%
        }

        .greendot {
            width: 40px;
            height: 40px;
            background: #82aa7e !important;
            border: 1px solid #82aa7e !important;
            border-radius: 100%;
            margin: 1%
        }

        .monthname {
            font-size: initial !important;
            color: inherit !important;
            display: inline-block !important;
            font-size: 10px !important;
        }

        .monthspan {
            display: inline-block !important;
        }
    </style>
@endpush
@php
    $patientId = Session::get('patient_id');
    $homeData = GetHomeData($patientId);
    $appointment = GetAppointMentData($patientId);

    $overViewColor = '';
    $titleColor = '';
    if ($homeData['type'] == 'BETTER_ASTHMA') {
        $titleColor = 'bg_color4';
    } elseif ($homeData['type'] == 'GOOD_ASTHMA') {
        $titleColor = 'bg_color2';
    } elseif (
        $homeData['type'] == 'PICK_FLOW' ||
        $homeData['type'] == 'THIRD_QUE' ||
        $homeData['type'] == 'PICK_FLOW_AND_THIRD_QUE' ||
        $homeData['type'] == 'NO_DATA'
    ) {
        $titleColor = 'bg_color1';
    } else {
        $titleColor = 'bg_color';
    }

    $time = date('H');

    $timezone = date('e');
    if ($time < '12') {
        $Msg = 'Good Morning';
    } elseif ($time >= '12' && $time < '17') {
        $Msg = 'Good Afternoon';
    } elseif ($time >= '17' && $time < '19') {
        $Msg = 'Good Evening';
    } elseif ($time >= '19') {
        $Msg = 'Good Night';
    }

@endphp
<nav class="vz_navbar">
    <div class="navbar-wrapper">
        <div class="navbar-content scroll-div">
            <div class="vz_navigation_1">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card_title">{{ $Msg }} {{ getUserName(Session::get('user_id')) }}
                                </h4>
                                <p>Search another patient</p>
                                @php $getIdNumbers ="";   @endphp
                                <div class="row">
                                    <div class="col-md-12 mb-12">
                                        <select class="form-control" id="lstFirstName" name="lstFirstName">
                                            <option value="">--Search Patient--</option>
                                            @foreach (getPatientList() as $key => $value)
                                                <option value="{{ $value->id }}"
                                                    data-id="{{ encryptValuebase($value->id) }}"
                                                    @if ($patientId == $value->id) selected="" @php $getIdNumbers =$value->ID_number;   @endphp @endif>
                                                    {{ $value->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <br><br><br>
                                    <div class="col-md-12 mb-12">
                                        <input type="text" class="form-control" id="txtIdNumber" name="txtIdNumber"
                                            placeholder="Enter Name" value="{{ $getIdNumbers }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <span id="spnError"></span>
                                </div>
                                <button class="btn btn-primary search" id="btnSearch"
                                    type="submit">Search</button>&nbsp;&nbsp;
                                <button class="btn btn-primary cancel" type="reset">Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card1">
                    <div class="card-body">
                        <form class="needs-validation" novalidate="">
                            <div class="row">
                                <!--                                <div class="col-md-12 mb-12">
                                                                    <h4>Current Patient</h4>
                                                                    <select class="form-control">
                                                                        <option>Select</option>
                                                                        @foreach (getPatientList() as $key => $value)
<option value="{{ $value->id }}"  data-id="{{ encryptValuebase($value->id) }}"  {{ $value->id == $patientId ? 'selected' : '' }} >{{ $value->name }}</option>
@endforeach
                                                                    </select>
                                                                </div>-->
                            </div>
                        </form>
                        <br>
                        <div class="">
                            <h4>Asthma Checker</h4>
                            @if (!empty($homeData['month']) && !empty($homeData['year']) && $homeData['type'] != 'NO_DATA')
                                <center>
                                    <p class="info {{ $titleColor }} pad-color text-center">
                                        {{ $homeData['title'] . ' ' . $homeData['content'] }}</p>
                                </center>
                                <h5>Last Updated:
                                    {{ date('M', mktime(0, 0, 0, $homeData['month'], 10)) . '-' . $homeData['year'] }}
                                </h5>
                            @else
                                <center>
                                    <p class="info bg_color  pad-color text-center">
                                        {{ $homeData['title'] . ' ' . $homeData['content'] }}</p>
                                </center>
                            @endif
                        </div>
                        <!--                        <div class="previous_client">
                                                    <h4>Previous Client Visit</h4>
                                                    <ul class="list-unstyled mail_tabs">
                                                        @foreach ($appointment as $kApp => $vApp)
<li class="active">
                                                            <a href="{{ route('patient.data', ['id' => encryptValuebase($vApp['patient_id']), 'app_id' => encryptValuebase($vApp['id'])]) }}"> {{ date('d.m.Y', strtotime($vApp['visit_date'])) }} <span class="label label-primary pull-right">view</span>
                        
                                                            </a>
                                                        </li>
@endforeach
                                                    </ul>
                                                </div>-->
                        <!--                        <div class="col-12 text-left">
                                                    <div class="mt-4 needs-validation btnfrom">
                                                        <button class="btn btn-primary" type="reset" id="btnNewVisit">New Visit</button>
                                                    </div>
                                                </div>-->
                        <br>

                    </div>
                </div>
            </div>
        </div>
</nav>