@extends('layouts.main') 

@push('styles')
<style type="text/css">
    #t_header th {
        background-color: #708090;
        color: #000;
    }
    .color-tr{
        background: #FFFF99;
    } 
    .aTable tr {
        background-color: #DDD;
    }
    .table_no_padding td{
        padding: 4px;
    }
</style>
@endpush

@section('content')
<div class="row bg-title">
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title">{{ __('hiv.hiv_clinic') }}</h4>
    </div>
    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}">{{ __('hiv.dashboard') }}</a></li>
            <li><a href="{{ route('patients.index') }}">{{ __('hiv.patients') }}</a></li>
            <li class="active">{{ __('hiv.hiv_clinic') }}</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        @include('patients::allergies.header')
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        @include('flash::message')
        <div class="white-box"> 
            <b>{{ __('hiv.hiv_menu') }}</b><br> <br>
            <div class="row">
                <div class="col-sm-2">
                    <a class="btn btn-success btn-sm btn-rounded" href="{{ url('antiretral_viral_therapy/create') }}">{{ __('hiv.art_clinic') }}</a>
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-info btn-sm btn-rounded" id="anc_visit"> {{ __('hiv.art_follow_up') }} </a>
                </div>
                <div class="col-sm-3">
                    <a class="btn btn-primary btn-sm btn-rounded" href="{{ url('hiv_counselling_and_testing') }}">{{ __('hiv.hiv_counselling_testing_card') }}</a>
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-default btn-sm btn-rounded" href="#">{{ __('hiv.exposed_infant_form') }}</a>
                </div>
                <div class="col-sm-3">
                    <a class="btn btn-warning btn-sm btn-rounded" href="#">{{ __('hiv.daily_activity_viral') }}</a>
                </div>
            </div> 
            <hr>
            <div class="row">
                <div class="col-sm-2">
                    <a class="btn btn-success btn-sm btn-rounded" href="#">{{ __('hiv.safe_male_circumcision') }}</a>
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-info btn-sm btn-rounded" id="anc_visit">{{ __('hiv.lab_forms') }}</a>
                </div>
                <div class="col-sm-3">
                    <a class="btn btn-primary btn-sm btn-rounded" href="{{ url('health_unit_tb_form') }}">{{ __('hiv.health_unit_tb_form') }}</a>
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-default btn-sm btn-rounded" href="#">{{ __('hiv.patient_referral_transfer') }}</a>
                </div>
                <div class="col-sm-3">
                    <a class="btn btn-warning btn-sm btn-rounded" href="#">{{ __('hiv.viral_load_suppression_form') }}</a>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-sm-2">
                    <a class="btn btn-success btn-sm btn-rounded" href="{{ url('hiv_appointment_follow_up') }}">{{ __('hiv.appointment_follow_up') }}</a>
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-info btn-sm btn-rounded">{{ __('hiv.daily_activity_lab') }}</a>
                </div>
                <div class="col-sm-3">
                    <!-- <a class="btn btn-primary btn-sm btn-rounded" href="#">##</a> -->
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-default btn-sm btn-rounded" href="#">##</a>
                </div>
                <div class="col-sm-3">
                    <a class="btn btn-warning btn-sm btn-rounded" href="#">{{ __('hiv.daily_activity_register') }}</a>
                </div>
            </div>  
        </div>
    </div>
</div>


<div class="modal fade" id="fillNewPregnancyprimary" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                {{ __('hiv.fill_preg_details_first') }}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" data-dismiss="modal">{{ __('hiv.ok') }}</button>
            </div>
        </div>
    </div>
</div>
@endsection 

@push('scripts')
    <script src="{{ asset('js/streamline_plugins/jquery.session.js') }}"></script>
    <script type="text/javascript">
        $('#anc_visit').click(function(e){
            $.ajax({
                method: 'GET', 
                url: '/check_if_pregnancy_is_registered',
                success: function(response){
                    console.log(response);
                    if (response === "true") {
                        window.location.href = "/ante_natal_clinic_follow_up/create";
                    } else {
                        $('#fillNewPregnancyprimary').modal('show');
                        e.preventDefault();
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    alert(JSON.stringify(jqXHR));
                    console.log(JSON.stringify(jqXHR));
                    e.preventDefault();
                }
            });
        });
    </script>
@endpush