@extends('layouts.app')

@section('content')
<div class="container">
  <div class="row">
    <div class="col-md-12">
       <div class="card">
        <div class="card-body">
          <div class="text-center">
            <h2 class="text-gray-900 mb-4 sub-title">ข้อมูลด้านสิ่งแวดล้อม</h2>
          </div>
          <form class="user" action="{{ route('frontend.patient.save-environ') }}" method="post">
            @csrf
            <input type="hidden" name="id" value="{{ $en->id }}">
            <input type="hidden" name="patient_id" value="{{ $case->id }}">
            <input type="hidden" name="Case_ID" value="{{ $case->case_id }}">
            <div class="row justify-content-md-center">
              @if ($errors->any())
                <div class="col-md-10 mt-3">
                  <div class="alert alert-danger bg-gradient-danger">
                    <ul style="list-style: none;margin-bottom: 0;color: #fff;">
                        @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                  </div>
                </div>
              @endif
              <div class="col-md-10 mt-3">
                <div class="case_id">
                  Case ID : {{$case->case_id}}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="text" id="D_Servay" class="form-control datepicker" autocomplete="off" name="D_Servay" value="{{ old('D_Servay', date('d-m-Y',strtotime($en->D_Servay))) }}" data-date-format="dd-mm-yyyy" placeholder="วันที่สำรวจ">
                  <label for="D_Servay">วันที่สำรวจ</label>
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" id="No_C_InH" name="No_C_InH" class="form-control form-control-user" value="{{ old('No_C_InH', $en->No_C_InH) }}" placeholder="จำนวนภาชนะในบ้านที่สำรวจ" min="0" onkeyup="in_h_ci()">
                  <label for="No_C_InH">จำนวนภาชนะในบ้านที่สำรวจ</label>
                  {!! $errors->first('No_C_InH', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" name="No_L_InH" id="No_L_InH" class="form-control form-control-user" value="{{ old('No_L_InH', $en->No_L_InH) }}" placeholder="จำนวนภาชนะในบ้านที่พบลูกน้ำ" min="0" onkeyup="in_h_ci()">
                  <label class="bmd-label-floating" for="No_L_InH">จำนวนภาชนะในบ้านที่พบลูกน้ำ</label>
                  {!! $errors->first('No_L_InH', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" id="No_C_OutH" name="No_C_OutH" class="form-control form-control-user" value="{{ old('No_C_OutH', $en->No_C_OutH) }}" placeholder="จำนวนภาชนะนอกบ้านที่สำรวจ" min="0" onkeyup="in_h_ci()">
                  <label for="No_C_OutH">จำนวนภาชนะนอกบ้านที่สำรวจ</label>
                  {!! $errors->first('No_C_OutH', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" name="No_L_OutH" id="No_L_OutH" class="form-control form-control-user" value="{{ old('No_L_OutH', $en->No_L_OutH) }}" placeholder="จำนวนภาชนะนอกบ้านที่พบลูกน้ำ" min="0" onkeyup="in_h_ci()">
                  <label class="bmd-label-floating" for="No_L_OutH">จำนวนภาชนะนอกบ้านที่พบลูกน้ำ</label>
                  {!! $errors->first('No_L_OutH', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="text" id="in_h_percent" class="form-control" name="in_h_percent" value="{{ old('in_h_percent') }}" placeholder="ในบ้านผู้ป่วย CI ร้อยละ" readonly>
                  <label for="in_h_percent">ในบ้านผู้ป่วย CI ร้อยละ</label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" id="No_C_InH_100" name="No_C_InH_100" class="form-control form-control-user" value="{{ old('No_C_InH_100', $en->No_C_InH_100) }}" placeholder="จำนวนภาชนะในบ้านที่สำรวจ" min="0" onkeyup="in_h_100_ci()">
                  <label for="No_C_InH_100">จำนวนภาชนะในบ้านที่สำรวจ</label>
                  {!! $errors->first('No_C_InH_100', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" name="No_L_InH_100" id="No_L_InH_100" class="form-control form-control-user" value="{{ old('No_L_InH_100', $en->No_L_InH_100) }}" placeholder="จำนวนภาชนะในบ้านที่พบลูกน้ำ" min="0" onkeyup="in_h_100_ci()">
                  <label class="bmd-label-floating" for="No_L_InH_100">จำนวนภาชนะในบ้านที่พบลูกน้ำ</label>
                  {!! $errors->first('No_L_InH_100', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" id="No_C_OutH_100" name="No_C_OutH_100" class="form-control form-control-user" value="{{ old('No_C_OutH_100', $en->No_C_OutH_100) }}" placeholder="จำนวนภาชนะนอกบ้านที่สำรวจ" min="0" onkeyup="in_h_100_ci()">
                  <label for="No_C_OutH_100">จำนวนภาชนะนอกบ้านที่สำรวจ</label>
                  {!! $errors->first('No_C_OutH_100', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" name="No_L_OutH_100" id="No_L_OutH_100" class="form-control form-control-user" value="{{ old('No_L_OutH_100', $en->No_L_OutH_100) }}" placeholder="จำนวนภาชนะนอกบ้านที่พบลูกน้ำ" min="0" onkeyup="in_h_100_ci()">
                  <label class="bmd-label-floating" for="No_L_OutH_100">จำนวนภาชนะนอกบ้านที่พบลูกน้ำ</label>
                  {!! $errors->first('No_L_OutH_100', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="text" id="out_h_percent" class="form-control" name="out_h_percent" value="{{ old('out_h_percent') }}" placeholder="รอบบ้านผู้ป่วย 100 เมตร CI ร้อยละ" readonly>
                  <label for="out_h_percent">รอบบ้านผู้ป่วย 100 เมตร CI ร้อยละ</label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" id="No_House_Sur" name="No_House_Sur" class="form-control form-control-user" value="{{ old('No_House_Sur', $en->No_House_Sur) }}" placeholder="จำนวนบ้านที่สำรวจ" min="0" onkeyup="work_hi()">
                  <label for="No_House_Sur">จำนวนบ้านที่สำรวจ</label>
                  {!! $errors->first('No_House_Sur', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" name="No_House_Lar" id="No_House_Lar" class="form-control form-control-user" value="{{ old('No_House_Lar', $en->No_House_Lar) }}" placeholder="จำนวนบ้านที่พบลูกน้ำ" min="0" onkeyup="work_hi()">
                  <label class="bmd-label-floating" for="No_House_Lar">จำนวนบ้านที่พบลูกน้ำ</label>
                  {!! $errors->first('No_House_Lar', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <div class="row">
                  <div class="col-6">
                    <div class="has-float-label">
                      <input type="number" name="hi_percent" id="hi_percent" class="form-control form-control-user" value="{{ old('hi_percent') }}" placeholder="HI ร้อยละ" min="0" readonly>
                      <label class="bmd-label-floating" for="hi_percent">HI ร้อยละ</label>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="has-float-label">
                      <input type="number" name="bi_percent" id="bi_percent" class="form-control form-control-user" value="{{ old('bi_percent') }}" placeholder="BI ร้อยละ" min="0" readonly>
                      <label class="bmd-label-floating" for="bi_percent">BI ร้อยละ</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" id="No_C_Work" name="No_C_Work" class="form-control form-control-user" value="{{ old('No_C_Work', $en->No_C_Work) }}" placeholder="จำนวนภาชนะในอาคารที่สำรวจ" min="0">
                  <label for="No_C_Work">จำนวนภาชนะในอาคารที่สำรวจ</label>
                  {!! $errors->first('No_C_Work', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="number" name="No_L_Work" id="No_L_Work" class="form-control form-control-user" value="{{ old('No_L_Work', $en->No_L_Work) }}" placeholder="จำนวนภาชนะในอาคารที่พบลูกน้ำ" min="0">
                  <label class="bmd-label-floating" for="No_L_Work">จำนวนภาชนะในอาคารที่พบลูกน้ำ</label>
                  {!! $errors->first('No_L_Work', '<p class="help-block text-danger mb-0">:message</p>') !!}
                </div>
              </div>
              <div class="col-md-10 mt-3">
                <div class="has-float-label">
                  <input type="text" id="work_percent" class="form-control" name="work_percent" value="{{ old('work_percent') }}" placeholder="ในโรงเรียน/สถานที่ทำงาน CI ร้อยละ" readonly>
                  <label for="work_percent">ในโรงเรียน/สถานที่ทำงาน CI ร้อยละ</label>
                </div>
              </div>

              <div class="col-md-8 mt-5">
                  <button type="submit" class="btn btn-primary btn-block btn-user">บันทึก</button>
              </div>
              <div class="col-md-8 text-center mt-2 hidden">
                  <input type="hidden" name="next" value="0">
                  <button type="button" class="btn btn-primary btn-user" onclick="nextStep()">บันทึกและไปยังรายงานการสอบสวนโรค</button>
              </div>
            </div>
                 
            <div class="clearfix"></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
  <script type="text/javascript">
    $(function(){
      in_h_ci();
      in_h_100_ci();
      work_hi();
      cal_hi();
      cal_bi();
    })
    function in_h_ci(){
      var c_inh = parseInt($('#No_C_InH').val());
      var l_inh = parseInt($('#No_L_InH').val());
      var c_outh = parseInt($('#No_C_OutH').val());
      var l_outh = parseInt($('#No_L_OutH').val());

      var cal_in = c_inh+c_outh;
      var cal_out = l_inh+l_outh;
      if(cal_in > 0 && cal_out > 0){
        var all_cal = cal_out/cal_in;
        all_cal = all_cal*100;
        $('#in_h_percent').val(all_cal.toFixed(2));
      }else{
        $('#in_h_percent').val(0);
      }
    }
    function in_h_100_ci(){
      var c_inh = parseInt($('#No_C_InH_100').val());
      var l_inh = parseInt($('#No_L_InH_100').val());
      var c_outh = parseInt($('#No_C_OutH_100').val());
      var l_outh = parseInt($('#No_L_OutH_100').val());

      var cal_in = c_inh+c_outh;
      var cal_out = l_inh+l_outh;
      if(cal_in > 0 && cal_out > 0){
        var all_cal = cal_out/cal_in;
        all_cal = all_cal*100;
        $('#out_h_percent').val(all_cal.toFixed(2));
      }else{
        $('#out_h_percent').val(0);
      }
    }

    function work_hi(){
      var c = parseInt($('#No_C_Work').val());
      var l = parseInt($('#No_L_Work').val());
        if(c > 0 && l > 0){
          var all_cal = l/c;
          all_cal = all_cal*100;
          $('#work_percent').val(all_cal.toFixed(2));
        }else{
          $('#work_percent').val(0);
        }
    }

    function cal_bi(){
      var b = parseInt($('#No_L_InH_100').val());
      var d = parseInt($('#No_L_OutH_100').val());
      var e = parseInt($('#No_House_Sur').val());
      var cal1=b+d;
        if(cal1 > 0 && e > 0){
          var all_cal = cal1/e;
          all_cal = all_cal*100;
          $('#bi_percent').val(all_cal.toFixed(2));
        }else{
          $('#bi_percent').val(0);
        }
    }

    function cal_hi(){
      var c = parseInt($('#No_House_Sur').val());
      var l = parseInt($('#No_House_Lar').val());
        if(c > 0 && l > 0){
          var all_cal = l/c;
          all_cal = all_cal*100;
          $('#hi_percent').val(all_cal.toFixed(2));
        }else{
          $('#hi_percent').val(0);
        }
    }
      
      function nextStep(){
        $('input[name="next"]').val(1);
        $('input[type="submit"]').trigger('click');
      }
  </script>
@endsection