@extends('site.layouts.master')


@section('seoTags')
    @seoTags()
@endsection

@if(empty($seoRow->title))
    @section('title')
    <title>
        {{ 'Application' }}
    </title>
    @endsection
@endif
@section('metatags')
<link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
href="@if(app()->getLocale() == 'en' && str_contains(url()->current(),'/en/')){{str_replace('/en/','/ar/',str_replace('public/','',url()->current()))}}@else{{str_replace('/ar/','/en/',str_replace('public/','',url()->current()))}}@endif">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@php if(!isset($application)) $application = new App\Application; @endphp
@section('content')
    <div class="bg-f9f9f9 py-4 px-3">
        <h1 class="text-red SF22_35Bold SF60_78Bold-lg">@lang('hr.Application_Form')</h1>
        <form action="{{ route('admin.applicationStore') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="id" value="{{ $application->id }}">
            <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end">
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Postion_Applied_For')</label>
                    <select name="position" class="border-d1d1d1 w-100 rounded-3 p-2">
                      <option value="">@lang('hr.choose_answer')</option>
                      <option value="Business Partner" @if(old('position') == 'Business Partner' || $application->position == 'Business Partner') selected @endif>@lang('hr.Business_Partner')</option>
                      <option value="Team Leader" @if(old('position') == 'Team Leader' || $application->position == 'Team Leader') selected @endif>@lang('hr.Team_Leader')</option>
                      <option value="Team Member" @if(old('position') == 'Team Member' || $application->position == 'Team Member') selected @endif>@lang('hr.Team_Member')</option>
                      <option value="Media Buyer" @if(old('position') == 'Media Buyer' || $application->position == 'Media Buyer') selected @endif>@lang('hr.Media_Buyer')</option>
                      <option value="Branch Manager" @if(old('position') == 'Branch Manager' || $application->position == 'Branch Manager') selected @endif>@lang('hr.Branch_Manager')</option>
                      <option value="Accountant" @if(old('position') == 'Accountant' || $application->position == 'Accountant') selected @endif>@lang('hr.Accountant')</option>
                      <option value="Programmer" @if(old('position') == 'Programmer' || $application->position == 'Programmer') selected @endif>@lang('hr.Programmer')</option>
                      <option value="SEO" @if(old('position') == 'SEO' || $application->position == 'SEO') selected @endif>@lang('hr.SEO')</option>
                      <option value="IT" @if(old('position') == 'IT' || $application->position == 'IT') selected @endif>@lang('hr.IT')</option>
                      <option value="HR Manager" @if(old('position') == 'HR Manager' || $application->position == 'HR Manager') selected @endif>@lang('hr.HR_Manager')</option>
                      <option value="HR Assistant" @if(old('position') == 'HR Assistant' || $application->position == 'HR Assistant') selected @endif>@lang('hr.HR_Assistant')</option>
                      <option value="Admin Assistant" @if(old('position') == 'Admin' || $application->position == 'Admin') selected @endif>@lang('hr.Admin')</option>
                      <option value="Admin Assistant" @if(old('position') == 'Admin Assistant' || $application->position == 'Admin Assistant') selected @endif>@lang('hr.Admin_Assistant')</option>
                      <option value="Office Girl" @if(old('position') == 'Office Girl' || $application->position == 'Office Girl') selected @endif>@lang('hr.Office_Girl')</option>
                      <option value="Content Creator" @if(old('position') == 'Content Creator' || $application->position == 'Content Creator') selected @endif>@lang('hr.Content_Creator')</option>
                      <option value="Graphic Designer" @if(old('position') == 'Graphic Designer' || $application->position == 'Graphic Designer') selected @endif>@lang('hr.Graphic_Designer')</option>
                      <option value="Broker" @if(old('position') == 'Broker' || $application->position == 'Broker') selected @endif>@lang('hr.Broker')</option>
                      <option value="Tech Support" @if(old('position') == 'Tech Support' || $application->position == 'Tech Support') selected @endif>@lang('hr.Tech Support')</option>
                      <option value="HR" @if(old('position') == 'HR' || $application->position == 'HR') selected @endif>@lang('hr.HR')</option>
                      <option value="Office Boy" @if(old('position') == 'Office Boy' || $application->position == 'Office Boy') selected @endif>@lang('hr.Office Boy')</option>
                      <option value="Sanitation Worker" @if(old('position') == 'Sanitation Worker' || $application->position == 'Sanitation Worker') selected @endif>@lang('hr.Sanitation Worker')</option>
                    </select>
                    <strong  id="position_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.referal_from')</label>
                    <select name="referFrom" class="border-d1d1d1 w-100 rounded-3 p-2">
                      <option value="">@lang('hr.choose_answer')</option>
                      @foreach (App\User::select('username')->orderBy('username')->pluck('username') as $refer)
                        <option value="{{ $refer }}" @if(old('referFrom') == $refer || $application->referFrom == $refer) selected @endif>{{ $refer }}</option>
                      @endforeach
                    </select>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.how-did-you-hear')</label>
                    <select name="hear" class="border-d1d1d1 w-100 rounded-3 p-2">
                      <option value="">@lang('hr.choose_answer')</option>
                      <option value="Facebook" @if(old('hear') == 'Facebook' || $application->hear == 'Facebook') selected @endif>@lang('hr.Facebook')</option>
                      <option value="Twitter" @if(old('hear') == 'Twitter' || $application->hear == 'Twitter') selected @endif>@lang('hr.Twitter')</option>
                      <option value="Instegram" @if(old('hear') == 'Instegram' || $application->hear == 'Instegram') selected @endif>@lang('hr.Instegram')</option>
                      <option value="News Paper" @if(old('hear') == 'News Paper' || $application->hear == 'News Paper') selected @endif>@lang('hr.News_Paper')</option>
                      <option value="Friend" @if(old('hear') == 'Friend' || $application->hear == 'Friend') selected @endif>@lang('hr.Friend')</option>
                      <option value="OLX" @if(old('hear') == 'OLX' || $application->hear == 'OLX') selected @endif>@lang('hr.OLX')</option>
                      <option value="Propertyfinder" @if(old('hear') == 'Propertyfinder' || $application->hear == 'Propertyfinder') selected @endif>@lang('hr.Propertyfinder')</option>
                      <option value="SMS" @if(old('hear') == 'SMS' || $application->hear == 'SMS') selected @endif>@lang('hr.SMS')</option>
                      <option value="Email Shots" @if(old('hear') == 'Email Shots' || $application->hear == 'Email Shots') selected @endif>@lang('hr.Email_Shots')</option>
                      <option value="WhatsApp" @if(old('hear') == 'WhatsApp' || $application->hear == 'WhatsApp') selected @endif>@lang('hr.WhatsApp')</option>
                      <option value="Google" @if(old('hear') == 'Google' || $application->hear == 'Google') selected @endif>@lang('hr.Google')</option>
                      <option value="Exhibitions" @if(old('hear') == 'Exhibitions' || $application->hear == 'Exhibitions') selected @endif>@lang('hr.Exhibitions')</option>
                      <option value="Posters" @if(old('hear') == 'Posters' || $application->hear == 'Posters') selected @endif>@lang('hr.Posters')</option>
                      <option value="Other" @if(old('hear') == 'Other' || $application->hear == 'Other') selected @endif>@lang('hr.Other')</option>
                    </select>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.recruiter')</label>
                    <select name="recruiter" class="border-d1d1d1 w-100 rounded-3 p-2">
                      <option value="" readonly>@lang('hr.choose_answer')</option>
                      <option value="Mohammad Degheady" @if(old('recruiter') == 'Mohammad Degheady' || $application->recruiter == 'Mohammad Degheady') selected @endif>Mohammad Degheady</option>
                      <option value="Sarah Samy" @if(old('recruiter') == 'Sarah Samy' || $application->recruiter == 'Sarah Samy') selected @endif>Sarah Samy</option>
                      <option value="Gihad Adel" @if(old('recruiter') == 'Gihad Adel' || $application->recruiter == 'Gihad Adel') selected @endif>Gihad Adel</option>
                    </select>
                    <strong  id="recruiter_error" class="text-danger" role="alert">
                    </strong>
                </div>
            </div>
            <div class="form-group mb-3">
                <label for="personal_picture"
                    class="text-3b3b3b SF18_30Bold SF20_30Bold-lg w-100">@lang('site.personal_picture')<strong
                        class="text-red">*</strong>
                    <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-center">
                        <div class="border border-707070 rounded-3 p-3 w-48">
                            @if ($application->image)
                                <img loading="lazy" class="d-block"
                                    src="{{ asset('uploads/profile_photo/' . $application->image) }}"
                                    alt="personal_picture" width="150" height="120">
                            @else
                                <p id="file_personal_picture" class="text-center SF18_21Regular mb-0">
                                    @lang('site.choose_file')</p>
                            @endif
                        </div>
                        <div class="dashedBorder border-d1d1d1 text-blue py-3 rounded-3 text-center SF18_21Medium my-2 w-48">
                            @lang('site.choose_file')
                        </div>
                    </div>
                </label>
                <input type="file" class="d-none form-control" name="image" id="personal_picture"
                    value="{{ old('image') }}" placeholder="@lang('site.personal_picture')">
                @if ($errors->has('image'))
                    <span class="form-control-feedback">
                        <small><strong
                                class="text-danger">{{ $errors->first('image') }}</strong></small>
                    </span>
                @endif
            </div>
            <div class="form-group mb-3 w-48">
                <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Date')</label>
                <input type="text" class="form-control" name="date" value="{{ $application->date??date('d-m-Y') }}" readonly>
                <strong  id="date_error" class="text-danger" role="alert">
                </strong>
            </div>
            <h2 class="SF22_24Bold SF40_24Bold-lg text-3b3b3b my-4">@lang('hr.applicant_information')</h2>
            <div class="form-group mb-3">
                <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Name')</label>
                <input type="text" class="form-control" name="name" value="{{$application->name??old('name')}}"
                placeholder="@lang('hr.Name')">
                <strong  id="name_error" class="text-danger" role="alert">
                </strong>
            </div>
            <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end">
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Mobile_Number')</label>
                    <input type="text" class="form-control" name="mobile" value="{{ $application->mobile??old('mobile') }}" placeholder="@lang('hr.Mobile_Number')">
                    <strong  id="mobile_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Email')</label>
                    <input type="email" class="form-control" name="email" value="{{$application->email??old('email')}}"
                          placeholder="@lang('hr.Email')">
                    <strong  id="email_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Date_Of_Birth')</label>
                    <input type="number" class="form-control" name="age" value="{{ $application->age??old('age') }}" placeholder="@lang('hr.Date_Of_Birth')">
                    <strong  id="age_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Nationality')</label>
                    <input type="text" class="form-control" name="nationality" value="{{$application->nationality??old('nationality')}}"
                          placeholder="@lang('hr.Nationality')">
                    <strong  id="nationality_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Address')</label>
                    <input type="text" class="form-control" name="address" value="{{$application->address??old('address')}}"
                          placeholder="@lang('hr.Address')">
                    <strong  id="address_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Do_You_Own_Car')</label>
                    <select name="car" class="border-d1d1d1 w-100 rounded-3 p-2">
                      <option value="" selected>@lang('hr.choose_answer')</option>
                      <option value="yes" @if(old('car') == 'yes' || $application->car == 'yes') selected @endif>@lang('hr.yes')</option>
                      <option value="no" @if(old('car') == 'no' || $application->car == 'no') selected @endif>@lang('hr.no')</option>
                    </select>
                    <strong  id="car_error" class="text-danger" role="alert">
                    </strong>
                </div>
            </div>
            <h2 class="SF22_24Bold SF40_24Bold-lg text-3b3b3b my-4">@lang('hr.Education')</h2>
            <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end">
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.university')</label>
                    <input type="text" class="form-control" name="university" value="{{$application->university??old('university')}}"
                        placeholder="@lang('hr.university')">
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Collage')</label>
                    <input type="text" class="form-control" name="collage" value="{{ $application->collage??old('collage') }}" placeholder="@lang('hr.Collage')">
                </div>
            </div>
            <section id="previousSection">
                <h2 class="SF22_24Bold SF40_24Bold-lg text-3b3b3b my-4">@lang('hr.Work_Experience')</h2>
                <div class="form-group mb-3">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Coverge_Area')</label>
                    <input type="text" class="form-control" name="CovergeArea" value="{{$application->CovergeArea??old('CovergeArea')}}"
                            placeholder="@lang('hr.Coverge_Area')">
                </div>
                <div id="previous">
                    @php
                      $companys = explode(',',$application->company);
                      $positionTitles = explode(',',$application->positionTitle);
                      $managers = explode(',',$application->manager);
                      $locations = explode(',',$application->location);
                      $workSalarys = explode(',',$application->workSalary);
                      $workPhones = explode(',',$application->workPhone);
                      $trainingNames = explode(',',$application->trainingName);
                      $trainingDates = explode(',',$application->trainingDate);
                      $destinations = explode(',',$application->destination);
                    @endphp
                    @foreach ($companys as $index=>$n)
                    <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end">
                        <div class="form-group mb-3 w-48">
                            <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Company_Name')</label>
                            <input type="text" class="form-control" name="company[]" value="{{$companys[$index]??old('company[0]')}}"
                                    placeholder="@lang('hr.Company_Name')">
                        </div>
                        <div class="form-group mb-3 w-48">
                            <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Position_Title')</label>
                            <input type="text" class="form-control" name="positionTitle[]" value="{{$positionTitles[$index]??old('positionTitle[0]')}}"
                                    placeholder="@lang('hr.Position_Title')">
                        </div>
                        <div class="form-group mb-3 w-48">
                            <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Direct_Manager')</label>
                            <input type="text" class="form-control" name="manager[]" value="{{$managers[$index]??old('manager[0]')}}"
                                    placeholder="@lang('hr.Direct_Manager')">
                        </div>
                        <div class="form-group mb-3 w-48">
                            <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Location')</label>
                            <input type="text" class="form-control" name="location[]" value="{{ $locations[$index]??old('location[0]') }}" placeholder="@lang('hr.Location')">
                        </div>
                        <div class="form-group mb-3 w-48">
                            <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Salary')</label>
                            <input type="text" class="form-control text-danger border border-danger" name="workSalary[]" value="{{ $workSalarys[$index]??old('workSalary[0]') }}" placeholder="@lang('hr.Salary')">
                        </div>
                        <div class="form-group mb-3 w-48">
                            <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Work_Phone')</label>
                            <input type="text" class="form-control" name="workPhone[]" value="{{ $workPhones[$index]??old('workPhone[0]') }}" placeholder="@lang('hr.Work_Phone')">
                        </div>
                    </div>
                        <hr>
                    @endforeach
                </div>
            </section>
            @if(!isset($application))
            <div class=" mb-3 @if(LaravelLocalization::getCurrentLocale() == 'ar') text-left @else text-right @endif">
              <a id="previousClick" href=""><i class="fa fa-plus"></i> @lang('hr.add_another_position')</a>
            </div>
            @endif
            <section id="trainingSection">
                <h2 class="SF22_24Bold SF40_24Bold-lg text-3b3b3b my-4">@lang('hr.trainingcourses')</h2>
                @foreach ($trainingNames as $index=>$t)
                <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end">
                  <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.trainingCourse_name')</label>
                    <input type="text" class="form-control" name="trainingName[]" value="{{$trainingNames[$index]??old('trainingName[0]')}}"
                    placeholder="@lang('hr.trainingCourse_name')">
                  </div>
                  <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.trainingDate')</label>
                    <input type="date" class="form-control" name="trainingDate[]" value="{{ $trainingDates[$index]??old('trainingDate[0]') }}"
                    placeholder="@lang('hr.trainingDate')">
                  </div>
                  <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.Destination')</label>
                    <input type="text" class="form-control" name="destination[]" value="{{$destinations[$index]??old('destination[0]')}}"
                    placeholder="@lang('hr.Destination')">
                  </div>
                </div>
                @endforeach
            </section>
            @if(!isset($application))
            <div class="mb-3 @if(LaravelLocalization::getCurrentLocale() == 'ar') text-left @else text-right @endif">
                <a id="trainingClick" href=""><i class="fa fa-plus"></i> @lang('hr.add_another_training_course')</a>
            </div>
            @endif
            <hr class="my-3">
            <div class="d-lg-flex flex-lg-wrap justify-content-lg-between align-items-lg-end">
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.starting_date')</label>
                    <input type="date" class="form-control" name="startWorkDate" value="{{$application->startWorkDate??old('startWorkDate')}}"
                    placeholder="@lang('hr.starting_date')">
                    <strong  id="startWorkDate_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <p class="SF14_20Regular SF16_30Medium-lg text-blue my-4 col-12">
                    @lang('hr.applicationQuote')
                </p>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.signature')</label>
                    <input type="text" class="form-control" name="signature" value="{{$application->signature??old('signature')}}"
                    placeholder="@lang('hr.signature')">
                    <strong  id="signature_error" class="text-danger" role="alert">
                    </strong>
                </div>
                <div class="form-group mb-3 w-48">
                    <label class="text-3b3b3b SF18_30Bold SF20_30Bold-lg">@lang('hr.signatureDate')</label>
                    <input type="date" class="form-control" name="signatureDate" value="{{ $application->signatureDate??old('signatureDate') }}" placeholder="@lang('hr.signatureDate')">
                    <strong  id="signatureDate_error" class="text-danger" role="alert">
                    </strong>
                </div>
            </div>
            <div class="my-4 text-center">
                <button class="btn bg-red text-white SF20_24Bold-Important py-2 py-lg-3 col-12 col-lg-4" type="submit">@lang('site.submit')</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('script')
<script>
    $('#personal_picture').change(function(){
        $('#file_personal_picture').html($(this).prop('files')[0].name);
    })
    $('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());
    });

    $( "#trainingClick" ).click(function(e) {
        e.preventDefault();
        $("#trainingSection").append($( "#training" ).clone());
    });

    $('#popup').on("hide.bs.modal", function() {
        history.go(-1);
    })

</script>
@endsection