@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet"
        type="text/css" />


    <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;
        }


        /* previous consultations */
        table {
            /* border-collapse: collapse;
                                                    width: 100%; */
        }

        /* th, td {
                                                    border: 1px solid #dddddd;
                                                    text-align: left;
                                                    padding: 8px;
                                                } */
        /* tr:hover {
                                                    background-color: #f5f5f5;
                                                } */
        .previous_consultation_details {
            display: none;
        }

        /* new previous admissions css: pick corresponding js */
        .accordion-content {
            display: none;
        }

        .accordion-content.active {
            display: table-row;
        }
    </style>
    <link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />
@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">{{ __('inpatient.maternity_admission') }}</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">{{ __('inpatient.dashboard') }}</a></li>
                <li><a href="{{ route('patients.index') }}">{{ __('inpatient.patients') }}</a></li>
                <li class="active">{{ __('inpatient.maternity_admission') }}</li>
            </ol>
        </div>
    </div>

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

    {{-- previous consultations  --}}
    @if (count($previous_consultation_inpatient_info) > 0)
        <div class="row">
            <div class="col-sm-12">
                <div class="white-box">
                    @include('maternity::maternity.includes.previous_admissions')

                </div>
            </div>
        </div>
    @endif


    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">

                <h4><b> {{ __('antenatal.maternity_admission') }}
                    </b></h4>
                <div class="alert alert-danger alert-dismissible fade show" role="alert" style="width:100%;">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    {{ __('antenatal.consultation_note_history') }}
                </div>


                {{ Form::open(['route' => 'maternity.store']) }}


                <div class="row">
                    {{-- primary diagnosis --}}
                    <div class="col-sm-8">
                        <div class="table-responsive">
                            <table class="table table-hover color-table success-table">
                                <thead>
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th>{{ __('inpatient.primary_diagnosis') }}</th>
                                        <th>{{ __('inpatient.prompt') }}</th>
                                        <th>{{ __('inpatient.references') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input type="checkbox" name="chk" id="chk" /></td>
                                        <td style="width: 30%;">
                                            <div class="form-group">
                                                {{-- {{ Form::select('primary_diagnosis', $diagnoses, $latest_existing_anc_clinic_followup->primary_diagnosis ?? '', ['id' => 'primary_diagnosis', 'class' => 'form-control col-sm-12 compulsory', 'required']) }} --}}
                                                {{ Form::select('primary_diagnosis', $diagnoses,'', ['id' => 'primary_diagnosis', 'class' => 'form-control col-sm-12 compulsory', 'required']) }}
                                            </div>
                                        </td>
                                        <td style="width: 45%; color: #C85F6A;">
                                            <div class="well well-sm" id="primary_diagnosis_prompt">&nbsp;</div>
                                        </td>
                                        <td style="width: 25%">
                                            <div class="well well-sm" id="primary_diagnosis_reference">&nbsp;</div>
                                        </td>
                                    </tr>
                                    <tr>
                                </tbody>
                            </table>
                        </div>

                        {{-- other diagnoses --}}
                        @php
                        $other_diagnoses = explode(',', $latest_existing_anc_clinic_followup->other_diagnoses ?? '');
                        $counter=2;
                        @endphp     

                        <div class="table-responsive table-condensed">
                            <table class="table color-table success-table table-condensed table-borderless"
                                id="other_diagnosis_table">
                                <thead>
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th>{{ __('inpatient.other_diagnosis') }}</th>
                                        <th>{{ __('inpatient.prompt') }}</th>
                                        <th>{{ __('inpatient.references') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td><input type="checkbox" name="chk" id="chk"></td>
                                        <td style="width: 30%;">
                                            {{ Form::select('other_diagnosis[]', $diagnoses, '', ['class' => 'form-control col-sm-12 sec_d', 'id' => 'other_diagnosis']) }}
                                        </td>
                                        <td style="width: 45%">
                                            <div class="well well-sm" id="secondary_diagnosis_prompt1">&nbsp;</div>
                                        </td>
                                        <td style="width: 25%">
                                            <div class="well well-sm" id="secondary_diagnosis_reference1">&nbsp;</div>
                                        </td>
                                    </tr>

                                    {{-- Pick existing data --}}

                                    {{-- @if(empty($other_diagnoses))

                                     <tr>
                                        <td><input type="checkbox" name="chk" id="chk"></td>
                                        <td style="width: 30%;">
                                            {{ Form::select('other_diagnosis[]', $diagnoses, '', ['class' => 'form-control col-sm-12 sec_d', 'id' => 'other_diagnosis']) }}
                                        </td>
                                        <td style="width: 45%">
                                            <div class="well well-sm" id="secondary_diagnosis_prompt1">&nbsp;</div>
                                        </td>
                                        <td style="width: 25%">
                                            <div class="well well-sm" id="secondary_diagnosis_reference1">&nbsp;</div>
                                        </td>
                                    </tr>

                                    @else 
                                    @foreach($other_diagnoses as $diagnosis)
                                        @if($diagnosis != "")
                                            <tr>
                                                <td><input type="checkbox" name="chk" id="chk"></td>
                                                <td style="width: 30%;">
                                                    {{ Form::select('other_diagnosis[]', $diagnoses, $diagnosis, ['class' => 'sec_d form-control col-sm-12']) }}
                                                </td>
                                                <td style="width: 45%; color: #C85F6A;"><div class="well well-sm" id={{ 'secondary_diagnosis_prompt'. $counter }}>{{ is_object($diagnoses_all->firstWhere('id',$diagnosis)) ? $diagnoses_all->firstWhere('id',$diagnosis)->prompts : '' }}&nbsp;</div></td>
                                                <td style="width: 25%"><div class="well well-sm" id={{ "secondary_diagnosis_reference". $counter }}>{{ is_object($diagnoses_all->firstWhere('id',$diagnosis)) ? $diagnoses_all->firstWhere('id',$diagnosis)->reference_names : '' }}&nbsp;</div></td>
                                            </tr>
                                        @endif  
                                        @php $counter++; @endphp
                                    @endforeach 
                                    <tr>
                                        <td><input type="checkbox" name="chk" id="chk"></td>
                                        <td style="width: 30%;">
                                            {{ Form::select('other_diagnosis[]', $diagnoses, '', ['class' => 'sec_d form-control col-sm-12']) }}
                                        </td>
                                        <td style="width: 45%"><div class="well well-sm" id='secondary_diagnosis_prompt1'>&nbsp;</div></td>
                                        <td style="width: 25%"><div class="well well-sm" id='secondary_diagnosis_reference1'>&nbsp;</div></td>
                                    </tr> 


                                    @endif --}}

                                     {{--End of  Pick existing data --}}

                                </tbody>
                            </table>
                        </div>
                        <a class="btn btn-success btn-sm m-t-10" id="add_row"
                            onclick="addRow('other_diagnosis_table')">{{ __('inpatient.add_row') }}</a>
                        <a class="btn btn-danger btn-sm m-t-10" id="delete_row"
                            onclick="deleteRowData('other_diagnosis_table')">{{ __('inpatient.delete_row') }}</a>
                    </div>





                    {{-- symptoms sidebar --}}
                    <div class="col-sm-4">
                        <div class="panel panel-default">
                            <div class="panel-wrapper collapse in">
                                <ul class="nav customtab nav-tabs" role="tablist">
                                    <li role="presentation" class="active nav-item"><a href="#triageSymptoms"
                                            class="nav-link" aria-controls="home" role="tab" data-toggle="tab"
                                            aria-expanded="true"><span class="visible-xs"><i
                                                    class="ti-home"></i></span><span class="hidden-xs">
                                                {{ __('inpatient.symptoms_triage') }}</span></a></li>
                                    <li role="presentation" class="nav-item"><a href="#opdInvestigations" class="nav-link"
                                            aria-controls="profile" role="tab" data-toggle="tab"
                                            aria-expanded="false"><span class="visible-xs"><i class="ti-user"></i></span>
                                            <span class="hidden-xs">{{ __('inpatient.opd_invs') }}</span></a></li>
                                    <li role="presentation" class="nav-item"><a href="#wardInvestigations" class="nav-link"
                                            aria-controls="messages" role="tab" data-toggle="tab"><span
                                                class="visible-xs"><i class="ti-email"></i></span> <span
                                                class="hidden-xs">{{ __('inpatient.ward_invs') }}</span></a></li>
                                </ul>
                                <div class="panel-body">
                                    <div class="tab-content m-t-0">
                                        <div role="tabpanel" class="tab-pane fade active in" id="triageSymptoms">
                                            <div class="col-md-12">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th><b>{{ __('inpatient.symptoms') }}</b></th>
                                                            <th><b>{{ __('inpatient.duration') }}</b></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if ($triage)
                                                            @php
                                                                $symptoms_explode =
                                                                    explode(',', $triage->symptoms) ?? '';
                                                                $duration_explode = explode(
                                                                    ',',
                                                                    $triage->symptom_duration ?? '',
                                                                );
                                                            @endphp
                                                            @for ($i = 0; $i < count($symptoms_explode); $i++)
                                                                <tr>
                                                                    <td>{{ $symptoms[$symptoms_explode[$i]] ?? '' }}</td>
                                                                    <td>{{ isset($duration_explode[$i]) ? $duration_explode[$i] : '' }}
                                                                    </td>
                                                                </tr>
                                                            @endfor
                                                        @else
                                                            <tr>
                                                                <td colspan="2">
                                                                    {{ __('inpatient.no_symptoms_triage') }}
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div role="tabpanel" class="tab-pane fade" id="opdInvestigations">
                                            <div class="col-md-12">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th><b>{{ __('inpatient.name') }}</b></th>
                                                            <th><b>{{ __('inpatient.value') }}</b></th>
                                                            <th><b>{{ __('inpatient.comment') }}</b></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (count($opd_investigations) > 0)
                                                            @for ($i = 0; $i < count($opd_investigations['name']); $i++)
                                                                <tr>
                                                                    <td>{{ $opd_investigations['name'][$i] }}</td>
                                                                    <td>{{ $opd_investigations['value'][$i] }}</td>
                                                                    <td>{{ $opd_investigations['comment'][$i] }}</td>
                                                                </tr>
                                                            @endfor
                                                        @else
                                                            <tr>
                                                                <td colspan="3">{{ __('inpatient.no_opd_invs') }}</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div role="tabpanel" class="tab-pane fade" id="wardInvestigations">
                                            <div class="col-md-12">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th><b>{{ __('inpatient.name') }}</b></th>
                                                            <th><b>{{ __('inpatient.value') }}</b></th>
                                                            <th><b>{{ __('inpatient.comment') }}</b></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @if (count($ward_investigations) > 0)
                                                            @for ($i = 0; $i < count($ward_investigations['name']); $i++)
                                                                <tr>
                                                                    <td>{{ $ward_investigations['name'][$i] }}</td>
                                                                    <td>{{ $ward_investigations['value'][$i] }}</td>
                                                                    <td>{{ $ward_investigations['comment'][$i] }}</td>
                                                                </tr>
                                                            @endfor
                                                        @else
                                                            <tr>
                                                                <td colspan="3">{{ __('inpatient.no_ward_invs') }}</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <a href="#" class="label label-info"> > {{ __('inpatient.historical_investigations') }}</a>
                        <a href="{{ url('investigations/investigations_review') }}" class="label label-info"> >
                            {{ __('inpatient.order_investigations') }}</a>
                    </div>
                </div>
                <hr>

                {{-- gravida , para , abortions --}}
                @include('maternity::maternity.includes.gravida_para_abortions')

                <div class="row">
                    <div class="col-md-12 ">
                        <h4><span class="label label-primary">{{ __('antenatal.past_obstetric_history') }}</span></h4>
                    </div>
                    
                </div>

                {{-- past obstetrict history --}}
                @if ($obstetric_history_details->count() > 0)
                    <div class="row">
                        <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                            <div class="card ">

                                <div class="card-body p-4">
                                    <div class="row">


                                        <div class="col-sm-12">
                                            <div class="table-responsive">
                                                <table
                                                    class="table table-bordered color-bordered-table success-bordered-table"
                                                    id="table_1">
                                                    <thead>
                                                        <tr class="text-center"
                                                            style="background-color: #00c292;color: #fff;">
                                                            <td colspan="9">
                                                                {{ __('antenatal.past_obstetric_history') }}
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th>{{ __('antenatal.date') }}</th>
                                                            <th>{{ __('antenatal.gestation') }} Weeks </th>
                                                            <th>{{ __('antenatal.outcome') }}</th>
                                                            <th> Delivery Type </th>
                                                            <th>Complications</th>
                                                            <th>Puerperium</th>
                                                            {{-- <th colspan="3" >Children details</th> --}}
                                                            <th>{{ __('antenatal.name') }}</th>
                                                            <th>{{ __('antenatal.patient_number') }}</th>
                                                            <th>{{ __('antenatal.comments') }}</th>

                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @foreach ($obstetric_history_details as $obstetric_history)

                                                            @php
                                                                $children = [];
                                                                if (!empty($obstetric_history->children)) {
                                                                    $children = json_decode(
                                                                        $obstetric_history->children,
                                                                    );
                                                                }
                                                            @endphp

                                                            <tr>
                                                                <td rowspan="{{ count($children) + 1 }}">
                                                                    @if (!empty($obstetric_history->obstetric_date))
                                                                        {{ streamline_date($obstetric_history->obstetric_date) }}
                                                                    @else
                                                                    @endif
                                                                    {{-- {{ streamline_date($obstetric_history->obstetric_date) }} --}}

                                                                </td>
                                                                <td rowspan="{{ count($children) + 1 }}">
                                                                    {{ $obstetric_history->gestation ?? '' }}
                                                                </td>
                                                                <td rowspan="{{ count($children) + 1 }}">
                                                                    @if (!empty($obstetric_history->outcome))
                                                                        {{ isset($anc_outcomes[$obstetric_history->outcome]) ? $anc_outcomes[$obstetric_history->outcome] : '' }}
                                                                    @else
                                                                    @endif
                                                                </td>

                                                                <td rowspan="{{ count($children) + 1 }}">
                                                                    {{-- {{ $obstetric_history->delivery_type ?? '' }} --}}
                                                                    @if (isset($obstetric_history->delivery_type))
                                                                        @if ($obstetric_history->delivery_type == 1)
                                                                            {{ __('antenatal.vaginal_delivery') }}
                                                                        @elseif($obstetric_history->delivery_type == 2)
                                                                            {{ __('antenatal.vacuum_delivery') }}
                                                                        @elseif($obstetric_history->delivery_type == 3)
                                                                            {{ __('antenatal.forceps_delivery') }}
                                                                        @elseif($obstetric_history->delivery_type == 4)
                                                                            {{ __('antenatal.c_section') }}
                                                                        @elseif($obstetric_history->delivery_type == 5)
                                                                            {{ __('antenatal.vbac') }}
                                                                        @else
                                                                        @endif
                                                                    @endif


                                                                </td>
                                                                <td rowspan="{{ count($children) + 1 }}">

                                                                    @if (isset($obstetric_history->pregnancy_complication))
                                                                        @if ($obstetric_history->pregnancy_complication == 1)
                                                                            {{ __('antenatal.retained_placenta') }}
                                                                        @elseif($obstetric_history->pregnancy_complication == 2)
                                                                            {{ __('antenatal.eclampsia') }}
                                                                        @elseif($obstetric_history->pregnancy_complication == 3)
                                                                            {{ __('antenatal.pph') }}
                                                                        @else
                                                                        @endif
                                                                    @endif
                                                                </td>
                                                                <td rowspan="{{ count($children) + 1 }}">
                                                                    {{ $obstetric_history->puerperium ?? '' }}
                                                                </td>
                                                            </tr>

                                                            @forelse($children as $key => $child)
                                                                <tr>
                                                                    <td> {{ $child->name }}</td>
                                                                    <td> {{ $child->patient_number }}</td>
                                                                    <td> {{ $child->health_condition }}</td>
                                                                </tr>

                                                            @empty
                                                                {{-- <tr>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                </tr> --}}
                                                            @endforelse

                                                            {{-- <td>
                                    @if (!empty($children))
                                        <ol>
                                            @foreach ($children as $child)
                                                <li>
                                                    {{ $child->name }}</li>
                                            @endforeach
                                        </ol>
                                    @else
                                        <span></span>
                                    @endif
                                </td> --}}
                                                            {{-- <td>
                                    @if (!empty($children))
                                        <ol>
                                            @foreach ($children as $child)
                                                <li>
                                                    @if (!empty($child->patient_number))
                                                        {{ $child->patient_number }}
                                                    @else
                                                        <span></span>
                                                    @endif
                                                </li>
                                            @endforeach

                                        </ol>
                                    @else
                                        <span></span>
                                    @endif
                                </td> --}}
                                                            {{-- <td>
                                    @if (!empty($children))
                                        <ol>
                                            @foreach ($children as $child)
                                                <li>
                                                    @if (!empty($child->health_condition))
                                                        {{ $child->health_condition }}
                                                    @else
                                                        <span></span>
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ol>
                                    @else
                                        <span></span>
                                    @endif
                                </td> --}}
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div> <br>
                        </div>
                        <br>
                    </div>
                @else
                    {{-- <code>No obstetric history</code> --}}
                @endif



                

                <div class="pregnancy_div">
                    <div id="pregnancy_1" class="pregnacy_details">
                        <div class="row">
                            <div class="col form-group">
                                {{ Form::label('obstetric_date', __('antenatal.date')) }}
                                <div class="input-group">
                                    {{ Form::text('pregnancy_1_obstetric_date', '', ['class' => 'form-control obstetric_date', 'id' => 'datepicker-autoclose1']) }}
                                    <span class="input-group-addon"><i class="icon-calender"></i></span>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                            <div class="col form-group">
                                {{ Form::label('gestation', __('antenatal.gestation')) }}
                                <div class="input-group">
                                    <input type="number" class="form-control col-sm-12" name="pregnancy_1_gestation"
                                        placeholder="weeks">
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                            <div class="col form-group">
                                {{ Form::label('outcome', __('antenatal.outcome')) }}
                                <div class="input-group">
                                    {{ Form::select('pregnancy_1_obstetric_outcome', $anc_outcomes, '', ['class' => 'form-control col-sm-12 ', 'id' => 'pregnancy_1_obstetric_outcome', 'onchange' => 'abortion_outcome(this.id)']) }}
                                </div>
                                <div class="help-block with-errors"></div>
                                <div class="form-group" style="display: none" id="abortion_outcome_div_1">
                                    {{ Form::label('pregnancy_1_abortion_outcome', __('antenatal.abortion_date')) }}
                                    <div class="input-group">
                                        {{ Form::select('pregnancy_1_abortion_outcome', ['' => __('antenatal.select'), '1' => __('antenatal.below_12'), '2' => __('antenatal.12_and_above')], '', ['class' => 'form-control col-sm-12', 'id' => 'pregnancy_1_abortion_outcome']) }}
                                    </div>
                                    <div class="help-block with-errors"></div>
                                </div>
                                <div class="form-group" style="display: none" id="stillbirth_type_div_1">
                                    {{ Form::label('pregnancy_1_stillbirth_type', __('antenatal.stillbirth_type')) }}
                                    <div class="input-group">
                                        {{ Form::select('pregnancy_1_stillbirth_type', ['' => __('antenatal.select'), '1' => __('antenatal.antepartum'), '2' => __('antenatal.intrapartum')], '', ['class' => 'form-control col-sm-12', 'id' => 'pregnancy_1_stillbirth_type']) }}
                                    </div>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col form-group birth_show_1" style="display:none;">
                                {{ Form::label('delivery_type', __('antenatal.delivery_type')) }}
                                <div class="input-group">
                                    {{ Form::select('pregnancy_1_delivery_type', ['' => __('antenatal.select'), '1' => __('antenatal.vaginal_delivery'), '2' => __('antenatal.vacuum_delivery'), '3' => __('antenatal.forceps_delivery'), '4' => __('antenatal.c_section'), '5' => __('antenatal.vbac')], '', ['class' => 'form-control col-sm-12 clear_input_1', 'id' => 'pregnancy_1_delivery_type']) }}
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                            <div class="col form-group birth_show_1" style="display:none;">
                                {{ Form::label('pregnancy_complication', __('antenatal.pregnancy_complications')) }}
                                <div class="input-group">
                                    {{ Form::select('pregnancy_1_pregnancy_complication', ['' => __('antenatal.select'), '1' => __('antenatal.retained_placenta'), '2' => __('antenatal.eclampsia'), '3' => __('antenatal.pph')], '', ['class' => 'form-control col-sm-12 clear_input_1', 'id' => 'pregnancy_1_pregnancy_complication']) }}
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                            <div class="col form-group birth_show_1" style="display:none;">
                                {{ Form::label('puerperium', __('antenatal.puerperium')) }}
                                <div class="input-group">
                                    <input type="text" class="form-control col-sm-12 clear_input_1 " name="pregnancy_1_puerperium"
                                        id="pregnancy_1_puerperium">
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div id="child_details_div_1" style="display: none">
                            <p>
                            <h5 class="text-center"><b>Child's Details</b></h5>
                            </p>
                            <table class="table color-table inverse-table table-responsive table-borderless"
                                id="child_details_table_1">
                                <thead>
                                    <th>{{ __('patients.full_names') }}</th>
                                    <th>{{ __('patients.gender') }}</th>
                                    <th>{{ __('patients.patient_number') }}</th>
                                    <th>{{ __('antenatal.child_birth_weight') }}</th>
                                    <th>{{ __('antenatal.child_immunisation_status') }}</th>
                                    <th>{{ __('antenatal.health_condition') }}</th>
                                    <th>#</th>
                                </thead>
                                <tbody id="child_data_1">
                                    <tr>
                                        <td>
                                            {{ Form::text('pregnancy_1_child_name[]', '', ['class' => 'form-control compulsory clear_input_1 ', 'id' => 'pregnancy_1_child_name', 'placeholder' => 'Happy Mukisa']) }}
                                        </td>
                                        <td style="min-width: 90px;">
                                            <select style="display: inline-block;" class="form-control clear_input_1 "
                                                name="pregnancy_1_child_gender[]" id="pregnancy_1_child_gender_1">
                                                <option value=" " selected>-- Select --</option>
                                                <option value="1">Male</option>
                                                <option value="2">Female</option>
                                            </select>
                                        </td>
                                        <td>
                                            {{ Form::number('pregnancy_1_child_patient_number[]', '', ['class' => 'form-control clear_input_1', 'step' => '1']) }}
                                        </td>
                                        <td>
                                            {{ Form::number('pregnancy_1_child_birth_weight[]', '', ['class' => 'form-control clear_input_1 ', 'step' => '0.1']) }}
                                        </td>
                                        <td>
                                            {{ Form::select('pregnancy_1_child_immunisation_status[]', ['' => __('antenatal.select'), '1' => __('antenatal.not_started'), '2' => __('antenatal.ongoing'), '3' => __('antenatal.completed')], '', ['class' => 'form-control clear_input_1']) }}
                                        </td>
                                        <td>
                                            {{ Form::textarea('pregnancy_1_child_health_condition[]', '', ['class' => 'form-control clear_input_1', 'id' => 'pregnancy_1_health_condition ', 'rows' => '3']) }}
                                        </td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                            <a class="add_child_button label label-inverse" style="color: #fff;" id="add_child_1"
                                role="button" onclick="add_child_div(this.id)">{{ __('antenatal.add_child_row') }}</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col"><a class="btn btn-rounded btn-info pull-right" onclick="add_pregnancy_row()"
                            style="color: #fff;">{{ __('antenatal.add_pregnancy_row') }}</a></div>
                </div>
                <hr>





                {{-- delivery plan --}}
                @include('maternity::maternity.includes.delivery_plan')

                {{-- mothers history --}}
                @include('maternity::maternity.includes.mothers_history')

                {{-- surgical history --}}
                @include('maternity::maternity.includes.surgical_history')
                {{-- blood transfusion --}}
                @include('maternity::maternity.includes.blood_transfusion')

                {{-- pelvic examination and assesement --}}
                @include('maternity::maternity.includes.pelvic_examination_and_assessment')

                {{-- this pregnancy --}}
                @include('maternity::maternity.includes.this_pregnancy')

                {{-- This pregnancy --}}

                <div class="row">
                    <div class="col-sm-12" style="padding: 0 10px;">
                        <div class="row">
                            <div class="col-md-6 col-sm-12 col-xs-12"></div>
                            <div class="col-md-6 col-sm-12 col-xs-12 ">
                                <div class="text-right">
                                    <button type="submit" class="btn btn-default" value="save_maternity_admission"
                                        name="submit-btn"><i class="fas fa-save"></i> Save </button>
                                    {{ Form::button(__('maternity.save_and_complete'), ['type' => 'submit', 'value' => 'submit_maternity_admission', 'name' => 'submit-btn', 'id' => 'submit-btn', 'class' => 'btn btn-success']) }}

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

                    </div>
                </div>
                {{ Form::hidden('pregnancy_number', 0, ['id' => 'pregnancy_number']) }}
                {{ Form::close() }}
            </div>
        </div>
    </div>

    <!-- referral modal -->
    <div class="modal fade" id="referralsmodal" tabindex="-1" role="dialog">
        <div class="modal-dialog" 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>
                    <h4 class="modal-title" id="exampleModalLabel1">{{ __('maternity.add_new_referral') }}</h4>
                </div>
                <div class="modal-body">
                    {{ Form::text('referral_name', '', ['class' => 'form-control', 'id' => 'referral_name', 'placeholder' => __('maternity.referral_name')]) }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                        data-dismiss="modal">{{ __('maternity.cancel') }}</button>
                    <a class="btn btn-primary" onclick="submitReferral()">{{ __('maternity.add_new_referral') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection

{{-- scrips  --}}
@push('scripts')
    <script src="{{ asset('js/streamline_plugins/jquery.session.js') }}"></script>
    <!-- pull in select2 for auto searchanble drop downs -->
    <script src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>

    <script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>

    {{-- add and delete child row --}}
    <script src="{{ asset('js/maternity_admission/add_delete_child_row.js') }}"></script>

    {{-- family planningmethods searchable select2 --}}
    <script src="{{ asset('js/maternity_admission/family_planning_methods.js') }}"></script>

    {{-- family planning methods --}}
    <script src="{{ asset('js/maternity_admission/family_planning_methods.js') }}"></script>

    {{-- additional_text_box_inputs file --}}
    <script src="{{ asset('js/maternity_admission/additional_checkbox_text_inputs.js') }}"></script>

    {{-- previous consultations script with expandable row of details --}}
    {{-- <script src="{{ asset('js/maternity_admission/previous_consultation_details.js') }}"></script> --}}


    {{-- pick previous admissions // pick corresponding css --}}
    <script>
        $(document).ready(function() {
            $('.accordion-header').click(function() {
                // Toggle active class on content row
                $(this).next('.accordion-content').toggleClass('active');

                // Close other content rows
                $('.accordion-content').not($(this).next('.accordion-content')).removeClass('active');
            });
        });
    </script>



    {{-- <script>
         document.addEventListener("DOMContentLoaded", function() {
        var dataRows = document.querySelectorAll(".data-row");

        dataRows.forEach(function(row) {
            row.addEventListener("click", function() {
                var detailsRow = row.nextElementSibling;
                detailsRow.classList.toggle("previous_consultation_details");
            });
        });
    });

    </script> --}}




    {{-- display alert  if hiv_date is greater or equal to 3 months ago --}}

    <script>
        $(function() {
            console.log("db date in js : ", existingHivDate);
            if (existingHivDate) {
                $('#alertboxx').html(
                    "<div class='alert alert-danger'>{{ __('maternity.hiv_past_3_months') }}</div>");
            }

            // Initialize date picker
            $('.datePicker').datepicker();

            // Attach event listener for when the date picker value changes
            $('.datePicker').on('change', function() {
                // Get the date value from the input field
                var dateInputValue = $(this).val();

                // Convert the input date string to a JavaScript Date object
                var inputDate = new Date(dateInputValue);


                // Calculate the date 3 months ago from today
                var threeMonthsAgo = new Date();
                console.log("Today date:", threeMonthsAgo);
                threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3);



                if (inputDate <= threeMonthsAgo) {

                    $('#alertboxx').html(
                        "<div class='alert alert-danger'>{{ __('maternity.hiv_past_3_months') }} </div>"
                    );
                } else {
                    $('#alertboxx').html("");
                }
            });
        });
    </script>








    <script type="text/javascript">
        jQuery(
                '#datepicker-autoclose3'
            )
            .datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'dd/mm/yyyy',
            });

        // vdrl_date
        var min_date_vdrl_date = new Date();
        min_date_vdrl_date.setFullYear(min_date_vdrl_date.getFullYear() - 100);
        $('#datepicker-autoclose3').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_date_vdrl_date,
            format: 'dd/mm/yyyy'
        });

        // hiv_date
        var min_date_hiv_date = new Date();
        min_date_hiv_date.setFullYear(min_date_hiv_date.getFullYear() - 100);
        $('#datepicker-autoclose4').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_date_hiv_date,
            format: 'dd/mm/yyyy'
        });

        // obstetric date to prevent future dates
        var min_date = new Date();
        min_date.setDate(min_date.getDate() - 280);
        $('#datepicker-autoclose1').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            // startDate: min_date,
            format: 'dd/mm/yyyy'
        });

        // discontinued date to prevent future dates
        var min_date_discontinued = new Date();
        min_date_discontinued.setDate(min_date_discontinued.getDate() - 280);
        $('#date_discontinued').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_date_discontinued,
            format: 'dd/mm/yyyy'
        });

        // lmp date to prevent future dates
        var min_date = new Date();
        min_date.setDate(min_date.getDate() - 280);
        $('#lmp').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            // startDate: min_date,
            format: 'dd/mm/yyyy'
        });

        // uteurus operation date 
        var min_date = new Date();
        min_date.setDate(min_date.getDate() - 280);
        $('#uterus_operation_date_picker').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            // startDate: min_date,
            format: 'dd/mm/yyyy'
        });

        // other operation dates

        var min_date = new Date();
        min_date.setDate(min_date.getDate() - 280);
        $('#other_operation_date_picker').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_date,
            format: 'dd/mm/yyyy'
        });


        // scan edd, prevent previous dates
        // edd
        var min_date = new Date();
        min_date.setDate(min_date.getDate() + 300);
        $('#datepicker-autoclose7').datepicker({
            autoclose: true,
            todayHighlight: true,
            // endDate: min_date,  
            startDate: new Date(),
            format: 'dd/mm/yyyy'
        });



        // pelvis_date
        var min_date_pelvis = new Date();
        // min_date_pelvis.setDate(min_date_pelvis.getDate() - 280);
        min_date_pelvis.setFullYear(min_date_pelvis.getFullYear() - 100); //substract 100 years
        $('.prevent_future_pelvis_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_date_pelvis,
            format: 'dd/mm/yyyy'
        });

        // spine_date
        var min_spine_date = new Date();
        // min_spine_date.setDate(min_spine_date.getDate() - 280);
        min_spine_date.setFullYear(min_spine_date.getFullYear() - 100); //substract 100 years
        $('.prevent_future_spine_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_spine_date,
            format: 'dd/mm/yyyy'
        });

        // femur_date
        var min_femur_date = new Date();
        // min_femur_date.setDate(min_femur_date.getDate() - 280);
        min_femur_date.setFullYear(min_femur_date.getFullYear() - 100);
        $('.prevent_future_femur_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_femur_date,
            format: 'dd/mm/yyyy'
        });

        // lmp date
        var min_date = new Date();
        min_date.setDate(min_date.getDate() - 280);
        $('#datepicker-autoclose5').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            startDate: min_date,
            format: 'dd/mm/yyyy'
        });

        function submitReferral() {
            var name = $("#referral_name").val();
            $.ajax({
                method: 'POST',
                url: '/triage/add_referral',
                data: {
                    'name': name
                },
                success: function(response) {
                    if (!isNaN(response)) {
                        //response = last inserted id
                        $('#referral').append($('<option>', {
                            value: response,
                            text: name
                        }));
                        $('#referral').val(response); //preselect the newly added referral 
                        $('#referralsmodal').modal('hide'); //manually hide the modal
                        alert('<?php echo __('maternity.adding_referral_success'); ?>');
                    } else {
                        alert("<?php echo __('maternity.adding_referral_failed'); ?>");
                    }
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    alert(JSON.stringify(jqXHR));
                    console.log(JSON.stringify(jqXHR));
                }
            });
        }

        $(document).ready(function() {
            $('#primary_diagnosis').select2({
                placeholder: "-- select --"
            });
            $('.select2-selection.select2-selection--single').css('height', 'calc(3.85rem)');
            $('.select2-selection.select2-selection--single').css('padding-top', '5px');
            $('.select2-selection.select2-selection--single').css('border-left',
                '3px solid #F08080'); /*add compulsory class*/
            $('.select2-selection__arrow').css('top', '3px');

            $('#primary_diagnosis').on('change', function() {
                var data = 'diagnosis_id=' + $(this).val();
                $.ajax({
                    type: "get",
                    url: "/diagnoses/get_diagnosis",
                    data: data,
                    cache: false,
                    success: function(result) {
                        var prompt_and_references = result.split('&&');
                        $('#primary_diagnosis_prompt').html(prompt_and_references[0]);
                        $('#primary_diagnosis_reference').html(prompt_and_references[1]);
                    }
                });
            });

            /* other diagnoses */
            $('#other_diagnosis').on('change', function() {
                var data = 'diagnosis_id=' + $(this).val();
                $.ajax({
                    type: "get",
                    url: "/diagnoses/get_diagnosis",
                    data: data,
                    cache: false,
                    success: function(result) {
                        var prompt_and_references = result.split('&&');
                        $('#secondary_diagnosis_prompt1').html(prompt_and_references[0]);
                        $('#secondary_diagnosis_reference1').html(prompt_and_references[1]);
                    }
                });
            });

            //pph details jquery
            $('#show_pph_details_div').click(function(e) {
                $('#pph_details_div').show();
            });
            $('#hide_pph_details_div').click(function(e) {
                $('#pph_details_div').hide();
            });
            $('#show_scar_no_div').click(function(e) {
                $('#scar_no_div').show();
            });
            $('#hide_scar_no_div').click(function(e) {
                $('#scar_no_div').hide();
            });
            $('#show_fits_details_div').click(function(e) {
                $('#fits_details_div').show();
            });
            $('#hide_fits_details_div').click(function(e) {
                $('#fits_details_div').hide();
            });
            $('#show_aph_details_div').click(function(e) {
                $('#aph_details_div').show();
            });
            $('#hide_aph_details_div').click(function(e) {
                $('#aph_details_div').hide();
            });


            $("#lmp").change(function() {

                var lmp_date = $("#lmp").val();

                $.ajax({
                    method: 'POST',
                    url: '/calculate_edd_from_lmp',
                    data: {
                        'lmp_date': lmp_date
                    },
                    success: function(response) {
                        $('#edd').val(response);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        alert(JSON.stringify(jqXHR));
                        console.log(JSON.stringify(jqXHR));
                    }
                });
                find_weeks_of_amenorrhoea(lmp_date);
            });

            function find_weeks_of_amenorrhoea(lmp_date) {
                $.ajax({
                    method: 'POST',
                    url: '/calculate_weeks_of_amenorrhoea_from_lmp',
                    data: {
                        'lmp_date': lmp_date
                    },
                    success: function(response) {
                        $('#weeks_of_amenorrhoea_text').html(response);
                        $('#weeks_of_amenorrhoea').val(response);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        alert(JSON.stringify(jqXHR));
                        console.log(JSON.stringify(jqXHR));
                    }
                });
            }



            //auto calculate number of weeks pregnant //not using this
            $('#datepicker-autoclose5').on('change', function() {
                var lmpDate = $(this).val();

                // auto calculate the EDD
                let lmp_date_array = lmpDate.split('/');
                let edd_date = new Date(lmp_date_array[2], lmp_date_array[1], lmp_date_array[0]);
                edd_date.setDate(edd_date.getDate() + 280);
                $('#datepicker-autoclose6').val(format_date(edd_date));

                var today = new Date();
                var dd = today.getDate();
                var mm = today.getMonth() + 1; //January is 0!
                var yyyy = today.getFullYear();
                if (dd < 10) {
                    dd = '0' + dd;
                }
                if (mm < 10) {
                    mm = '0' + mm;
                }
                var today = dd + '/' + mm + '/' + yyyy;

                // Here are the two dates to compare dd/mm/yyyy
                // First we split the values to arrays date1[0] is the year, [1] the month and [2] the day
                date1 = lmpDate.split('/');
                date2 = today.split('/');

                // Now we convert the array to a Date object, which has several helpful methods
                date1 = new Date(date1[2], date1[1], date1[0]);
                date2 = new Date(date2[2], date2[1], date2[0]);

                // We use the getTime() method and get the unixtime (in milliseconds, but we want seconds, therefore we divide it through 1000)
                date1_unixtime = parseInt(date1.getTime() / 1000);
                date2_unixtime = parseInt(date2.getTime() / 1000);

                // This is the calculated difference in seconds
                var timeDifference = date2_unixtime - date1_unixtime;

                // in Hours
                var timeDifferenceInHours = timeDifference / 60 / 60;

                // and finaly, in days :)
                var timeDifferenceInDays = timeDifferenceInHours / 24;

                //and finally divide the days by 7 to get the number of weeks for the pregancy
                var timeDifferenceInWeeks = Math.floor(timeDifferenceInDays / 7);

                //display the value in the number of weeks pregnant box
                $("#weeks_pregnant").val(timeDifferenceInWeeks);
            });
        });

        $(document).on("click focus", ".transfusion-date,.obstetric-date", function() {
            //console.log("clicked to add date picker");
            $(this).datepicker({
                autoclose: true,
                todayHighlight: true,
                format: 'dd/mm/yyyy',
            });
        });

        // add row
        function addRow(tableID) {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
            var colCount = table.rows[0].cells.length;

            for (var i = 0; i < colCount; i++) {
                var newcell = row.insertCell(i);
                newcell.innerHTML = table.rows[1].cells[i].innerHTML;
                /* set new id for the symptom select tag which is found in the first cell of every row
                 * this makes the symptom select tag id dynamic and different for each table row
                 * the id should be the rowCount +1000 to avoid a similar id with prompt div tag id set below
                 */
                if (i == 1) {
                    newcell.childNodes[0].id = (rowCount + 1000);
                }
                /*
                 *  set  new value for the prompt div tag
                 */
                if (i == 2) {
                    table.rows[rowCount].cells[2].innerHTML = '';
                    table.rows[rowCount].cells[2].innerHTML = '<div class="well well-sm" id="' + rowCount +
                        '">&nbsp;</div>';
                }

                if (i == 3) {
                    // var myid = (rowCount + 100);
                    table.rows[rowCount].cells[3].innerHTML = '';
                    table.rows[rowCount].cells[3].innerHTML = '<div class="well well-sm" id="' + (rowCount + 100) +
                        '">&nbsp;</div>';
                }

                switch (newcell.childNodes[0].type) {
                    case "text":
                        // newcell.childNodes[0].value = "";
                        break;
                    case "checkbox":
                        newcell.childNodes[0].checked = false;
                        break;
                    case "select-one":
                        newcell.childNodes[0].selectedIndex = 0;
                        break;
                }
            }
        }

        // delete row
        function deleteRowData(tableID) {
            try {
                var table = document.getElementById(tableID);
                var rowCount = table.rows.length;
                for (var i = 0; i < rowCount; i++) {
                    var row = table.rows[i];
                    var chkbox = row.cells[0].childNodes[0];
                    if (null != chkbox && true == chkbox.checked) {
                        if (rowCount <= 2) {
                            alert("<?php echo __('maternity.cant_delete_rows'); ?>");
                            break;
                        }
                        table.deleteRow(i);
                        rowCount--;
                        i--;
                    }
                }
            } catch (e) {
                alert(e);
            }
        }



        // obstetric row
        function addObstetricRow(tableID) {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            //console.log("row count : " + rowCount);
            var row = table.insertRow(rowCount);
            var colCount = table.rows[0].cells.length;

            for (var i = 0; i < colCount; i++) {
                var newcell = row.insertCell(i);
                if (rowCount < 3) {
                    newcell.innerHTML = table.rows[1].cells[i].innerHTML;
                } else {
                    newcell.innerHTML = table.rows[rowCount - 1].cells[i].innerHTML;
                }
                /* set new id for the symptom select tag which is found in the first cell of every row
                 * this makes the symptom select tag id dynamic and different for each table row
                 * the id should be the rowCount +1000 to avoid a similar id with prompt div tag id set below
                 */
                if (i == 1) {
                    newcell.childNodes[0].id = (rowCount + 1000);
                }
                if (i == 2) {
                    table.rows[rowCount].cells[2].innerHTML = '';
                    table.rows[rowCount].cells[2].innerHTML =
                        '<input name="gestation[]" class="form-control well-sm" placeholder="<?php echo __('maternity.weeks'); ?>" id="' +
                        rowCount + '">&nbsp;</div>';
                }
                if (i == 3) {
                    table.rows[rowCount].cells[3].innerHTML = '';
                    var ancOutcomes = {!! json_encode($anc_outcomes) !!};
                    var options = ''; //initialize the options tag
                    for (var outcome in ancOutcomes) {
                        if (ancOutcomes.hasOwnProperty(outcome)) {
                            options += '<option value=' + outcome + '>' + ancOutcomes[outcome] + '</option>';
                        }
                    }
                    table.rows[rowCount].cells[3].innerHTML =
                        '<select name="obstetric_outcome[]" class="form-control" id="' + (rowCount + 100) + '">&nbsp;' +
                        options + '</select>';
                }

                switch (newcell.childNodes[0].type) {
                    case "text":
                        // newcell.childNodes[0].value = "";
                        break;
                    case "checkbox":
                        newcell.childNodes[0].checked = false;
                        break;
                    case "select":
                        newcell.childNodes[0].selectedIndex = 0;
                        console.log("entered option for select");
                        break;
                }
            }
        }

        // additional obstetric date and transfusion date
        $(document).on("click focus", ".obstetric_date,.transfusion_date", function() {
            var min_obstetric_date = new Date();
            min_obstetric_date.setDate(min_obstetric_date.getDate() - 100000000);
            //console.log("clicked to add date picker");
            $(this).datepicker({
                autoclose: true,
                endDate: new Date(),
                startDate: min_obstetric_date,
                todayHighlight: true,
                format: 'dd/mm/yyyy',
            });
        });

        // blood transfusion
        function addBloodTransfusionRow(tableID) {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
            var colCount = table.rows[0].cells.length;

            for (var i = 0; i < colCount; i++) {
                var newcell = row.insertCell(i);
                if (rowCount < 3) {
                    newcell.innerHTML = table.rows[1].cells[i].innerHTML;
                } else {
                    newcell.innerHTML = table.rows[rowCount - 1].cells[i].innerHTML;
                }
                /* set new id for the symptom select tag which is found in the first cell of every row
                 * this makes the symptom select tag id dynamic and different for each table row
                 * the id should be the rowCount +1000 to avoid a similar id with prompt div tag id set below
                 */
                if (i == 1) {
                    newcell.childNodes[0].id = (rowCount + 1000);
                }
                /*
                 *  set  new value for the prompt div tag
                 */
                if (i == 2) {
                    table.rows[rowCount].cells[2].innerHTML = '';
                    table.rows[rowCount].cells[2].innerHTML =
                        '<input type="number" name="no_of_units[]" class="form-control" id="' + rowCount + '">&nbsp;</div>';
                }

                if (i == 3) {
                    table.rows[rowCount].cells[3].innerHTML = '';
                    table.rows[rowCount].cells[3].innerHTML =
                        '<input name="transfusion_comment[]" class="form-control" id="' + (rowCount + 100) +
                        '">&nbsp;</div>';
                }

                switch (newcell.childNodes[0].type) {
                    case "text":
                        // newcell.childNodes[0].value = "";
                        break;
                    case "checkbox":
                        newcell.childNodes[0].checked = false;
                        break;
                    case "select":
                        newcell.childNodes[0].selectedIndex = 0;
                        break;
                }
            }
        }

        function format_date(date) {
            let d = new Date(date),
                month = '' + (d.getMonth() + 1),
                day = '' + d.getDate(),
                year = d.getFullYear();

            if (month.length < 2)
                month = '0' + month;
            if (day.length < 2)
                day = '0' + day;

            return [day, month, year].join('-');
        }
    </script>

    {{-- clear puerperium if fresh SB is selected --}}
    <script>
        $(document).ready(function() {
            $('.dropdown').change(function() {
                var selectedValue = $(this).val();
                if (selectedValue === '1') {
                    // $('.input1').val('');
                    $('.input2').val('');
                } else if (selectedValue === '2') {
                    // $('.input1').val('');
                    // $('.input2').val('');
                } else if (selectedValue === '3') {
                    // $('.input1').val('');

                }
            });
        });
    </script>

    {{-- updated scripts --}}
    <script type="text/javascript">
        // onstetric details outcopme
        function abortion_outcome(data) {
            var id = data.split("_");
            var id_number = id[1];
            
            if ($('#pregnancy_' + id_number + '_obstetric_outcome').val() == '1' || $('#pregnancy_' + id_number +
                    '_obstetric_outcome').val() == '2') {

                $('#child_details_div_' + id_number).show();
                $('.birth_show_' + id_number).show();
                $('.child_details_div_' + id_number).prop('required', true);
                $('.child_details_div_' + id_number).addClass('compulsory');
            } else {
                $('.clear_input_' + id_number).val('');
                // $('.clear_input' ).val('');
                
                if ($('#child_details_div_' + id_number).is(":visible")) {
                    $('#child_details_div_' + id_number).hide();
                    $('.child_details_div_' + id_number).prop('required', false);
                }
                if ($('.birth_show_' + id_number).is(":visible")) $('.birth_show_' + id_number).hide();

                // // w: Add condition to clear input field when value is '3'
                //     if ($('#pregnancy_' + id_number + '_obstetric_outcome').val() == '3') {
                //         // Assuming the input field has an ID like 'input_field_' + id_number
                //         $('.clear_input' + id_number).val(''); // Clear input field
                //     }

            }}

            // function abortion_outcome(data) {
            //     var id = data.split("_");
            //     var id_number = id[1];
            //     var selectedValue = $('#pregnancy_' + id_number + '_obstetric_outcome').val();
                
            //     if (selectedValue == '1' || selectedValue == '2') {
            //         $('#child_details_div_' + id_number).show();
            //         $('.birth_show_' + id_number).show();
            //         $('.child_details_div_' + id_number).prop('required', true);
            //         $('.child_details_div_' + id_number).addClass('compulsory');
            //     } else {
            //         if ($('#child_details_div_' + id_number).is(":visible")) {
            //             $('#child_details_div_' + id_number).hide();
            //             $('.child_details_div_' + id_number).prop('required', false);
            //         }
            //         if ($('.birth_show_' + id_number).is(":visible")) $('.birth_show_' + id_number).hide();
                    
            //         // Clear input field when value is 3
            //         if (selectedValue == '3') {
            //             console.log("three is selected " + id_number);
            //             $('#clear_input' + id_number).val(''); // Replace 'input_field_' with your actual input field ID
            //             // $('.clear_input').val('');
            //         }
            //     }
            // }



            function add_pregnancy_row() {
                let countAll = document.querySelectorAll('.pregnacy_details').length;
                let counter = ++countAll;
                $(".pregnancy_div").append(`<br><div id="pregnancy_${counter}" class="pregnacy_details">
            <div class="row">
                <div class="col form-group">
                    {{ Form::label('obstetric_date', __('antenatal.date')) }}
                    <div class="input-group">                
                        {{ Form::text('pregnancy_${counter}_obstetric_date', '', ['class' => 'form-control obstetric_date', 'readonly', 'id' => 'datepicker-autoclose1']) }}
                        <span class="input-group-addon"><i class="icon-calender"></i></span>
                    </div>
                    <div class="help-block with-errors"></div>
                </div>
                <div class="col form-group">
                    {{ Form::label('gestation', __('antenatal.gestation')) }}
                    <div class="input-group">
                        <input type="number" class="form-control col-sm-12" name="pregnancy_${counter}_gestation" placeholder="weeks">
                    </div>
                    <div class="help-block with-errors"></div>
                </div>
                <div class="col form-group">
                    {{ Form::label('outcome', __('antenatal.outcome')) }}
                    <div class="input-group">
                        {{ Form::select('pregnancy_${counter}_obstetric_outcome', $anc_outcomes, '', ['class' => 'form-control col-sm-12', 'id' => 'pregnancy_${counter}_obstetric_outcome', 'onchange' => 'abortion_outcome(this.id)']) }}
                    </div>
                    <div class="help-block with-errors"></div>                
                    <div class="form-group" style="display: none" id="abortion_outcome_div_${counter}">
                        {{ Form::label('outcome', __('antenatal.abortion_date')) }}
                        <div class="input-group">
                            {{ Form::select('pregnancy_${counter}_abortion_outcome', ['' => __('antenatal.select'), '1' => __('antenatal.below_12'), '2' => __('antenatal.12_and_above')], '', ['class' => 'form-control col-sm-12', 'id' => 'pregnancy_${counter}_abortion_outcome']) }}
                        </div>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group" style="display: none" id="stillbirth_type_div_${counter}">
                        {{ Form::label('pregnancy_${counter}_stillbirth_type', __('antenatal.stillbirth_type')) }}
                        <div class="input-group">
                            {{ Form::select('pregnancy_${counter}_stillbirth_type', ['' => __('antenatal.select'), '1' => __('antenatal.antepartum'), '2' => __('antenatal.intrapartum')], '', ['class' => 'form-control col-sm-12', 'id' => 'pregnancy_${counter}_stillbirth_type']) }}
                        </div>
                        <div class="help-block with-errors"></div>
                    </div>
                </div>
                <div class="col form-group birth_show_${counter}" style="display:none;">
                    {{ Form::label('delivery_type', __('antenatal.delivery_type')) }}
                    <div class="input-group">
                        {{ Form::select('pregnancy_${counter}_delivery_type', ['' => __('antenatal.select'), '1' => __('antenatal.vaginal_delivery'), '2' => __('antenatal.vacuum_delivery'), '3' => __('antenatal.forceps_delivery'), '4' => __('antenatal.c_section'), '5' => __('antenatal.vbac')], '', ['class' => 'form-control col-sm-12 clear_input_${counter}', 'id' => 'pregnancy_${counter}_delivery_type']) }}
                    </div>
                    <div class="help-block with-errors"></div>
                </div>
                <div class="col form-group birth_show_${counter}" style="display:none;">
                    {{ Form::label('pregnancy_complication', __('antenatal.pregnancy_complication')) }}
                    <div class="input-group">
                        {{ Form::select('pregnancy_${counter}_pregnancy_complication', ['' => __('antenatal.select'), '1' => __('antenatal.retained_placenta'), '2' => __('antenatal.eclampsia'), '3' => __('antenatal.pph')], '', ['class' => 'form-control col-sm-12 clear_input_${counter}', 'id' => 'pregnancy_${counter}_pregnancy_complication']) }}
                    </div>
                    <div class="help-block with-errors"></div>
                </div>
                <div class="col form-group birth_show_${counter}" style="display:none;">
                    {{ Form::label('puerperium', __('antenatal.puerperium')) }}
                    <div class="input-group">
                        <input type="text" class="form-control col-sm-12 clear_input_${counter}" name="pregnancy_${counter}_puerperium" id="pregnancy_${counter}_puerperium">
                    </div>
                    <div class="help-block with-errors"></div>
                </div>  
                <div class="col-sm-1"><button class="btn btn-sm btn-rounded btn-danger" title="Delete this Pregnancy" style="color: white; margin-top: 25px;" id='pregnancy_${counter}_delete' onclick='delete_pregnancy(this.id)' type="button"><i class="fa fa-trash"></i></button></div>
            </div>    
            <div id="child_details_div_${counter}" style="display: none">    
                <p><h5 class="text-center"><b>Child's Details</b></h5></p>  
                        <table class="table color-table inverse-table table-responsive table-borderless" id="child_details_table_${counter}">
                            <thead>
                                <th>{{ __('patients.full_names') }}</th>
                                <th>{{ __('patients.gender') }}</th>
                                <th>{{ __('patients.patient_number') }}</th>
                                <th>{{ __('antenatal.child_birth_weight') }}</th>
                                <th>{{ __('antenatal.child_immunisation_status') }}</th>
                                <th>{{ __('antenatal.health_condition') }}</th>
                                <th>#</th>
                            </thead>
                            <tbody id="child_data_${counter}">
                                <tr>
                                    <td>
                                        {{ Form::text('pregnancy_${counter}_child_name[]', '', ['class' => 'form-control child_details_div_${counter} clear_input_${counter}', 'id' => 'pregnancy_${counter}_child_name_1', 'placeholder' => 'Happy Mukisa']) }}                                        
                                    </td>
                                    <td style="min-width: 90px;">
                                        <select style="display: inline-block;" class="form-control clear_input_${counter}" name="pregnancy_${counter}_child_gender[]" id="pregnancy_${counter}_child_gender_1"><option value=" " selected>-- Select --</option><option value="1">Male</option><option value="2">Female</option></select>
                                    </td>
                                    <td>
                                        {{ Form::number('pregnancy_${counter}_child_patient_number[]', '', ['class' => 'form-control child_details_div_${counter} clear_input_${counter}', 'step' => '1']) }}
                                    </td>
                                    <td>
                                        {{ Form::number('pregnancy_${counter}_child_birth_weight[]', '', ['class' => 'form-control child_details_div_${counter} clear_input_${counter}', 'step' => '0.1']) }}
                                    </td>
                                    <td>
                                        {{ Form::select('pregnancy_${counter}_child_immunisation_status[]', ['' => __('antenatal.select'), '1' => __('antenatal.not_started'), '2' => __('antenatal.ongoing'), '3' => __('antenatal.completed')], '', ['class' => 'form-control child_details_div_${counter} clear_input_${counter}']) }}
                                    </td>
                                    <td>
                                        {{ Form::textarea('pregnancy_${counter}_child_health_condition[]', '', ['class' => 'form-control clear_input_${counter}', 'id' => 'health_condition', 'rows' => '3']) }}
                                    </td>
                                    <td></td>                           
                                </tr>
                            </tbody>                        
                        </table>
                <a class="add_child_button label label-inverse" style="color: #fff;" id="add_child_${counter}" role="button" onclick="add_child_div(this.id)">{{ __('antenatal.add_child_row') }}</a>       
            </div>
        </div>`);
            }

            function add_child_div(data) {
                var child = data.split("_");
                var child_div = $("#child_data_" + child[2]);
                var table_id = 'child_details_table_' + child[2];
                var pregnancy = 'pregnancy_' + child[2];
                var count = document.getElementById(table_id).rows.length;
                var row_id = count++;
                $(child_div).append(`<tr><td><input class="form-control" id="child_name_${row_id}" name="${pregnancy}_child_name[]" type="text" "placeholder"="Happy Mukisa" /></td>
                                <td style="min-width: 90px;"><select style="display: inline-block;" class="form-control" name="${pregnancy}_child_gender[]" id="${pregnancy}_child_gender_${row_id}"><option value=" " selected>-- Select --</option><option value="1">Male</option><option value="2">Female</option></select></td>
                                <td><input type='number' name='${pregnancy}_child_patient_number[]' id='child_patient_number_${row_id}' class='form-control' min='0'></td>
                                <td><input type='number' name='${pregnancy}_child_birth_weight[]' id='child_birth_weight_${row_id}' class='form-control' min='0' step='0.1'></td>
                                <td><select style="display: inline-block;" class="form-control" name="${pregnancy}_child_immunisation_status[]" id="${pregnancy}_child_immunisation_status_${row_id}"><option value=" " selected>-- Select --</option><option value="1">Not Started</option><option value="2">Ongoing</option><option value="3">Completed</option></select></td>
                                <td><textarea class="form-control" name="${pregnancy}_child_health_condition[]" rows="3" "id"="${pregnancy}_child_health_condition_${row_id}"></textarea></td>
                                <td><button onclick="deleteRow(this)" class="btn btn-sm btn-rounded btn-danger" title="Delete this row" style="color: white;" type="button"><i class="fa fa-trash"></i></button></td>                           
                            </tr>`);
            }
            /* This method will delete a row */
            function deleteRow(ele) {
                ele.parentNode.parentNode.remove();
            }

            function delete_pregnancy(id) {
                var pregnancy = id.split("_");
                var pregnancy_div_id = 'pregnancy_' + pregnancy[1];
                $('#' + pregnancy_div_id).remove();
            }


            // other scripts
            $('#submit-btn').click(function() {
                let countAll = document.querySelectorAll('.pregnacy_details').length;
                $('#pregnancy_number').val(countAll);
            });

            function drill_down() {
                $("#previous_visits").submit();
            }
    </script>




    {{-- display section of previous consultation details on button click --}}


    <script>
        function add_uterus_operations_row(table_id, body_id) {
            var id = document.getElementById(table_id).rows.length + 1;
            if (body_id == 'other_operations_data') {
                $('#other_operations_data').append(`
                    <tr>
                        <td>
                            {{ Form::text('other_operations_name[]', '', ['class' => 'form-control', 'id' => 'other_operations_name_${id}']) }}
                        </td>
                        <td style="min-width: 90px;">
                            <div class="input-group">
                                {{ Form::text('other_operations_name_date[]', '', ['class' => 'form-control fractures', 'id' => 'other_operations_date_${id}', 'placeholder' => 'When?']) }}<span class="input-group-addon"><i class="icon-calender"></i></span>
                            </div>
                        </td>
                        <td>                            
                            {{ Form::text('other_operations_name_facility_name[]', '', ['class' => 'form-control', 'id' => 'other_operations_facility_name_${id}']) }}
                        </td>  
                        <td><button onclick="deleteRow(this)" class="btn btn-sm btn-rounded btn-danger" title="Delete this row" style="color: white;" type="button"><i class="fa fa-trash"></i></button></td>                        
                    </tr>
            `);
            } else {
                $('#uterus_operations_data').append(`<tr>
                    <td>
                        {{ Form::text('uterus_operations_name[]', '', ['class' => 'form-control uterus_operations', 'id' => 'uterus_operations_name_${id}']) }}

                    </td>
                    <td style="min-width: 90px;">
                        <div class="input-group">
                            {{ Form::text('uterus_operations_date[]', '', ['class' => 'form-control fractures', 'id' => 'uterus_operations_date_${id}', 'placeholder' => 'When?']) }}<span class="input-group-addon"><i class="icon-calender"></i></span>
                        </div>
                    </td>
                    <td>                            
                        {{ Form::text('uterus_operations_facility_name[]', '', ['class' => 'form-control', 'id' => 'uterus_operations_facility_name_${id}']) }}
                    </td> 
                    <td><button onclick="deleteRow(this)" class="btn btn-sm btn-rounded btn-danger" title="Delete this row" style="color: white;" type="button"><i class="fa fa-trash"></i></button></td>                        
                </tr>`);

            }

            //     $('.fractures').datepicker({
            //     autoclose: true,
            //     todayHighlight: true,
            //     format: 'dd/mm/yyyy',

            // }); 


            var min_date_operation = new Date();
            min_date_operation.setFullYear(min_date_operation.getFullYear() - 100);
            $('.fractures').datepicker({
                autoclose: true,
                todayHighlight: true,
                endDate: new Date(),
                // startDate: min_date_operation,
                format: 'dd/mm/yyyy'
            });

        }
    </script>



    <script>
        // uterus operations and other operations date
        var min_date_uterus_operations = new Date();
        min_date_uterus_operations.setDate(min_date_uterus_operations.getDate() - 280);
        $('.operation_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            endDate: new Date(),
            // startDate: min_date_uterus_operations,
            format: 'dd/mm/yyyy'
        });
    </script>

    {{-- other checkbox values --}}
    <script>
        //  teeth physical examinatinon input
        document
            .getElementById('show_teeth_physical_examination_input')
            .addEventListener('change', function() {
                var ptextInputContainer = document.getElementById(
                    'teeth_physical_examination_input'
                );
                if (this.checked) {
                    ptextInputContainer.style.display = 'block';
                } else {
                    ptextInputContainer.style.display = 'none';
                }
            });

        // add lungs physical examinatinon input
        document
            .getElementById('show_lungs_physical_examination_input')
            .addEventListener('change', function() {
                var ptextInputContainer = document.getElementById(
                    'lungs_physical_examination_input'
                );
                if (this.checked) {
                    ptextInputContainer.style.display = 'block';
                } else {
                    ptextInputContainer.style.display = 'none';
                }
            });

        // add breasts physical examinatinon input
        document
            .getElementById('show_breasts_physical_examination_input')
            .addEventListener('change', function() {
                var ptextInputContainer = document.getElementById(
                    'breasts_physical_examination_input'
                );
                if (this.checked) {
                    ptextInputContainer.style.display = 'block';
                } else {
                    ptextInputContainer.style.display = 'none';
                }
            });

        // add legs physical examinatinon input
        document
            .getElementById('show_legs_physical_examination_input')
            .addEventListener('change', function() {
                var ptextInputContainer = document.getElementById(
                    'legs_physical_examination_input'
                );
                if (this.checked) {
                    ptextInputContainer.style.display = 'block';
                } else {
                    ptextInputContainer.style.display = 'none';
                }
            });
    </script>

    {{-- w: add blood transfusion row --}}
    <script>
        function add_blood_transfusion_row(table_id, body_id) {
            var id = document.getElementById(table_id).rows.length + 1;
            if (body_id == 'blood_transfusion_data') {
                $('#blood_transfusion_data').append(`
                    <tr>

                        <td>
                    <div class="form-group">
                        <div class="input-group">
                                {{ Form::text('transfusion_date[]', '', ['class' => 'form-control transfusion-date', 'readonly', 'id' => 'transfusion_date__${id}']) }}
                                <span class="input-group-addon"><i class="icon-calender"></i></span>
                            </div>
                            <div class="help-block with-errors"></div>
                        </div>
                    </td>

                    <td><input type="number" class="form-control col-sm-12" name="no_of_units[]" id="transfusion_unit__${id}">
                    <td><input type="text" class="form-control col-sm-12" name="transfusion_comment[]" id="transfusion_comment__${id}"></td>

                    <td>
                        <button onclick="deleteBloodTransfusionRow(this)" class="btn btn-sm btn-rounded btn-danger" title="Delete this row" style="color: white;" type="button"><i class="fa fa-trash"></i></button>
                    </td>                        
                   </tr>
               
               `);
            }

        }

        /* delete tour itenary row */
        function deleteBloodTransfusionRow(ele) {
            ele.parentNode.parentNode.remove();
        }
    </script>
@endpush