@extends('frontend.layout.app')
@section('content')
<main>
    <section class="banner-sec ">
        <h1 class="title text-white text-center">Apply to job</h1>
    </section>
    <section class="apply-to-job-sec py-5">
        <div class="container">
            <div class="job-profile-info">
                <div class="title-cont job-title-info">
                    <div class="job-info">
                        <h2 class="title"><span>{{ $getCareer->title}}</span></h2>
                         @if($getCareer->company > 0)
                            <p class="exp">Company : <strong>{{ $getCareer->company }}</strong></p>
                         @endif
                          @if($getCareer->job_type > 0)
                        <p class="working-hrs">Working Hours : <strong>{{ $getCareer->job_type}}</strong></p>
                        @endif
                        
                        @if($getCareer->no_of_positions > 0)
                                                    <p class="location">No. of Positions : <strong>{{$getCareer->no_of_positions }}</strong></p>
                        @endif 
                         @if($getCareer->location > 0)
                        <p class="location">Locations : <strong>{{ $getCareer->location }}</strong></p>
                        @endif
                        
                        @if($getCareer->experience > 0)
                           <p class="exp">Experience : <strong>{{$getCareer->experience }}</strong></p>
                        @endif
                        <p class="d-sm-none d-block">
                            <a href="#contact-form" class="custom-btn d-inline-block">apply now</a>
                        </p>
                    </div>
                    <a href="#contact-form" class="custom-btn">apply now</a>
                </div>
                <!--  -->
            <strong>About the Role: </strong>
                
                
                {!! $getCareer->description !!}
            </div>
           
        </div>
       
    </section>
    
    <section class='contact-form-cont mb-5 apply-job-form-sec' id="contact-form">
        <div class="container">
            <!--form cont start  -->
            <div class="form-top-cont p-sm-5 p-3 mb-5">
                <h2 class="font-weight-bold text-white">Apply for this job</h2>
                <!--<form action="#" method="post" class="comment-form" id="contact-form">-->
                    <form class="comment-form" id="clientform" action="{{ url('career-leads') }}" method="post" enctype="multipart/form-data">
                        
                    <div class="row">
                        {{ csrf_field() }} 
                        @include('message')
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="firstName" value="{{ old('firstName')}}" class="form-control" placeholder="First Name *">
                                
        
                                <input type="hidden" name="jobRole" value="{{ $getCareer->title }}" class="form-control">
                            </div>
                            @error('firstName')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="lastName" value="{{ old('lastName')}}" class="form-control" placeholder="Last Name *">
                            </div>
                            @error('lastName')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <!--  -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="email" name="email" value="{{ old('email')}}" class="form-control" placeholder="E-mail *">
                            </div>
                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="number" name="phone" value="{{ old('phone')}}" class="form-control" placeholder="Phone *">
                                <input type="hidden" name="lead" value="{{ url()->current() }}" >
                            </div>
                            @error('phone')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <!-- upload doument start  -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="file-upload" class="form-control file1 text-right custom-file-upload pt-3"><i class="fa fa-cloud-upload">
                                </i> Upload Document *</label>
                                <input id="file-upload" name='document1' value="{{ old('document1')}}" type="file" style="display:none;">
                            </div>
                            @error('document1')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                 <label for="cover-latter" class="form-control file2 text-right custom-cover-latter pt-3"><i class="fa fa-cloud-upload">
                                </i> Upload Document</label>
                                <input id="cover-latter" name='document2' value="{{ old('document2')}}" type="file" style="display:none;">
                            </div>
                        </div>
                            <!-- upload doument end -->
                           <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="linkedInProfile" value="{{ old('linkedInProfile')}}" class="form-control" placeholder="LinkedIn profile *">
                            </div>
                            @error('linkedInProfile')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="jobTitle" value="{{ old('jobTitle')}}" class="form-control" placeholder="Most recent job title *">
                            </div>
                            @error('jobTitle')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="aboutJob" value="{{ old('aboutJob')}}" class="form-control" placeholder="How did you hear about this job? *">
                            </div>
                            @error('aboutJob')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="col-md-6">
                        <div class="form-group">                
                            <div class="g-recaptcha" data-sitekey="{{ env('GOOGLE_RECAPTCHA_KEY') }}"></div>
                            @if ($errors->has('g-recaptcha-response'))
                                <span class="text-danger">{{ $errors->first('g-recaptcha-response') }}</span>
                            @endif
                        </div>
                        </div>
                        <!--  -->
                        <div class="col-md-6 mt-4 d-flex flex-column justify-content-center">
                            <div class="form-group checkbox mb-0">
                                <input type="checkbox" name="privacyPolicy"><label class="text-white"
                                    for="saveCheck">I have read and agree to the Privacy Policy and Terms & Conditions.</label>
                            </div>
                        </div>
                       
                        <div class="col-md-6 text-md-right text-center mt-4">
                            <div class="form-group submit_">
                                <!-- <input type="button" value="POST COMMENT" class="custom-btn"> -->
                                {{-- <button class="custom-btn" type="submit" name="submit">Submit</button> --}}
                                <button class="custom-btn btn-lg submit" type="submit">
                                    <span class="btn-txt">SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>                 
                                </button>
                            </div>
                        </div>
                        @if(Session::has('message'))
                            <script>
                            swal("Message", "{{ Session::get('message') }}", "success", {
                                button: true,
                                button: "OK",
                                timer: 4000,
                            });
                            </script>
                            @endif
                    </div>
                </form>
            </div>
            <!--form cont end  -->
          
        </div>
    </section>
   </main>
@endsection