@extends('layouts.appInner')
@section('search')
<x-job-search></x-job-search>
@endsection
@section('title')
{{ $title }}
@endsection
@section('contentInner')
    <div class="bg-white shadow-md rounded-md mb-10 p-10">
        <strong>Search Query: </strong>
            {{ $query }}
            <br>
            <div class="row">
                <div class="col-md-6">
                </div>
                <div class="col-md-6 text-right">
                    {{-- Total result found: {{ count($jobs) }} --}}

                </div>
            </div>
            </div>
            @if ($jobs->isEmpty())
            {!! alert('No result found.') !!}
            @else
            @foreach ($jobs as $job)
            <a href="{{ getJobDetailsUrl($job) }}" class="" target="_blank">
                <div class="relative shadow-md overflow-hidden rounded-md mb-10 p-10 hover:bg-green-50 transition-all duration-500 {{ ($job->is_posted_by_admin == 1) ? ' bg-red-50' : 'bg-white' }}">
                    @if($job->is_posted_by_admin == 1)
                                <!-- ribbon container -->

                        <div class="absolute right-0 top-0 h-16 w-16">
                            <!-- ribbon -->

                            <div class="absolute right-[-44px] top-[22px] w-[170px] transform rotate-45 bg-red-700 text-center text-white font-semibold py-1">Hot Job</div>

                            <!-- end ribbon -->
                          </div>

                          <!-- end ribbon container -->
                          @endif
                          {{-- <h3><a href="jobs/">{{ $job->title }}</a></h3> --}}
                                <h3 class="text-3xl text-red-700 mb-3">{{ $job->title }}</h3>
                                    {{-- <div class="my-5">{{ $job->description }}</div> --}}
                            <div class="grid grid-cols-3 gap-5">
                                <div>
                                    <p>Company:<br><strong>{{ getEmployerByUserId($job->user_id) }}</strong></p>
                                </div>
                                <div>Salary:<br>
                                    <strong>
                                    @empty($job->salary_from)
                                    <x-unspecified />
                                    @else
                                    Rs. {{ $job->salary_from }}</p>
                                @endempty
                                    </strong>
                                                    </div>
                                                    <div>Designation:
                                                        <strong>
                                                        @empty($job->designation)
                                                        <x-unspecified />
                                                        @else
                                                        {{ $job->designation }}
                                                    @endempty
                                                        </strong>
                                                                            </div>
                                                                            <div>
                                                                                Experience:
                                                                                <strong>
                                                                                @empty ($job->experience_min)
                                                                                <x-unspecified />
                                                                                @else
                                                                                {{ $job->experience_min }} - {{ $job->experience_max }} Year
                                                                            @endempty
                                                                                </strong>
                                                                            </div>
                                                                                                <div>
                                    Industry: <strong>{{ getIndustryByIndustryId($job->industry_id) }}</strong>
                                </div>
                                <div>
                                    <p>Location:<br><strong>{{ $job->city }}, {{ $job->state }}</strong></p>
                                </div>
                                <div>
                                    Job Type:
                                    <strong>
                                    @empty ($job->experience_min)
                                    <x-unspecified />
                                    @else
                                    {{ getJobTypeByJobTypeId($job->job_type_id) }}
                                    @endempty
                                    </strong>
                                </div>
                                @empty($job->gender)
                                @else
                                <div>
                                    Gender:
                                    <strong>
                                    {{ $job->gender }}
                                    </strong>
                                </div>
                                @endempty
                                                        <div class="">
                                    Job Posted On:
                                    <strong>
                                         {{ Carbon::parse($job->updated_at)->format('d-M-Y'); }}
                                    </strong>
                                </div>
                            </div>
                            {{-- <div class="flex justify-end">
                                {!! showAddToFavoriteJobButton($job->id) !!}
                                &nbsp;&nbsp;
                                {!! showApplyJobButton($job->id) !!}
                                @if(Auth::user())
                                    @include('user.candidate.applyJobModal')
                                @endIf
                            </div> --}}
                            </div>
            </a>
                @endforeach
                <div class="">
                    {{ $jobs->withQueryString()->links() }}
                </div>
                @endif
@endsection
{{-- @push('custom-scripts')
<script type="module">
   $(document).ready(function(){
$('.addToFavorite').on('click', function(){
var jobId = $(this).attr("data-jobId") ;
$.ajax({
url: "{{ route('candidate.add.to.favorite.job') }}",
type: "POST",
data: {job_id: jobId,_token: '{{ csrf_token() }}'},
dataType: 'html',
beforeSend:function(){
    $(this).prop('disabled', true);
},
success: function(result){
    // console.log(result);
    $('#addFavorite'+jobId).html('');
    $('#addFavorite'+jobId).html(result);
}
});
});
$('.applyJob').on('click', function(){
var jobId = $(this).attr("data-jobId") ;
var coverLetterId = $('#coverLetter'+jobId).val() ;
// var resumeId = $('#resume'+jobId).val() ;
// console.log(coverLetterId +" -  "+resumeId);
// return;
$.ajax({
url: "{{ route('candidate.apply.job') }}",
type: "POST",
data: {job_id: jobId,cover_letter_id: coverLetterId,_token: '{{ csrf_token() }}'},
dataType: 'html',
beforeSend:function(){
    $(this).prop('disabled', true);
},
success: function(result){
    // console.log(result);
    $('#applyJobModal'+jobId).modal('toggle');
    $('#addApply'+jobId).html('');
    $('#addApply'+jobId).html(result);
}
});
});

    });

</script>
@endpush --}}