@extends('admin.layouts.master')

@section('title', 'HR')

@php
    $positionTitles = explode(',', $applicant->positionTitle);
    $companies = explode(',', $applicant->company);
    $managers = explode(',', $applicant->manager);
    $locations = explode(',', $applicant->location);
    $workSalaries = explode(',', $applicant->workSalary);
    $workPhones = explode(',', $applicant->workPhone);
    $count = count($positionTitles);
    $trainingNames = explode(',', $applicant->trainingName);
    $trainingDates = explode(',', $applicant->trainingDate);
    $destinations = explode(',', $applicant->destination);
    $count2 = count($trainingNames);
@endphp

@section('content')
    <div class="container my-4 col-11 px-0">
      <div class="d-flex align-items-end">
        <button id="showing_tab" class="tab_main bg-transparent text-body py-0 m-0 border-0 rounded-0 tab_style"><small>Application Data</small></button>
        <button id="info_tab" class="tab_main bg-transparent text-body py-0 m-0 border-0 rounded-0"><small>Follow Up Data</small></button>
        <button id="offer_tab" class="tab_main bg-transparent text-body py-0 m-0 border-0 rounded-0"><small>Contract Data</small></button>
      </div>
      <section class="showForm bg-white pt-2 px-1 tab_content">
        <div class="d-flex">
            <div class="d-flex agent-4 agent-6">
                <div class="col-lg-3 col-md-6 col-pad">
                    <div class="photo">
                      @if($applicant->image)
                        <img src="{{ asset('uploads/profile_photo/' . $applicant->image) }}"
                            alt="avatar-16" class="img-fluid">
                      @else
                        <img src="{{ asset('assets/site/image_notfound.jpg') }}"
                            alt="avatar-16" class="img-fluid">
                      @endif
                    </div>
                </div>
                <div class="col-lg-9 col-md-6 col-pad align-self-center">
                    <div class="details">
                        <h3>{{ ucwords($applicant->name) }}</h3>
                        <div class="contact clearfix">
                            <ul>
                                <div class="d-flex">
                                    <div class="col-6">
                                        @if ($applicant->position)
                                            <li>
                                                <span>Position Applied For: </span>{{ $applicant->position }}
                                            </li>
                                        @endif
                                        @if ($applicant->address)
                                            <li>
                                                <span>Address: </span>{{ $applicant->address }}
                                            </li>
                                        @endif
                                        @if ($applicant->email)
                                            <li>
                                                <span>Email: </span><a
                                                    href="mailto:{{ $applicant->email }}">{{ $applicant->email }}</a>
                                            </li>
                                        @endif
                                        @if ($applicant->mobile)
                                            <li>
                                                <span>Phone: </span><a href="tel:{{ $applicant->mobile }}">
                                                    {{ $applicant->mobile }}</a>
                                            </li>
                                        @endif
                                        @if ($applicant->hear)
                                            <li>
                                                <span>Heard About Us From: </span>{{ $applicant->hear }}
                                            </li>
                                        @endif
                                        @if ($applicant->recruiter)
                                            <li>
                                                <span>HR Recruiter: </span>{{ $applicant->recruiter }}
                                            </li>
                                        @endif
                                        @if ($applicant->collage)
                                            <li>
                                                <span>Nationality: </span>{{ $applicant->nationality }}
                                            </li>
                                        @endif
                                        @if ($applicant->age)
                                            <li>
                                                <span>Age: </span>{{ $applicant->age }}
                                            </li>
                                        @endif
                                    </div>
                                    <div class="col-6">
                                        @if ($applicant->car)
                                            <li>
                                                <span>Have Car: </span>{{ $applicant->car }}
                                            </li>
                                        @endif
                                        @if ($applicant->university)
                                            <li>
                                                <span>University: </span>{{ $applicant->university }}
                                            </li>
                                        @endif
                                        @if ($applicant->collage)
                                            <li>
                                                <span>Degree: </span>{{ $applicant->collage }}
                                            </li>
                                        @endif
                                    </div>
                                </div>
                            </ul>
                            <div class="row">
                                <div class="col-6 text-center font-weight-bold">
                                    <span>Apply Date: </span>{{ $applicant->date }}
                                </div>
                                <div class="col-6 text-center font-weight-bold">
                                    <span>Referal From: </span>{{ $applicant->referFrom }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="my-3">
            <h4>Previous Jobs</h4>
            <div class="d-flex">
                @for ($i = 0; $i < $count; $i++)
                  <div class="col-6">
                      <p>Company: </p>{{ $companies[$i] }}
                      <p>Previous Job: </p>{{ $positionTitles[$i] }}
                      <p>Manager: </p>{{ $managers[$i] }}
                      <p>Location: </p>{{ $locations[$i] }}
                      <p class="text-danger">Salary: </p>{{ $workSalaries[$i] }}
                      <p>Phone: </p>{{ $workPhones[$i] }}
                  </div>
                @endfor
            </div>
        </section>
        <section class="my-3">
            <h4>Trainings</h4>
            <div class="d-flex">
                @for ($i = 0; $i < $count2; $i++)
                  <div class="col-6">
                      <p>Training Name: </p>{{ $trainingNames[$i] }}
                      <p>Training Date: </p>{{ $trainingDates[$i] }}
                      <p>Destination: </p>{{ $destinations[$i] }}
                  </div>
                @endfor
            </div>
        </section>
        <section class="my-3">
            <h4>Start Work Data</h4>
            <div class="d-flex">
                <div class="col-6">
                    <p>Started To Work Here: </p>{{ $applicant->startWorkDate }}
                </div>
                <div class="col-6">
                    <p>Signature: </p>{{ $applicant->signature }}
                    <p>Signature Date: </p>{{ $applicant->signatureDate }}
                </div>
            </div>
        </section>
      </section>
      <section class="infoForm bg-white pt-2 px-1 d-none">
          <h4>Follow Up</h4>
          <div class="d-flex">
            <div class="col-6">
              <p class="font-weight-bold text-primary">Source: {{ $followup->source }}</p>
            </div>
            <div class="col-6">
              <p class="font-weight-bold text-primary">Follower: {{ $followup->follower }}</p>
            </div>
          </div>
          <div class="d-flex flex-wrap">
              <div class="col-12 my-3">
                  <h5 class="font-weight-bold">First Follow Up</h5>
                  <p>First Call: {{ $followup->first_call }}</p>
                  <p>First Call Result: {{ ucwords(str_replace('_',' ',$followup->first_call_result)) }}</p>
                  @if($followup->first_call_result == 'not interested')
                    <p>Reason: {{ $followup->interest_reason }}</p>
                  @endif
                  @if($followup->first_call_result == 'not suitable')
                    <p>Reason: {{ $followup->suitable_reason }}</p>
                  @endif
                  @if($followup->other_reason)
                    <p>Other Reason: {{ $followup->other_reason }}</p>
                  @endif
              </div>
              @php
              $ex = explode(',',$followup->second_call); $co = count($ex);
              $second_call_result = explode(',',$followup->second_call_result);
              $interest_reason2 = explode(',',$followup->interest_reason2);
              $suitable_reason2 = explode(',',$followup->suitable_reason2);
              $other_reason1 = explode(',',$followup->other_reason1);
              @endphp
              @if($co > 0)
                @foreach($ex as $key=>$s)
                  <div class="col-6">
                    <h5 class="font-weight-bold">Follow Up</h5>
                    <p>Follow Date: {{ $ex[$key] }}</p>
                    <p>Follow Result: {{ ucwords(str_replace('_',' ',$second_call_result[$key])) }}</p>
                    @if($second_call_result)
                      @if($second_call_result[$key] == 'not interested')
                        <p>Reason: {{ $interest_reason2[$key] }}</p>
                      @endif
                      @if($second_call_result[$key] == 'not suitable')
                        <p>Reason: {{ $suitable_reason2[$key] }}</p>
                      @endif
                    @endif
                    @if($other_reason1)
                      @if($other_reason1[$key])
                        <p>Other Reason: {{ $other_reason1[$key] }}</p>
                      @endif
                    @endif
                  </div>
                @endforeach
              @endif
          </div>
          <hr class="my-4">
          <div class="d-flex">
              <div class="col-6">
                  <h5 class="font-weight-bold">First Interview</h5>
                  <p>First Interview: {{ $followup->first_interview }}</p>
                  <p>Interview With: {{ $followup->interview_with }}</p>
                  <p>First Interview Result: {{ ucwords(str_replace('_',' ',$followup->first_interview_result)) }}</p>
                  @if($followup->first_interview_result == 'not interested' || $followup->first_interview_result == 'not suitable')
                    <p>Reason: {{ $followup->interview_reason }}</p>
                  @endif
              </div>
              <div class="col-6">
                <h5 class="font-weight-bold">Second Interview</h5>
                <p>Second Interview: {{ $followup->second_interview }}</p>
                <p>Interview With: {{ $followup->interview_with2 }}</p>
                <p>Second Interview Result: {{ ucwords(str_replace('_',' ',$followup->second_interview_result)) }}</p>
                @if($followup->second_interview_result == 'not interested' || $followup->second_interview_result == 'not suitable')
                  <p>Reason: {{ $followup->interview_reason2 }}</p>
                @endif
              </div>
          </div>

      </section>
      <section class="offerForm bg-white pt-2 px-1 d-none">
          <h4>Contract</h4>
          <div class="text-center">
            <p class="font-weight-bold text-primary">Branch: {{ $contract->branch }}</p>
          </div>
          <div class="d-flex">
            <div class="col-6">
              <p>Contract Signed: {{ $contract->contract_signed }}</p>
              <p>Contract Date: {{ $contract->contract_date }}</p>
            </div>
            <div class="col-6">
              <p>Contract Period: {{ $contract->contract_period }}</p>
            </div>
          </div>
          <div class="my-4 pb-4">
            <h5>Courses/Certificates</h5>
            @php
            $cour = [];
            $cert = [];
            if($contract->courses){
              $cour = explode(',',$contract->courses);
            }
            if($contract->real_certificates){
              $cert = explode(',',$contract->real_certificates);
            }
            @endphp
            <div class="d-flex">
                <div class="col-6">
                <h5 class="text-success">Courses</h5>
                  <p class="d-flex align-items-center mb-1">Fire Up and Succeed: @if(in_array('Fire Up and Succeed',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Evaluation: @if(in_array('Evaluation',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Commercial: @if(in_array('Commercial',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Legal: @if(in_array('Legal',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">RE/MAX And you: @if(in_array('RE/MAX And you',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Momentum: @if(in_array('Momentum',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Team: @if(in_array('Team',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Building: @if(in_array('Building',$cour)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                </div>
                <div class="col-6">
                  <h5 class="text-success">Certificates</h5>
                  <p class="d-flex align-items-center mb-1">ACB: @if(in_array('ACB',$cert)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">CCIM: @if(in_array('CCIM',$cert)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Business Broker: @if(in_array('Business Broker',$cert)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                  <p class="d-flex align-items-center mb-1">Other: @if(in_array('Other',$cert)) <img src="{{ asset('assets/site/true.png') }}"
                    alt="avatar-16" class="col-2 p-4"> @endif</p>
                </div>
            </div>
          </div>
          <h5>Required Papers Status</h5>
          <div class="d-flex">
              <div class="col-6">
                <p class="d-flex align-items-center mb-1">National ID: @if($contract->national_id == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
                <p class="d-flex align-items-center mb-1">Birth Cirtificate: @if($contract->birth_cirtificate == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
                <p class="d-flex align-items-center mb-1">Graduation Cirtificate: @if($contract->graduation_cirtificate == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
                <p class="d-flex align-items-center mb-1">Criminal Record: @if($contract->criminal_record == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
              </div>
              <div class="col-6">
                <p class="d-flex align-items-center mb-1">Military Service: @if($contract->military_service == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
                <p class="d-flex align-items-center mb-1">4 Personal Photos: @if($contract->personal_photos == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
                <p class="d-flex align-items-center mb-1">Code Of Ethics: @if($contract->ethics_code == true) <img src="{{ asset('assets/site/true.png') }}"
                  alt="avatar-16" class="col-2 p-4"> @endif</p>
              </div>
          </div>
          <h5>Remax Egypt Contract Status</h5>
          <div class="d-flex">
            <div class="col-6">
              <p class="d-flex align-items-center mb-1">Remax Egypt Contract Signed: @if($contract->remaxEgypt == 'Yes') <img src="{{ asset('assets/site/true.png') }}"
                alt="avatar-16" class="col-2 p-4"> @endif</p>
            </div>
            <div class="col-6">
              <p class="d-flex align-items-center mb-1">Remax Egypt Contract Signature Date: {{ $contract->remaxEgyptDate }}</p>
            </div>
          </div>
      </section>
    </div>
@endsection
@section('js')
<script>
        $('[id^=info_tab]').on("click",function(){
        $('[id^=showing_tab]').removeClass('tab_style');
        $('[id^=offer_tab]').removeClass('tab_style');
        $('[id^=info_tab]').addClass('tab_style');
        $('[class^=showForm]').removeClass('tab_content');
        $('[class^=showForm]').addClass('d-none');
        $('[class^=offerForm]').removeClass('tab_content');
        $('[class^=offerForm]').addClass('d-none');
        $('[class^=infoForm]').addClass('tab_content');
        $('[class^=infoForm]').removeClass('d-none');
      });
      $('[id^=showing_tab]').on("click",function(){
        $('[id^=info_tab]').removeClass('tab_style');
        $('[id^=offer_tab]').removeClass('tab_style');
        $('[id^=showing_tab]').addClass('tab_style');
        $('[class^=infoForm]').removeClass('tab_content');
        $('[class^=infoForm]').addClass('d-none');
        $('[class^=offerForm]').removeClass('tab_content');
        $('[class^=offerForm]').addClass('d-none');
        $('[class^=showForm]').addClass('tab_content');
        $('[class^=showForm]').removeClass('d-none');
      });
      $('[id^=offer_tab]').on("click",function(){
        $('[id^=info_tab]').removeClass('tab_style');
        $('[id^=showing_tab]').removeClass('tab_style');
        $('[id^=offer_tab]').addClass('tab_style');
        $('[class^=infoForm]').removeClass('tab_content');
        $('[class^=infoForm]').addClass('d-none');
        $('[class^=showForm]').removeClass('tab_content');
        $('[class^=showForm]').addClass('d-none');
        $('[class^=offerForm]').addClass('tab_content');
        $('[class^=offerForm]').removeClass('d-none');
      });
</script>
@endsection