@extends('layouts.app')

@section('content')
<div class="container">
  <div class="row">
    <div class="col-md-12">
       <div class="card shadow-lg">
        <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-disease-control') }}" method="post">
            @csrf
            <input type="hidden" name="id" value="0">
            <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="date_control" class="form-control datepicker" autocomplete="off" name="date_control" value="{{ old('date_control', date('d-m-Y')) }}" data-date-format="dd-mm-yyyy" placeholder="วันที่">
                  <label for="date_control">วันที่</label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <label class="form-check-label bold">1.ประสานงานกับหน่วยงานที่เกี่ยวข้อง (โรงพยาบาล อบตใและในชุมชน)</label>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="coordination" id="coordination1" value="ทำแล้ว" required>
                  <label class="form-check-label" for="coordination1"> ทำแล้ว </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="coordination" id="coordination2" value="กำลังประสานงาน" required>
                  <label class="form-check-label" for="coordination2"> กำลังประสานงาน </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="coordination" id="coordination3" value="ยังไม่ทำ" required>
                  <label class="form-check-label" for="coordination3"> ยังไม่ทำ </label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                 <label class="form-check-label bold">2.ประชาสัมพันธ์ให้ประชาชนรับทราบ สถานการณ์การเกิดโรค์ ให้สุขศึกษาและขอความร่วมมือทําลายแหล่งเพาะพันธ์ ลูกน้ำยุงลาย หรือใส่ทรายอะเบท</label>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="advertise" id="advertise1" value="ทำแล้ว" required>
                  <label class="form-check-label" for="advertise1"> ทำแล้ว </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="advertise" id="advertise2" value="กำลังประสานงาน" required>
                  <label class="form-check-label" for="advertise2"> กำลังประสานงาน </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="advertise" id="advertise3" value="ยังไม่ทำ" required>
                  <label class="form-check-label" for="advertise3"> ยังไม่ทำ </label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <label class="form-check-label bold">3.ค้นหาผู้ป่วยรายใหม่ในชุมชน</label>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="active_case_finding" id="active_case_finding1" value="ทำแล้ว" required>
                  <label class="form-check-label" for="active_case_finding1"> ทำแล้ว </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="active_case_finding" id="active_case_finding2" value="กำลังประสานงาน" required>
                  <label class="form-check-label" for="active_case_finding2"> กำลังประสานงาน </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="active_case_finding" id="active_case_finding3" value="ยังไม่ทำ" required>
                  <label class="form-check-label" for="active_case_finding3"> ยังไม่ทำ </label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <label class="form-check-label bold">4.สํารวจลูกน้ำยุงลายในภาชนะน้ำดื่มน้ำใช้ หากพบลูกน้ำยุงลาย ดําเนินการทําลาย ด้วยการคว่ำ ฝังกลบ หรือใส่ทรายอะเบท ตามวิธีการที่เหมาะสม</label>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="survey_larvae" id="survey_larvae1" value="ทำแล้ว" required>
                  <label class="form-check-label" for="survey_larvae1"> ทำแล้ว </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="survey_larvae" id="survey_larvae2" value="กำลังประสานงาน" required>
                  <label class="form-check-label" for="survey_larvae2"> กำลังประสานงาน </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="survey_larvae" id="survey_larvae3" value="ยังไม่ทำ" required>
                  <label class="form-check-label" for="survey_larvae3"> ยังไม่ทำ </label>
                </div>
              </div>

              <div class="col-md-10 mt-3">
                <label class="form-check-label bold">5.พ่นหมอกควันเพื่อกำจัดยุงตัวเต็มวัย ในรัศมี 100 เมตร จากบ้านผู้ป่วย ศูนย์พัฒนาเด็กเล็ก โรงเรียน</label>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="fogging" id="fogging1" value="ทำแล้ว" required>
                  <label class="form-check-label" for="fogging1"> ทำแล้ว </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="fogging" id="fogging2" value="กำลังประสานงาน" required>
                  <label class="form-check-label" for="fogging2"> กำลังประสานงาน </label>
                </div>
                <div class="form-check ml-3">
                  <input class="form-check-input" type="radio" name="fogging" id="fogging3" value="ยังไม่ทำ" required>
                  <label class="form-check-label" for="fogging3"> ยังไม่ทำ </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('styles')
<style type="text/css">
  label.form-check-label.bold{
    color: #000;
    font-weight: bold;
  }
</style>
@endsection
@section('scripts')
<script type="text/javascript">
  $('#control-1').change( function(){
    if( $('#control-1').prop('checked') ){
      $('.control_1').show();
    }else{
      $('.control_1').hide();
      $('.control_1 input').val('');
    }
  });
  $('#control-2').change( function(){
    if( $('#control-2').prop('checked') ){
      $('.control_2').show();
    }else{
      $('.control_2').hide();
      $('.control_2 input').val('');
    }
  });
  $('#control-3').change( function(){
    if( $('#control-3').prop('checked') ){
      $('.control_3').show();
    }else{
      $('.control_3').hide();
      $('.control_3 input').val('');
    }
  });
  $('#control-4').change( function(){
    if( $('#control-4').prop('checked') ){
      $('.control_4').show();
    }else{
      $('.control_4').hide();
      $('.control_4 input').val('');
    }
  });
  $('#control-5').change( function(){
    if( $('#control-5').prop('checked') ){
      $('.control_5').show();
    }else{
      $('.control_5').hide();
      $('.control_5 input').val('');
    }
  });

  function nextStep(){
    $('input[name="next"]').val(1);
    $('input[type="submit"]').trigger('click');
  }
</script>
@endsection