@extends('admin.layouts.master')

@section('title','HR')

@section('content')
  <div class="container col-11">
    <h1 class="text-center">Follow Up Form</h1>
    <form action="{{ route('admin.followupStore') }}" method="POST" enctype="multipart/form-data" class="py-4">
      @csrf
      <input type="hidden" name="application_id" value="{{ $application->id }}" hidden readonly>
      <div class="form-group">
        <label>Source</label>
        <input type="text" class="form-control" name="source" value="{{$followup->source??old('source')}}"
               placeholder="Source">
        <strong  id="source_error" class="text-danger" role="alert">
        </strong>
      </div>
      <div class="form-group">
        <label>Follower Name<small>(your name)</small></label>
        <input type="text" class="form-control" name="follower" value="{{$followup->follower??old('follower')}}"
               placeholder="Follower Name">
        <strong  id="follower_error" class="text-danger" role="alert">
        </strong>
      </div>
      <div class="d-flex flex-wrap">
        <div class="col-12 pl-0">
          <div class="form-group">
            <label>First Call Date</label>
            @if(!empty($followup->first_call))
            <input type="date" class="form-control" name="first_call" value="{{date('Y-m-d',strtotime($followup->first_call))}}">
            @else
            <input type="date" class="form-control" name="first_call" value="{{old('first_call', date('Y-m-d'))}}">
            @endif
          </div>
          <div class="form-group">
            <label>First Call Result</label>
            <select id="first_call_result" class="form-control" name="first_call_result">
              <option value="">Choose Answer</option>
              <option value="interested" @if(old('first_call_result') == 'interested' || $followup->first_call_result == 'interested') selected @endif>Interested</option>
              <option value="not interested" @if(old('first_call_result') == 'not interested' || $followup->first_call_result == 'not interested') selected @endif>Not Interested</option>
              <option value="not suitable" @if(old('first_call_result') == 'not suitable' || $followup->first_call_result == 'not suitable') selected @endif>Not Suitable</option>
              <option value="follow up" @if(old('first_call_result') == 'follow up' || $followup->first_call_result == 'follow up') selected @endif>Follow Up</option>
            </select>
          </div>
          <div id="interest_reason" class="form-group d-none">
            <label>Why Not Interested?</label>
            <select name="interest_reason" class="form-control" id="interest_reasons">
              <option value="">Choose Answer</option>
              <option value="He Need Salary" @if($followup->interest_reason == 'He Need Salary' || old('interest_reason') == 'He Need Salary') selected @endif>He Need Salary</option>
              <option value="He Need Marketing Package" @if($followup->interest_reason == 'He Need Marketing Package' || old('interest_reason') == 'He Need Marketing Package') selected @endif>He Need Marketing Package</option>
              <option value="He Don’t like RE/MAX Model" @if($followup->interest_reason == 'He Don’t like RE/MAX Model' || old('interest_reason') == 'He Don’t like RE/MAX Model') selected @endif>He Don’t like RE/MAX Model</option>
              <option value="He Need Position" @if($followup->interest_reason == 'He Need Position' || old('interest_reason') == 'He Need Position') selected @endif>He Need Position</option>
              <option value="Other Reason" @if($followup->interest_reason == 'Other Reason' || old('interest_reason') == 'Other Reason') selected @endif>Other Reason</option>
            </select>
          </div>
          <div id="suitable_reason" class="form-group d-none">
            <label>Why Not Suitable?</label>
            <select name="suitable_reason" class="form-control" id="suitable_reasons">
              <option value="">Choose Answer</option>
              <option value="He Live Far from The Office" @if($followup->suitable_reason == 'He Live Far from The Office' || old('suitable_reason') == 'He Live Far from The Office') selected @endif>He Live Far from The Office</option>
              <option value="Attitude" @if($followup->suitable_reason == 'Attitude' || old('suitable_reason') == 'Attitude') selected @endif>Attitude</option>
              <option value="No Experience" @if($followup->suitable_reason == 'No Experience' || old('suitable_reason') == 'No Experience') selected @endif>No Experience</option>
              <option value="Don’t Have Car" @if($followup->suitable_reason == 'Don’t Have Car' || old('suitable_reason') == 'Don’t Have Car') selected @endif>Don’t Have Car</option>
              <option value="Other" @if($followup->suitable_reason == 'Other' || old('suitable_reason') == 'Other') selected @endif>Other</option>
            </select>
          </div>
          <div class="form-group d-none" id="or">
            <label>Other Reason</label>
            <input type="text" class="form-control" name="other_reason" value="{{$followup->interest_other_reason??old('interest_other_reason')}}">
          </div>
        </div>
        <div class="col-6 border-right pl-0">
          <div class="form-group">
            <label>Follow Up Date</label>
            <input type="date" class="form-control" name="second_call[]" value="{{date('Y-m-d',strtotime($followup->second_call[0]))??old('second_call[0]', date('Y-m-d'))}}">
          </div>
          <div class="form-group">
            <label>Follow Up Result</label>
            <select id="second_call_result1" class="form-control" name="second_call_result[]">
              <option value="">Choose Answer</option>
              <option value="interested" @if(old('second_call_result[0]') == 'interested' || $followup->second_call_result[0] == 'interested') selected @endif>Interested</option>
              <option value="not interested" @if(old('second_call_result[0]') == 'not interested' || $followup->second_call_result[0] == 'not interested') selected @endif>Not Interested</option>
              <option value="not suitable" @if(old('second_call_result[0]') == 'not suitable' || $followup->second_call_result[0] == 'not suitable') selected @endif>Not Suitable</option>
              <option value="follow up" @if(old('second_call_result[0]') == 'follow up' || $followup->second_call_result[0] == 'follow up') selected @endif>Follow Up</option>
            </select>
          </div>
          <div id="interest_re1" class="form-group d-none">
            <label>Why Not Interested?</label>
            <select name="interest_reason2[]" class="form-control" id="interest_res1">
              <option value="">Choose Answer</option>
              <option value="He Need Salary" @if($followup->interest_reason2[0] == 'He Need Salary' || old('interest_reason2[0]') == 'He Need Salary') selected @endif>He Need Salary</option>
              <option value="He Need Marketing Package" @if($followup->interest_reason2[0] == 'He Need Marketing Package' || old('interest_reason2[0]') == 'He Need Marketing Package') selected @endif>He Need Marketing Package</option>
              <option value="He Don’t like RE/MAX Model" @if($followup->interest_reason2[0] == 'He Don’t like RE/MAX Model' || old('interest_reason2[0]') == 'He Don’t like RE/MAX Model') selected @endif>He Don’t like RE/MAX Model</option>
              <option value="He Need Position" @if($followup->interest_reason2[0] == 'He Need Position' || old('interest_reason2[0]') == 'He Need Position') selected @endif>He Need Position</option>
              <option value="Other Reason" @if($followup->interest_reason2[0] == 'Other Reason' || old('interest_reason2[0]') == 'Other Reason') selected @endif>Other Reason</option>
            </select>
          </div>
          <div id="suitable_re1" class="form-group d-none">
            <label>Why Not Suitable?</label>
            <select name="suitable_reason2[]" class="form-control" id="suitable_res1">
              <option value="">Choose Answer</option>
              <option value="He Live Far from The Office" @if($followup->suitable_reason2[0] == 'He Live Far from The Office' || old('suitable_reason2[0]') == 'He Live Far from The Office') selected @endif>He Live Far from The Office</option>
              <option value="Attitude" @if($followup->suitable_reason2[0] == 'Attitude' || old('suitable_reason2[0]') == 'Attitude') selected @endif>Attitude</option>
              <option value="No Experience" @if($followup->suitable_reason2[0] == 'No Experience' || old('suitable_reason2[0]') == 'No Experience') selected @endif>No Experience</option>
              <option value="Don’t Have Car" @if($followup->suitable_reason2[0] == 'Don’t Have Car' || old('suitable_reason2[0]') == 'Don’t Have Car') selected @endif>Don’t Have Car</option>
              <option value="Other" @if($followup->suitable_reason2[0] == 'Other' || old('suitable_reason2[0]') == 'Other') selected @endif>Other</option>
            </select>
          </div>
          <div class="form-group d-none" id="or1">
            <label>Other Reason</label>
            <input type="text" class="form-control" name="other_reason1[]" value="{{$followup->other_reason1[0]??old('other_reason1[0]')}}">
          </div>
        </div>

        <div class="col-6 pr-0">
          <div class="form-group">
            <label>Follow Up Date</label>
            <input type="date" class="form-control" name="second_call[]" value="{{date('Y-m-d',strtotime($followup->second_call[1]))??old('second_call[1]', date('Y-m-d'))}}">
          </div>
          <div class="form-group">
            <label>Follow Up Result</label>
            <select id="second_call_result2" class="form-control" name="second_call_result[]">
              <option value="">Choose Answer</option>
              <option value="interested" @if(count($followup->second_call_result) == 2) @if(old('second_call_result[1]') == 'interested' || $followup->second_call_result[1] == 'interested') selected @endif @endif>Interested</option>
              <option value="not interested" @if(count($followup->second_call_result) == 2) @if(old('second_call_result[1]') == 'not interested' || $followup->second_call_result[1] == 'not interested') selected @endif @endif>Not Interested</option>
              <option value="not suitable" @if(count($followup->second_call_result) == 2) @if(old('second_call_result[1]') == 'not suitable' || $followup->second_call_result[1] == 'not suitable') selected @endif @endif>Not Suitable</option>
              <option value="follow up" @if(count($followup->second_call_result) == 2) @if(old('second_call_result[1]') == 'follow up' || $followup->second_call_result[1] == 'follow up') selected @endif @endif>Follow Up</option>
            </select>
          </div>
          <div id="interest_re2" class="form-group d-none">
            <label>Why Not Interested?</label>
            <select name="interest_reason2[]" class="form-control" id="interest_res2">
              <option value="">Choose Answer</option>
              <option value="He Need Salary" @if(count($followup->interest_reason2) == 2) @if($followup->interest_reason2[1] == 'He Need Salary' || old('interest_reason2[1]') == 'He Need Salary') selected @endif @endif>He Need Salary</option>
              <option value="He Need Marketing Package" @if(count($followup->interest_reason2) == 2) @if($followup->interest_reason2[1] == 'He Need Marketing Package' || old('interest_reason2[1]') == 'He Need Marketing Package') selected @endif @endif>He Need Marketing Package</option>
              <option value="He Don’t like RE/MAX Model" @if(count($followup->interest_reason2) == 2) @if($followup->interest_reason2[1] == 'He Don’t like RE/MAX Model' || old('interest_reason2[1]') == 'He Don’t like RE/MAX Model') selected @endif @endif>He Don’t like RE/MAX Model</option>
              <option value="He Need Position" @if(count($followup->interest_reason2) == 2) @if($followup->interest_reason2[1] == 'He Need Position' || old('interest_reason2[1]') == 'He Need Position') selected @endif @endif>He Need Position</option>
              <option value="Other Reason" @if(count($followup->interest_reason2) == 2) @if($followup->interest_reason2[1] == 'Other Reason' || old('interest_reason2[1]') == 'Other Reason') selected @endif @endif>Other Reason</option>
            </select>
          </div>
          <div id="suitable_re2" class="form-group d-none">
            <label>Why Not Suitable?</label>
            <select name="suitable_reason2[]" class="form-control" id="suitable_res2">
              <option value="">Choose Answer</option>
              <option value="He Live Far from The Office" @if(count($followup->suitable_reason2) == 2) @if($followup->suitable_reason2[1] == 'He Live Far from The Office' || old('suitable_reason2[1]') == 'He Live Far from The Office') selected @endif @endif>He Live Far from The Office</option>
              <option value="Attitude" @if(count($followup->suitable_reason2) == 2) @if($followup->suitable_reason2[1] == 'Attitude' || old('suitable_reason2[1]') == 'Attitude') selected @endif @endif>Attitude</option>
              <option value="No Experience" @if(count($followup->suitable_reason2) == 2) @if($followup->suitable_reason2[1] == 'No Experience' || old('suitable_reason2[1]') == 'No Experience') selected @endif @endif>No Experience</option>
              <option value="Don’t Have Car" @if(count($followup->suitable_reason2) == 2) @if($followup->suitable_reason2[1] == 'Don’t Have Car' || old('suitable_reason2[1]') == 'Don’t Have Car') selected @endif @endif>Don’t Have Car</option>
              <option value="Other" @if(count($followup->suitable_reason2) == 2) @if($followup->suitable_reason2[1] == 'Other' || old('suitable_reason2[1]') == 'Other') selected @endif @endif>Other</option>
            </select>
          </div>
          <div class="form-group d-none" id="or2">
            <label>Other Reason</label>
            <input type="text" class="form-control" name="other_reason1[]" value="@if(count($followup->other_reason1) == 2) {{$followup->other_reason1[1]??old('interest_other_reason1[1]')}} @endif">
          </div>
        </div>
      </div>
      <hr class="my-4">
      <div class="d-flex">
        <div class="col-6 border-right pl-0">
          <div class="form-group">
            <label>First Interview Date</label>
            <input type="date" class="form-control" name="first_interview" value="{{date('Y-m-d',strtotime($followup->first_call))??old('first_interview', date('Y-m-d'))}}">
          </div>
          <div class="form-group">
            <label>Interview With</label>
            <input type="text" class="form-control" name="interview_with" value="{{$followup->interview_with??old('interview_with')}}">
          </div>
          <div class="form-group">
            <label>First Interview Result</label>
            <select id="first_interview_result" class="form-control" name="first_interview_result">
              <option value="interested" @if(old('first_interview_result') == 'interested' || $followup->first_interview_result == 'interested') selected @endif>Interested</option>
              <option value="not interested" @if(old('first_interview_result') == 'not interested' || $followup->first_interview_result == 'not interested') selected @endif>Not Interested</option>
              <option value="not suitable" @if(old('first_interview_result') == 'not suitable' || $followup->first_interview_result == 'not suitable') selected @endif>Not Suitable</option>
              <option value="follow up" @if(old('first_interview_result') == 'follow up' || $followup->first_interview_result == 'follow up') selected @endif>Follow Up</option>
            </select>
          </div>
          <div id="interview_reason" class="form-group d-none">
            <label>Reason</label>
            <input type="text" class="form-control" name="interview_reason" value="{{$followup->interview_reason??old('reason')}}">
          </div>
        </div>
        <div class="col-6 pr-0">
          <div class="form-group">
            <label>Second Interview Date</label>
            <input type="date" class="form-control" name="second_interview" value="{{date('Y-m-d',strtotime($followup->second_interview))??old('second_interview', date('Y-m-d'))}}">
          </div>
          <div class="form-group">
            <label>Interview With</label>
            <input type="text" class="form-control" name="interview_with2" value="{{$followup->interview_with2??old('interview_with2')}}">
          </div>
          <div class="form-group">
            <label>Second Interview Result</label>
            <select id="second_interview_result" class="form-control" name="second_interview_result">
              <option value="interested" @if(old('second_interview_result') == 'interested' || $followup->second_interview_result == 'interested') selected @endif>Interested</option>
              <option value="not interested" @if(old('second_interview_result') == 'not interested' || $followup->second_interview_result == 'not interested') selected @endif>Not Interested</option>
              <option value="not suitable" @if(old('second_interview_result') == 'not suitable' || $followup->second_interview_result == 'not suitable') selected @endif>Not Suitable</option>
              <option value="follow up" @if(old('second_interview_result') == 'follow up' || $followup->second_interview_result == 'follow up') selected @endif>Follow Up</option>
            </select>
          </div>
          <div id="interview_reason2" class="form-group d-none">
            <label>Reason</label>
            <input type="text" class="form-control" name="interview_reason2" value="{{$followup->interview_reason2??old('interview_reason2')}}">
          </div>
        </div>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>
  </div>
@endsection
@section('js')
  <script>
    if($('#first_call_result').val() == 'not interested') $('#interest_reason').removeClass('d-none');
    if($('#first_call_result').val() == 'not suitable') $('#suitable_reason').removeClass('d-none');
    $('#first_call_result').on('change',function(){
      console.log($(this).val());
      $('#suitable_reasons').prop('selectedIndex',0);
      $('#interest_reasons').prop('selectedIndex',0);
      if(!$('#or').hasClass('d-none')) { $('#or').addClass('d-none'); $('#or input').val(null); }
      if($(this).val() == 'not interested'){
        $('#interest_reason').removeClass('d-none');
      }else{
        if(!$('#interest_reason').hasClass('d-none')) $('#interest_reason').addClass('d-none');
      }
      if($(this).val() == 'not suitable'){
        $('#suitable_reason').removeClass('d-none');
      }else{
        if(!$('#suitable_reason').hasClass('d-none')) $('#suitable_reason').addClass('d-none');
      }
    });
    $('#interest_reasons').on('change',function(){
      if($(this).val() == 'Other Reason'){
        $('#or').removeClass('d-none');
      }else{
        if(!$('#or').hasClass('d-none')) $('#or').addClass('d-none');
      }
    });
    $('#suitable_reasons').on('change',function(){
      if($(this).val() == 'Other'){
        $('#or').removeClass('d-none');
      }else{
        if(!$('#or').hasClass('d-none')) $('#or').addClass('d-none');
      }
    });
    if($('#second_call_result1').val() == 'not interested') $('#interest_re1').removeClass('d-none');
    if($('#second_call_result1').val() == 'not suitable') $('#suitable_re1').removeClass('d-none');
    $('#second_call_result1').on('change',function(){
      console.log($(this).val());
      $('#suitable_res1').prop('selectedIndex',0);
      $('#interest_res1').prop('selectedIndex',0);
      if(!$('#or1').hasClass('d-none')) { $('#or1').addClass('d-none'); $('#or1 input').val(null); }
      if($(this).val() == 'not interested'){
        $('#interest_re1').removeClass('d-none');
      }else{
        if(!$('#interest_re1').hasClass('d-none')) $('#interest_re1').addClass('d-none');
      }
      if($(this).val() == 'not suitable'){
        $('#suitable_re1').removeClass('d-none');
      }else{
        if(!$('#suitable_re1').hasClass('d-none')) $('#suitable_re1').addClass('d-none');
      }
    });
    $('#interest_res1').on('change',function(){
      if($(this).val() == 'Other Reason'){
        $('#or1').removeClass('d-none');
      }else{
        if(!$('#or1').hasClass('d-none')) $('#or1').addClass('d-none');
      }
    });
    $('#suitable_res1').on('change',function(){
      if($(this).val() == 'Other'){
        $('#or1').removeClass('d-none');
      }else{
        if(!$('#or1').hasClass('d-none')) $('#or1').addClass('d-none');
      }
    });
    if($('#second_call_result2').val() == 'not interested') $('#interest_re2').removeClass('d-none');
    if($('#second_call_result2').val() == 'not suitable') $('#suitable_re2').removeClass('d-none');
    $('#second_call_result2').on('change',function(){
      console.log('hi');
      $('#suitable_res2').prop('selectedIndex',0);
      $('#interest_res2').prop('selectedIndex',0);
      if(!$('#or2').hasClass('d-none')) { $('#or2').addClass('d-none'); $('#or2 input').val(null); }
      if($(this).val() == 'not interested'){
        $('#interest_re2').removeClass('d-none');
      }else{
        if(!$('#interest_re2').hasClass('d-none')) $('#interest_re2').addClass('d-none');
      }
      if($(this).val() == 'not suitable'){
        $('#suitable_re2').removeClass('d-none');
      }else{
        if(!$('#suitable_re2').hasClass('d-none')) $('#suitable_re2').addClass('d-none');
      }
    });

    $('#interest_res2').on('change',function(){
      if($(this).val() == 'Other Reason'){
        $('#or2').removeClass('d-none');
      }else{
        if(!$('#or2').hasClass('d-none')) $('#or2').addClass('d-none');
      }
    });
    $('#suitable_res2').on('change',function(){
      if($(this).val() == 'Other'){
        $('#or2').removeClass('d-none');
      }else{
        if(!$('#or2').hasClass('d-none')) $('#or2').addClass('d-none');
      }
    });

    if($('[id^=interest_res1]').val() == 'Other Reason') $('#or1').removeClass('d-none');
    if($('[id^=suitable_res1]').val() == 'Other') $('#or1').removeClass('d-none');
    if($('[id^=interest_res2]').val() == 'Other Reason') $('#or2').removeClass('d-none');
    if($('[id^=suitable_res2]').val() == 'Other') $('#or2').removeClass('d-none');

    if($('#first_interview_result').val() == 'not interested' || $('#first_interview_result').val() == 'not suitable') $('#interview_reason').removeClass('d-none');
    $('#first_interview_result').on('change',function(){
      console.log($(this).val());
      if($(this).val() == 'not interested' || $(this).val() == 'not suitable'){
        $('#interview_reason').removeClass('d-none');
      }else{
        if(!$('#interview_reason').hasClass('d-none')) $('#interview_reason').addClass('d-none');
      }
    });


    if($('#second_interview_result').val() == 'not interested' || $('#second_interview_result').val() == 'not suitable') $('#interview_reason2').removeClass('d-none');
    $('#second_interview_result').on('change',function(){
      console.log($(this).val());
      if($(this).val() == 'not interested' || $(this).val() == 'not suitable'){
        $('#interview_reason2').removeClass('d-none');
      }else{
        if(!$('#interview_reason2').hasClass('d-none')) $('#interview_reason2').addClass('d-none');
      }
    });
  </script>
@endsection