@extends('master')

@section('page-contents')
    <section class="my-5">
        <div class="container">
            <div class="row mb-5">
                <div class="col-lg-12 mx-auto table-part">
                    <div class="row">
                        <div class="col-lg-12 mx-auto">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th colspan="2"></th>
                                            <th colspan="2">BMDF additional days cost</th>
                                            <th colspan="2">HMDF additional days cost</th>
                                            <th colspan="2">Cost Savings</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th colspan="2" style="width: 20%;"><span class="heading-title">Sepsis</span>
                                            </th>
                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input" type="text" value="0"
                                                        name="counter" size="5" class="counter__input__value" />

                                                    <input hidden class="counter__input__value sepsis" id="sepsis" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total">
                                                </div>
                                            </td>


                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input1" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value1 sepsis" id="sepsis1" />

                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total1">
                                                </div>
                                            </td>

                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="cost_saving">
                                                </div>
                                            </td>

                                        </tr>

                                        <tr>
                                            <th colspan="2" style="width: 20%;"><span class="heading-title">Mild Hyaline
                                                    Membrane disease (Mild BPD)</span></th>
                                            <td>

                                                <div class="counter">
                                                    <input class="counter__input" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value mild_bpd" id="mild_bpd" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total">
                                                </div>
                                            </td>

                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input1" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value1 mild_bpd" id="mild_bpd1" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total1">
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="cost_saving">
                                                </div>
                                            </td>

                                        </tr>

                                        <tr>
                                            <th colspan="2" style="width: 20%;"><span class="heading-title">Severe
                                                    Hyaline Membrane Disease (Severe BPD)</span>
                                            </th>
                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value severe_bpd"
                                                        id="severe_bpd" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total">
                                                </div>
                                            </td>

                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input1" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value1 severe_bpd"
                                                        id="severe_bpd1" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total1">
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="cost_saving">
                                                </div>
                                            </td>
                                        </tr>

                                        <tr>
                                            <th colspan="2" style="width: 20%;"><span class="heading-title">Necrotizing
                                                    Enterocolitis (NEC)</span>
                                            </th>
                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value nec" id="nec" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total">
                                                </div>
                                            </td>

                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input1" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value1 nec" id="nec1" />

                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total1">
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="cost_saving">
                                                </div>
                                            </td>

                                        </tr>

                                        <tr>
                                            <th colspan="2" style="width: 20%;"><span
                                                    class="heading-title">Fortification for premature babies < 1500g until
                                                        discharge</span>
                                            </th>
                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value fortification"
                                                        id="fortification" />
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total">
                                                </div>
                                            </td>

                                            <td>
                                                <div class="counter">
                                                    <input class="counter__input1" type="text" value="0"
                                                        name="counter" size="5" />
                                                    <input hidden class="counter__input__value1 fortification"
                                                        id="fortification1" />

                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="total1">
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group">
                                                    <input type="text" class="cost_saving">
                                                </div>
                                            </td>

                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 mx-auto">
                                <span style="color: red"> DISCLAIMER:</span> <span style="font-size: 15px"> Values are for
                                    illustrative
                                    purposes only, Cost calculations will vary by hospital. The incremental cost of these
                                    morbidities and interventions can substantially increase the cost of a NICU
                                    hospitalization.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 mx-auto table-part">
                    <div class="row">
                        <div class="col-lg-12 mx-auto ">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            {{-- <th colspan="2"></th> --}}
                                            <th colspan="2">Title</th>
                                            <th colspan="2">Link</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">J Pediatr
                                                    Neonat
                                                    Individual
                                                </span>
                                            </td>
                                            <td>
                                                <a target="_blank"
                                                    href="https://jpnim.com/index.php/jpnim/article/view/e110104">https://jpnim.com/index.php/jpnim/article/view/e110104</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">
                                                    Indian Pediatr.
                                                </span>
                                            </td>
                                            <td>
                                                <a target="_blank"
                                                    href="https://pubmed.ncbi.nlm.nih.gov/27771647/">https://pubmed.ncbi.nlm.nih.gov/27771647/</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">
                                                    O'Connor 2018
                                                </span>
                                            </td>
                                            <td>
                                                <a target="_blank"
                                                    href="https://pubmed.ncbi.nlm.nih.gov/29878061/">https://pubmed.ncbi.nlm.nih.gov/29878061/</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">
                                                    WHO
                                                </span>
                                            </td>
                                            <td>
                                                <a target="_blank" href="https://www.who.int/">https://www.who.int/</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 mx-auto table-part">
                    <div class="row">
                        <div class="col-lg-12 mx-auto">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            {{-- <th colspan="2"></th> --}}
                                            <th colspan="2">Title</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">
                                                    NEONATAL Optimal therapy preferance
                                                </span>
                                            </td>

                                        </tr>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">
                                                    Save babies - <a href="savebabies.in">savebabies.in</a>
                                                </span>
                                            </td>

                                        </tr>
                                        <tr>
                                            <td colspan="2" style="width: 20%;"><span class="heading-title">
                                                    Lactation consultant - toll free number - 18004192199
                                                </span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    <script type="text/javascript" src="{{ asset('js/calculation.js') }}"></script>

    <script>
        $(document).ready(function() {
            var url = "{{ url('get-cost-values') }}";
            $.ajax({
                type: "GET",
                url: url,
                dataType: "json",
                success: function(answer) {
                    console.log('answer', answer);
                    $('.sepsis').val(answer[
                        'sepsis']);
                    $('.mild_bpd').val(answer[
                        'mild_bpd']);
                    $('.severe_bpd').val(answer[
                        'severe_bpd']);
                    $('.nec').val(answer[
                        'nec']);
                    $('.fortification').val(answer[
                        'fortification']);
                },
            });
        });
    </script>
@endpush