@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-source-of-disease') }}" method="post">
            @csrf
            <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 border p-3">
                <div class="row">
                  <div class="col-md-6 col-sm-6 col-xs-6">
                    ผู้อาศัยในบ้านหลังเดียวกันป่วย
                  </div>
                  <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="s_house" id="same_house_sick-1" value="1" @if($same->s_house == 1) checked @endif>
                      <label class="form-check-label" for="same_house_sick-1">มี</label>
                    </div>
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="s_house" id="same_house_sick-2" value="0" @if($same->s_house == 0) checked @endif>
                      <label class="form-check-label" for="same_house_sick-2">ไม่มี</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-md-10 mt-3 same_house_sick @if($same->s_house == 0) hidden @endif">
                <input type="text" class="form-control datepicker" autocomplete="off" autocomplete="off" name="date_sameHouse_sick" placeholder="วันที่เริ่มป่วยในบ้าน" data-date-format="dd-mm-yyyy" @if(!empty($same->date_sameHouse_sick)) value="{{ old('date_sameHouse_sick',$same->date_sameHouse_sick) }}" @else value="{{ date('d-m-Y') }}" @endif>
              </div>

              <div class="col-md-10 mt-3 border p-3">
                <div class="row">
                  <div class="col-md-6 col-sm-6 col-xs-6">
                    โรงเรียน/ที่ทำงานมีผู้ป่วย
                  </div>
                  <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="s_work" id="school_office_sick-1" value="1" @if($same->s_work == 1) checked @endif>
                      <label class="form-check-label" for="school_office_sick-1">มี</label>
                    </div>
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="s_work" id="school_office_sick-2" value="0" @if($same->s_work == 0) checked @endif>
                      <label class="form-check-label" for="school_office_sick-2">ไม่มี</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-md-10 mt-3 school_office_sick @if($same->s_work == 0) hidden @endif">
                <input type="text" class="form-control datepicker" autocomplete="off" name="date_samework_sick" placeholder="วันที่เริ่มป่วยที่โรงเรียน/ที่ทำงานมีผู้ป่วย" data-date-format="dd-mm-yyyy" @if(!empty($same->date_samework_sick)) value="{{ old('date_samework_sick', $same->date_samework_sick) }}" @else value="{{ date('d-m-Y') }}" @endif>
              </div>

              <div class="col-md-10 mt-3 school_office_sick @if($same->s_work == 0) hidden @endif">
                <input type="text" class="form-control" name="name_work" placeholder="ชื่อสถานที่" value="{{ old('date_samework_sick', $same->name_work) }}">
              </div>

              <div class="col-md-10 mt-3 school_office_sick @if($same->s_work == 0) hidden @endif">
                <div class="row">
                    <div class="col-6">
                      <div class="form-group bmd-form-group">
                        <!-- <label class="bmd-label-floating">Last Name</label> -->
                        <input type="text" name="village_work" class="form-control form-control-user" value="{{ old('village_work', $same->village_work) }}" placeholder="หมู่ที่ *" >
                        {!! $errors->first('village_work', '<p class="help-block text-danger mb-0">:message</p>') !!}
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="has-float-label">
                        <select class="form-control select2" style="width: 100%;" name="province_work" id="province_2" >
                          <option></option>
                          @php
                             $provinces = \App\Models\Province::all();
                          @endphp
                          @foreach($provinces as $key => $province)
                          <option @if($same->province_work == $province->PROVINCE_ID) selected @endif value="{{$province->PROVINCE_ID}}">{{$province->PROVINCE_NAME}}</option>
                          @endforeach
                        </select>
                        <label for="province_2">จังหวัด</label>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="has-float-label">
                        <select class="form-control select2" style="width: 100%;" name="district_work" id="amphur_2" >
                          <option></option>
                          @php
                             $amphurs = \App\Models\Amphur::all();
                          @endphp
                          @foreach($amphurs as $key => $amphur)
                          <option @if($same->district_work == $amphur->AMPHUR_ID) selected @endif value="{{$amphur->AMPHUR_ID}}">{{$amphur->AMPHUR_NAME}}</option>
                          @endforeach
                        </select>
                        <label for="amphur_2">อำเภอ</label>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="has-float-label">
                        <select class="form-control select2" style="width: 100%;" name="sub_district_work" id="sub_district_2" >
                          <option></option>
                          @php
                             $sub_district = \App\Models\SubDistrict::all();
                          @endphp
                          @foreach($sub_district as $key => $district)
                          <option @if($same->sub_district_work == $district->DISTRICT_ID) selected @endif value="{{$district->DISTRICT_ID}}">{{$district->DISTRICT_NAME}}</option>
                          @endforeach
                        </select>
                        <label for="sub_district_2">ตำบล</label>
                      </div>
                    </div>
                  </div>
                </div>

              <div class="col-md-10 mt-3 border p-3">
                <div class="row">
                  <div class="col-md-6 col-sm-6 col-xs-6">
                    ละแวกบ้านมีผู้ป่วย
                  </div>
                  <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="s_village" id="near_house_sick-1" value="1" @if($same->s_village == 1) checked @endif>
                      <label class="form-check-label" for="near_house_sick-1">มี</label>
                    </div>
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="s_village" id="near_house_sick-2" value="0" @if($same->s_village == 0) checked @endif>
                      <label class="form-check-label" for="near_house_sick-2">ไม่มี</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-md-10 mt-3 near_house_sick hidden">
                <input type="text" class="form-control datepicker" autocomplete="off" name="date_village_Sick" placeholder="วันที่เริ่มป่วยในละแวกบ้านมีผู้ป่วย" data-date-format="dd-mm-yyyy" @if(!empty($same->date_village_Sick)) value="{{ old('date_village_Sick', $same->date_village_Sick) }}" @else value="{{ date('d-m-Y') }}" @endif>
              </div>

              <div class="col-md-10 mt-3 near_house_sick @if($same->s_village == 0) hidden @endif">
                <div class="row">
                    <div class="col-6">
                      <div class="form-group bmd-form-group">
                        <!-- <label class="bmd-label-floating">Last Name</label> -->
                        <input type="text" name="village_village" class="form-control form-control-user" value="{{ old('village_village',$same->village_village) }}" placeholder="หมู่ที่ *" >
                        {!! $errors->first('village_village', '<p class="help-block text-danger mb-0">:message</p>') !!}
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="has-float-label">
                        <select class="form-control select2" style="width: 100%;" name="province_village" id="province_3" >
                          <option></option>
                          @foreach($provinces as $key => $province)
                          <option @if($same->province_village == $province->PROVINCE_ID) selected @endif value="{{$province->PROVINCE_ID}}">{{$province->PROVINCE_NAME}}</option>
                          @endforeach
                        </select>
                        <label for="province_3">จังหวัด</label>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="has-float-label">
                        <select class="form-control select2" style="width: 100%;" name="district_village" id="amphur_3" >
                          <option></option>
                          @foreach($amphurs as $key => $amphur)
                          <option @if($same->district_village == $amphur->AMPHUR_ID) selected @endif value="{{$amphur->AMPHUR_ID}}">{{$amphur->AMPHUR_NAME}}</option>
                          @endforeach
                        </select>
                        <label for="amphur_3">อำเภอ</label>
                      </div>
                    </div>
                    <div class="col-6">
                      <div class="has-float-label">
                        <select class="form-control select2" style="width: 100%;" name="sub_district_village" id="sub_district_3" >
                          <option></option>
                          @foreach($sub_district as $key => $district)
                          <option @if($same->sub_district_village == $district->DISTRICT_ID) selected @endif value="{{$district->DISTRICT_ID}}">{{$district->DISTRICT_NAME}}</option>
                          @endforeach
                        </select>
                        <label for="sub_district_3">ตำบล</label>
                      </div>
                    </div>
                  </div>
                </div>

               <div class="col-md-8 mt-5">
                  <button type="submit" class="btn btn-primary btn-block btn-user">Save</button>
              </div>
            </div>    
                 
            <div class="clearfix"></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">

      $('#sub_district_2.select2').select2({
            placeholder: "Sub district",
            allowClear: true
      });
      $('#amphur_2.select2').select2({
            placeholder: "District",
            allowClear: true
      });
      $('#province_2.select2').select2({
            placeholder: "Province",
            allowClear: true
      });
      $('#sub_district_3.select2').select2({
            placeholder: "Sub district",
            allowClear: true
      });
      $('#amphur_3.select2').select2({
            placeholder: "District",
            allowClear: true
      });
      $('#province_3.select2').select2({
            placeholder: "Province",
            allowClear: true
      });

      $('input[name="s_house"]').change(function(){
        if( $(this).prop('checked') && $(this).val() == 1 ){
          $('.same_house_sick').show();
        }else{
          $('.same_house_sick').hide();
        }
      });

      $('input[name="s_work"]').change(function(){
        if( $(this).prop('checked') && $(this).val() == 1 ){
          $('.school_office_sick').show();
        }else{
          $('.school_office_sick').hide();
        }
      });

      $('input[name="s_village"]').change(function(){
        if( $(this).prop('checked') && $(this).val() == 1 ){
          $('.near_house_sick').show();
        }else{
          $('.near_house_sick').hide();
        }
      });

      $('#province_2').change(function(){
          getAmphur(jQuery('#province_2').val(),'#amphur_2','#sub_district_2');
      });
      $('#amphur_2').change(function(){
          getSubDistrict(jQuery('#province_2').val(), jQuery('#amphur_2').val(),'#sub_district_2');
      });
      $('#province_3').change(function(){
          getAmphur(jQuery('#province_3').val(),'#amphur_3','#sub_district_3');
      });
      $('#amphur_3').change(function(){
          getSubDistrict(jQuery('#province_3').val(), jQuery('#amphur_3').val(),'#sub_district_3');
      });

      function getAmphur(province,id,sub_id){
        $.ajax({
          url: '{{ route('frontend.get-amphur') }}',
          type: 'post',
          dataType: 'json',
          data: {
            _token: '{{ csrf_token() }}',
            province: province
          },
          success: function(res){
            if(res.data != ''){
                var html = '<option></option>';
                $.each( res.data, function( i, val ) {
                    html += '<option value="'+val.AMPHUR_ID+'">'+val.AMPHUR_NAME+'</option>';
                });
                $(id).html(html);
            }else{
              $(id).html('<option value="">All sub district</option>');
            }
            
            getSubDistrict(province,'',sub_id);
          }
        });
      }

      function getSubDistrict(province,amphur,id){
        $.ajax({
          url: '{{ route('frontend.get-sub-district') }}',
          type: 'post',
          dataType: 'json',
          data: {
            _token: '{{ csrf_token() }}',
            province: province,
            amphur: amphur
          },
          success: function(res){
            if(res.data != ''){
                var html = '<option></option>';
                $.each( res.data, function( i, val ) {
                    html += '<option value="'+val.DISTRICT_ID+'">'+val.DISTRICT_NAME+'</option>';
                });
                $(id).html(html);
            }else{
              $(id).html('<option value="">All sub district</option>');
            }
          }
        });
      }
</script>
@endsection