@extends('admin.layouts.master')

@section('title','Potential Condidates Form')

@section('content')
  <div class="container" @if(app()->getLocale() == 'ar') dir="ltr" @endif>
    <h1 class="text-center my-3">Potential Candidate Form</h1>
    <form action="{{ route('admin.possibleCandidatesCreate') }}" method="POST" enctype="multipart/form-data" class="py-4">
      @csrf
      @if(isset($candidate->id) && !empty($candidate->id))
        <input type="hidden" name='id' value="{{ $candidate->id }}" hidden>
      @endif
      <section>
        <div class="px-3">
          <h2>@lang('Candidate Information')</h2>
        </div>
        <div class="d-flex justify-content-center align-items-end">
          <div class="part1 col-6 @if(app()->getLocale() == 'ar') border-left @else border-right @endif">
            <div class="form-group">
              <label>@lang('hr.Name')</label>
              <input type="text" class="form-control" name="name" value="{{$candidate->name??old('name')}}"
              placeholder="@lang('hr.Name')">
              <strong  id="name_error" class="text-danger" role="alert">
              </strong>
            </div>
            <div class="form-group">
              <label>@lang('hr.Email')</label>
              <input type="email" class="form-control" name="email" value="{{$candidate->email??old('email')}}"
                    placeholder="@lang('hr.Email')">
              <strong  id="email_error" class="text-danger" role="alert">
              </strong>
            </div>
            <div class="form-group">
              <label>Refer From</label>
              <select name="referFrom" class="form-control">
                <option value="">Choose Answer</option>
                @foreach ($referers as $refer)
                  <option value="{{ $refer }}" @if($candidate->referFrom == $refer || old('referFrom') == $refer) selected @endif>{{ $refer }}</option>
                @endforeach
              </select>
              <strong  id="referFrom_error" class="text-danger" role="alert">
              </strong>
            </div>
          </div>
          <div class="part2 col-6">
            <div class="form-group">
              <label>@lang('hr.Mobile_Number')</label>
              <input type="text" class="form-control" name="mobile" value="{{ $candidate->mobile??old('mobile') }}" placeholder="@lang('hr.Mobile_Number')">
              <strong  id="mobile_error" class="text-danger" role="alert">
              </strong>
            </div>
            <div class="form-group">
              <label>Coverge Area</label>
              <input type="text" class="form-control" name="CovergeArea" value="{{$candidate->CovergeArea??old('CovergeArea')}}"
                    placeholder="Coverge Area">
              <strong  id="CovergeArea_error" class="text-danger" role="alert">
              </strong>
            </div>
            <div class="form-group">
              <label>Source Of Contact</label>
              <select name="contactSource" class="form-control">
                <option value="">Choose Answer</option>
                <option value="Facebook" @if($candidate->contactSource == 'Facebook' || old('contactSource') == 'Facebook') selected @endif>@lang('hr.Facebook')</option>
                <option value="Twitter" @if($candidate->contactSource == 'Twitter' || old('contactSource') == 'Twitter') selected @endif>@lang('hr.Twitter')</option>
                <option value="Instegram" @if($candidate->contactSource == 'Instegram' || old('contactSource') == 'Instegram') selected @endif>@lang('hr.Instegram')</option>
                <option value="News Paper" @if($candidate->contactSource == 'News Paper' || old('contactSource') == 'News Paper') selected @endif>@lang('hr.News_Paper')</option>
                <option value="Friend" @if($candidate->contactSource == 'Friend' || old('contactSource') == 'Friend') selected @endif>@lang('hr.Friend')</option>
                <option value="OLX" @if($candidate->contactSource == 'OLX' || old('contactSource') == 'OLX') selected @endif>@lang('hr.OLX')</option>
                <option value="Propertyfinder" @if($candidate->contactSource == 'Propertyfinder' || old('contactSource') == 'Propertyfinder') selected @endif>@lang('hr.Propertyfinder')</option>
                <option value="SMS" @if($candidate->contactSource == 'SMS' || old('contactSource') == 'SMS') selected @endif>@lang('hr.SMS')</option>
                <option value="Email Shots" @if($candidate->contactSource == 'Email Shots' || old('contactSource') == 'Email Shots') selected @endif>@lang('hr.Email_Shots')</option>
                <option value="WhatsApp" @if($candidate->contactSource == 'WhatsApp' || old('contactSource') == 'WhatsApp') selected @endif>@lang('hr.WhatsApp')</option>
                <option value="Other" @if($candidate->contactSource == 'Other' || old('contactSource') == 'Other') selected @endif>@lang('hr.Other')</option>
              </select>
              <strong  id="contactSource_error" class="text-danger" role="alert">
              </strong>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="px-3">
          <h2>Experience</h2>
        </div>
        <div class="d-flex justify-content-center align-items-end">
          <div class="part1 col-6 @if(app()->getLocale() == 'ar') border-left @else border-right @endif">
            <div class="form-group">
              <label>Projects He Works On</label>
              <input type="text" class="form-control" name="his_projects" value="{{$candidate->his_projects??old('his_projects')}}" placeholder="@lang('Projects He Work On')">
            </div>
          </div>
          <div class="part2 col-6">
            <div class="form-group">
              <label>Previous Career</label>
              <input type="text" class="form-control" name="previousCareer" value="{{ $candidate->previousCareer??old('previousCareer') }}" placeholder="Previous Career">
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="px-3">
          <h2>Deals With Us</h2>
        </div>
        <div class="px-4">
          <input id="dealswithus" type="checkbox" name="dealswithus" @if($candidate->dealswithus == 1 || old('dealswithus') == 1) checked @endif>
          <label for="dealswithus">Have Deals With Us</label>
        </div>
      </section>
      {{-- <section id="previousSection">
        <div class="px-3">
          <h2>@lang('Previous Deals With Us')</h2>
        </div>
        <div id="previous">

          @php
            $common_clients = explode(',', $candidate->common_clients);
            $unit_with_us_title = explode(',', $candidate->unit_with_us_title);
            $unit_with_us_project = explode(',', $candidate->unit_with_us_project);
            $unit_with_us_price = explode(',', $candidate->unit_with_us_price);
            $unit_with_us_commission = explode(',', $candidate->unit_with_us_commission);
            $unit_date = explode(',', $candidate->unit_date);
            $count = count($common_clients);
            @endphp

          @for ($i = 0; $i < $count;$i++)
            <div class="px-3">
              <h4>- @lang('Deal')</h4>
            </div>
            <div class="d-flex justify-content-center align-items-end">
              <div class="part1 col-6 @if(app()->getLocale() == 'ar') border-left @else border-right @endif">
                <div class="form-group">
                  <label>@lang('Common Client Name')</label>
                  <input type="text" class="form-control" name="common_clients[]" value="{{$common_clients[$i]??old('common_clients['.$i.']')}}"
                        placeholder="@lang('Common Client Name')">
                </div>
                <div class="form-group">
                  <label>@lang('Unit Title')</label>
                  <input type="text" class="form-control" name="unit_with_us_title[]" value="{{$unit_with_us_title[$i]??old('unit_with_us_title['.$i.']')}}"
                        placeholder="@lang('Unit Title')">
                </div>
                <div class="form-group">
                  <label>@lang('Unit Project')</label>
                  <input type="text" class="form-control" name="unit_with_us_project[]" value="{{$unit_with_us_project[$i]??old('unit_with_us_project['.$i.']')}}"
                        placeholder="@lang('Unit Project')">
                </div>
              </div>
              <div class="part2 col-6">
                <div class="form-group">
                  <label>@lang('Unit Price')</label>
                  <input type="text" class="form-control" name="unit_with_us_price[]" value="{{ $unit_with_us_price[$i]??old('unit_with_us_price['.$i.']') }}" placeholder="@lang('Unit Price')">
                </div>
                <div class="form-group">
                  <label>@lang('Commission')</label>
                  <input type="text" class="form-control" name="unit_with_us_commission[]" value="{{ $unit_with_us_commission[$i]??old('unit_with_us_commission['.$i.']') }}" placeholder="@lang('Commission')">
                </div>
                <div class="form-group">
                  <label>@lang('Due Date')</label>
                  <input type="date" class="form-control" name="unit_date[]" value="{{$unit_date[$i]??old('unit_date['.$i.']',date('m-d-Y'))}}"
                        placeholder="@lang('Due Date')">
                </div>
              </div>
            </div>
            @endfor
        </div>
      </section>
      <div class="@if(app()->getLocale() == 'ar') text-left @else text-right @endif">
        <a id="previousClick" href=""><i class="fa fa-plus"></i> @lang('Add Another Deal')</a>
      </div> --}}
      <hr class="my-3">
      <section id="trainingSection">
          <div class="form-group">
            <label class="font-weight-bold">@lang('Rating')</label>
            <input type="text" class="form-control" name="his_rate" value="{{$candidate->his_rate??old('his_rate')}}"
            placeholder="@lang('Rating')">
          </div>
      </section>
      <div class="px-3">
        <button class="col-4 col-lg-1 btn btn-primary" type="submit">@lang('Send')</button>
      </div>
    </form>
  </div>
    <div id="popup" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close ml-1" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body text-center">
            <i class="fa fa-5x fa-check-circle text-success"></i>
            <p></p>
          </div>
        </div>
      </div>
    </div>
@endsection
@section('js')
<script>
  $('form').on('submit',function(e){
      e.preventDefault();
      console.log($(this));
      $.ajax({
      method: "POST",
      url: $(this).attr('action'),
      type: 'post',
      enctype: 'multipart/form-data',
      data:new FormData($(this)[0]),
      processData: false,
      contentType: false,
      cache: false,
      success  : function(data) {
          $('#popup').modal('show');
          $('#popup .modal-body p').text(data.msg);
        },
      error: function(data){
        var response = $.parseJSON(data.responseText);
        $.each(response.errors, function(key, val){
            $("#" + key + "_error").text(val[0]);
        });
      }
      })
  });

  $( "#previousClick" ).click(function(e) {
    e.preventDefault();
    $("#previousSection").append($( "#previous" ).clone());
  });

  $('#popup').on("hide.bs.modal", function() {
    window.location.replace(window.location.origin+'/dashboard/candidates');
  })

</script>
@endsection