@php
    $isOwnerListing = isset($isOwner) && $isOwner == true;
    $jobId = $job->id ?? null;
    $internalApplicationsCount = $job->applications_count ?? ($isOwnerListing && $jobId ? $job->applications()->count() : 0);
    $externalClicksCount = $job->applicants_count ?? ($isOwnerListing && $jobId ? $job->applicants()->count() : 0);
    $newApplicationsCount = $job->new_applications_count ?? 0;
@endphp

<div class="listing-wrapper {{$isOwnerListing ? 'owner-listing-card' : ''}} border mb-4 py-3 pr-3 pr-md-0 pl-3 pl-md-0 shadow-sm {{isset($job->plan) && $job->plan->highlight_ad && !$isOwnerListing ? 'featured-listing-gradient' : ''}}">
    <div class="d-flex">
        <div class="w-100">
            <div class="row no-gutters">
                <div class="{{$isOwnerListing ? 'col-12 col-lg-6' : 'col-sm-12 col-md-6 col-lg-7'}}">
                    <div class="owner-listing-summary d-flex flex-row-no-rtl align-items-center">
                        <div class="d-flex align-items-center">
                            @if($isOwnerListing || (isset($job->plan) && $job->plan->display_logo))
                                <div class="listing-company-logo d-flex align-items-center">
                                    <img src="{{$job->company->logo}}" class="rounded-circle w-64 shadow-sm" alt="{{$job->company->name}}">
                                </div>
                            @endif
                        </div>
                        <div class="text-truncate pl-3 pl-md-2 pl-lg-4 listing-details">
                            <p class="mb-1 text-truncate">{{$job->company->name}}</p>
                            <span class="h5 mb-1 font-weight-bold {{$isOwnerListing ? 'owner-listing-title' : 'text-truncate'}}"><a href="{{route('jobs.get',[ 'slug'=>$job->slug])}}" class="text-dark-r">{{$job->title}}</a></span>
                            @if($isOwnerListing)
                                <div class="mt-3">

                                    @if($job->activeSubscription)
                                        <p class="mb-1">
                                        @if($job->activeSubscription->status === \App\Model\Subscription::CANCELED_STATUS)
                                            <div class="owner-listing-status-line d-flex flex-row flex-wrap align-items-center w-auto">
                                                <div>
                                                    <div class="badge badge-warning-outline text-xs badge-sm font-weight-bolder mb-1 mb-md-0">{{__('Canceled')}}</div>
                                                </div>
                                                <div class="d-flex align-items-center ml-2">
                                                    @include('elements.icon',['icon'=>'time-outline','variant'=>'small', 'classes' => 'mr-1'])

                                                    {{__('Expires')}} {{$job->activeSubscription->expires_at->format('M j')}}
                                                </div>
                                                <a class="d-none d-md-flex ml-md-2 font-weight-bold text-dark-r align-items-center" href="{{route('jobs.packages',['jobID' => $job->id])}}">
                                                    @include('elements.icon',['icon'=>'refresh-outline','variant'=>'small', 'classes' => 'mr-1'])
                                                    {{__('Renew listing')}}
                                                </a>
                                            </div>
                                        @else
                                            <div class="owner-listing-status-line d-flex flex-row flex-wrap align-items-center w-auto">
                                                <div>
                                                    <span class="badge badge-success-outline text-xs badge-sm font-weight-bolder mb-1 mb-md-0">{{__('Active')}}</span>
                                                </div>
                                                @if($newApplicationsCount)
                                                    <div class="ml-2">
                                                        <span class="badge badge-primary text-xs badge-sm font-weight-bolder mb-1 mb-md-0">{{$newApplicationsCount}} {{__('new')}}</span>
                                                    </div>
                                                @endif
                                                <div class="d-flex align-items-center ml-2">
                                                    @include('elements.icon',['icon'=>'time-outline','variant'=>'small', 'classes' => 'mr-1'])
                                                    {{__('Renews')}} {{$job->activeSubscription->expires_at->format('M j')}}
                                                </div>
                                            </div>
                                            @endif
                                            </p>
                                            @else
                                                <div class="owner-listing-status-line d-flex flex-row flex-wrap align-items-center w-auto">
                                                    <div>
                                                        <div class="badge badge-warning-outline text-xs badge-sm font-weight-bolder mb-1 mb-md-0">{{__('Inactive')}}</div>
                                                    </div>
                                                    <a class="d-none d-md-flex ml-md-2 font-weight-bold text-dark-r align-items-center" href="{{route('jobs.packages',['jobID' => $job->id])}}">
                                                        @include('elements.icon',['icon'=>'refresh-outline','variant'=>'small', 'classes' => 'mr-1'])
                                                        {{__('Renew listing')}}
                                                    </a>
                                                </div>

                                            @endif
                                </div>
                            @else
                                <p class="mb-1 text-truncate">{{isset($job->type->name) ? $job->type->name : __('No type')}} - {{$job->salary}}</p>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="{{$isOwnerListing ? 'col-12 col-lg-6 owner-listing-actions-column' : 'col-sm-12 col-md-6 col-lg-5 flex-row flex-md-row-reverse mt-1 mb-0 pr-0 pr-lg-4'}}">
                    @if($isOwnerListing)
                        <div class="owner-listing-actions d-flex flex-column align-items-lg-end justify-content-center h-100">
                            <div class="owner-listing-buttons d-flex flex-wrap justify-content-lg-end align-items-center">
                                <a class="owner-listing-primary-action" href="{{route('my.jobs.applicants',['jobID' => $job->id])}}">
                                    <span>{{$internalApplicationsCount}}</span>
                                    {{__('Applicants')}}
                                </a>
                                <a class="btn-text btn-text-primary owner-listing-link-action" href="{{route('my.jobs.edit',['jobID' => $job->id])}}">
                                    {{__('Edit')}}
                                </a>

                                <div class="dropdown {{Cookie::get('app_rtl') == 'rtl' ? 'dropright' : 'dropleft'}}">
                                    <a class="owner-listing-more" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" title="{{__('More actions')}}">
                                        @include('elements.icon',['icon'=>'ellipsis-horizontal-outline'])
                                    </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="{{route('jobs.get',[ 'slug'=>$job->slug])}}">{{__('View listing')}}</a>
                                        <a class="dropdown-item" href="{{route('jobs.packages',['jobID' => $job->id])}}">
                                            {{
                                                $job->activeSubscription && $job->activeSubscription->status === \App\Model\Subscription::ACTIVE_STATUS
                                                ?
                                                __('Update plan')
                                                :
                                                __('Renew listing')
                                            }}
                                        </a>
                                        <a class="dropdown-item" href="javascript:void(0)" onclick="shareOrCopyLink('{{route('jobs.get',[ 'slug'=>$job->slug])}}')">{{__('Copy link')}}</a>
                                        @if($job->activeSubscription && \App\Providers\SettingsServiceProvider::subscriptionCancelAvailable($job->activeSubscription))
                                            <a class="dropdown-item" href="javascript:void(0)" onclick="SubscriptionsSettings.confirmSubCancelation({{$job->activeSubscription->id}})">{{__('Cancel subscription')}}</a>
                                        @endif
                                        <a class="dropdown-item text-danger" href="javascript:void(0);" onclick="Job.confirmDelete({{$job->id}})">{{__('Delete')}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class=" ">

                            <div class="listing-sub-details">
                                <div class="mb-1 d-flex align-items-center justify-content-start justify-content-md-end mt-2 pl-3 pl-md-0">
                                    @if($job->decodedSkills)
                                        @foreach(collect($job->decodedSkills)->slice(0,3) as $i => $skill)
                                            <span class="badge badge-primary badge-primary-outline badge badge-pill mr-2 mr-md-0 ml-md-2 {{$i === 2 ? 'd-none d-lg-block' : ''}}">{{$skill->name}}</span>
                                        @endforeach
                                    @endif
                                    <div class="ml-2 flex-shrink-0">
                                        @include('elements.listings.save-job-button', ['job' => $job, 'variant' => 'compact'])
                                    </div>
                                </div>

                                <div class="mb-1 d-flex flex-row flex-md-row-reverse align-items-center pl-3 pl-md-0">
                                    <div class="d-flex text-truncate mb-1 mt-1">
                                        <div class="d-flex align-items-center text-muted">
                                            @include('elements.icon',['icon'=>'globe-outline', 'centered' => false, 'classes' => 'mr-1'])
                                            <div class=" d-flex align-items-center text-truncate">
                                                <div class="text-truncate max-width-150">
                                                    {{$job->location}}
                                                </div>
                                            </div>
                                        </div>
{{--                                        <div class="ml-3 d-flex align-items-center text-muted">--}}
{{--                                            @include('elements.icon',['icon'=>'calendar-clear-outline', 'centered' => false, 'classes' => 'mr-1'])--}}
{{--                                            {{$job->created_at->diffForHumans()}}--}}
{{--                                        </div>--}}
                                    </div>
                                </div>
                            </div>
                        </div>

                    @endif
                    @include('elements.settings.transaction-cancel-dialog')
                </div>
            </div>
        </div>
    </div>
</div>