@extends('layouts.user-no-nav')

@section('page_title', __('Publisher dashboard'))

@section('styles')
    {!!
        Minify::stylesheet([
            '/css/pages/home.css',
            '/css/pages/publisher-dashboard.css',
         ])->withFullUrl()
    !!}
@stop

@section('content')
    <div class="container">
        @include('elements.page-navigation-header',[
            'title' => __('Publisher dashboard'),
            'points' => [
                ['title' => __('Home'), 'route' => route('home')],
                ['title' => __('Publisher dashboard')],
            ],
            'button' => [
                'title' => __('New job'),
                'route' => route('jobs.create')
            ]
        ])

        @include('elements.message-alert',['classes'=>'alert-box pt-0 pb-4'])

        @if(count($publisherNextSteps))
            <div class="card rounded-xl shadow-sm mb-4">
                <div class="card-body">
                    <h5 class="font-weight-bold mb-3">{{__('Next steps')}}</h5>
                    <div class="row">
                        @foreach($publisherNextSteps as $step)
                            <div class="col-12 col-lg-4 mb-3 mb-lg-0">
                                <div class="next-step-item h-100 d-flex flex-column">
                                    <div class="font-weight-bold mb-2">{{$step['title']}}</div>
                                    <p class="text-muted mb-3">{{$step['description']}}</p>
                                    <a class="btn btn-outline-primary btn-sm mt-auto mb-0" href="{{$step['route']}}">{{$step['button']}}</a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        <div class="row mb-4">
            <div class="col-12 col-lg-8 mb-4">
                <div class="card rounded-xl shadow-sm h-100">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h4 class="font-weight-bold mb-2">{{$workspace->name}}</h4>
                                <p class="text-muted mb-0">{{__('Manage companies, listings, billing, and hiring tools from this workspace.')}}</p>
                            </div>
                            <span class="badge badge-primary">{{$workspaceStatusLabel}}</span>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-12 col-md-3 mb-3 mb-md-0">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="dashboard-stat-heading d-flex align-items-center mb-3">
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'briefcase-outline','variant'=>'small'])
                                        </div>
                                        <div class="text-muted dashboard-stat-label">{{__('Jobs')}}</div>
                                    </div>
                                    <div class="mb-3">
                                        <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$jobsCount}}</div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Manage live and draft listings.')}}</div>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-3 mb-md-0">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="dashboard-stat-heading d-flex align-items-center mb-3">
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'business-outline','variant'=>'small'])
                                        </div>
                                        <div class="text-muted dashboard-stat-label">{{__('Companies')}}</div>
                                    </div>
                                    <div class="mb-3">
                                        <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$companiesCount}}</div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Reuse employer profiles.')}}</div>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-3 mb-md-0">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="dashboard-stat-heading d-flex align-items-center mb-3">
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'people-outline','variant'=>'small'])
                                        </div>
                                        <div class="text-muted dashboard-stat-label">{{__('Applicants')}}</div>
                                    </div>
                                    <div class="mb-3">
                                        <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$applicationsNeedingReviewCount}}</div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Review fresh applications.')}}</div>
                                </div>
                            </div>
                            <div class="col-12 col-md-3">
                                <div class="dashboard-stat rounded-xl p-3 d-flex flex-column">
                                    <div class="dashboard-stat-heading d-flex align-items-center mb-3">
                                        <div class="dashboard-stat-icon d-flex align-items-center justify-content-center">
                                            @include('elements.icon',['icon'=>'checkmark-circle-outline','variant'=>'small'])
                                        </div>
                                        <div class="text-muted dashboard-stat-label">{{__('Shortlisted')}}</div>
                                    </div>
                                    <div class="mb-3">
                                        <div class="h4 font-weight-bold mb-0 dashboard-stat-value">{{$shortlistedApplicationsCount}}</div>
                                    </div>
                                    <div class="small text-muted mt-auto">{{__('Keep strong candidates close.')}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-lg-4 mb-4">
                <div class="card rounded-xl shadow-sm h-100">
                    <div class="card-body d-flex flex-column">
                        <h5 class="font-weight-bold mb-1">{{__('Quick actions')}}</h5>
                        <p class="text-muted mb-1">{{__('Common hiring tasks.')}}</p>
                        <div class="quick-actions-list">
                            <a class="btn btn-primary btn-block mb-0" href="{{route('jobs.create')}}">{{__('Post a job')}}</a>
                            <a class="btn btn-outline-primary btn-block mb-0" href="{{route('my.companies.create')}}">{{__('Add company')}}</a>
                            <a class="btn btn-outline-primary btn-block mb-0" href="{{route('my.jobs.get')}}">{{__('View listings')}}</a>
                            <a class="btn btn-outline-primary btn-block mb-0" href="{{route('my.jobs.applicants.index')}}">{{__('Review applicants')}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-12 col-lg-8 mb-3">
                <div class="card rounded-xl shadow-sm h-100">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="font-weight-bold mb-0">{{__('Applicants needing review')}}</h5>
                            <a class="btn-text btn-text-primary" href="{{route('my.jobs.applicants.index')}}">{{__('View all')}}</a>
                        </div>

                        @if($applicationsNeedingReview->count())
                            @foreach($applicationsNeedingReview as $application)
                                <div class="publisher-application-item">
                                    <div class="d-flex flex-column flex-md-row justify-content-between">
                                        <div class="min-width-0">
                                            <a class="font-weight-bold text-dark d-block text-truncate" href="{{route('my.jobs.applicants.show', ['applicationID' => $application->id])}}">{{$application->candidateDisplayName()}}</a>
                                            @if($application->job)
                                                <a class="text-dark-r d-block text-truncate" href="{{route('my.jobs.applicants', ['jobID' => $application->job->id])}}">{{$application->job->title}}</a>
                                                <div class="text-muted small">{{$application->job->company ? $application->job->company->name : __('Company')}}</div>
                                            @else
                                                <div class="text-muted">{{__('Job no longer available')}}</div>
                                            @endif
                                        </div>
                                        <div class="mt-2 mt-md-0 text-md-right">
                                            <span class="badge badge-primary-outline badge-pill">{{__('New')}}</span>
                                            <div class="text-muted small mt-1">{{optional($application->appliedDate())->format('M j')}}</div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            <div class="py-3">
                                <h6 class="font-weight-bold mb-2">{{__('No applicants need review')}}</h6>
                                <p class="text-muted mb-3">{{__('New candidates will appear here as soon as they apply with JustJobs.')}}</p>
                                <a class="btn btn-outline-primary mb-0" href="{{route('my.jobs.get')}}">{{__('Open job listings')}}</a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-4 mb-3">
                <div class="card rounded-xl shadow-sm h-100">
                    <div class="card-body">
                        <h5 class="font-weight-bold">{{__('Workspace health')}}</h5>
                        <div class="workspace-health-stat d-flex justify-content-between align-items-center">
                            <div class="text-muted">{{__('Active listings')}}</div>
                            <div class="h4 font-weight-bold mb-0">{{$activeJobsCount}}</div>
                        </div>
                        <div class="workspace-health-stat d-flex justify-content-between align-items-center">
                            <div class="text-muted">{{__('Total applicants')}}</div>
                            <div class="h4 font-weight-bold mb-0">{{$applicationsCount}}</div>
                        </div>
                        <p class="text-muted small mt-3 mb-0">{{__('Plans, company profiles, and hiring activity stay tied to this workspace.')}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection