@extends(JobBoardHelper::viewPath('dashboard.layouts.master'))

@section('content')
    <x-core::stat-widget class="mb-3 row-cols-1 row-cols-sm-2 row-cols-md-3">
        <x-core::stat-widget.item
            :label="__('Jobs')"
            :value="$totalJobs"
            icon="ti ti-briefcase"
            color="primary"
        />

        <x-core::stat-widget.item
            :label="__('Companies')"
            :value="$totalCompanies"
            icon="ti ti-building"
            color="success"
        />

        <x-core::stat-widget.item
            :label="__('Applicants')"
            :value="$totalApplicants"
            icon="ti ti-users-group"
            color="danger"
        />
    </x-core::stat-widget>

    <div class="row row-cards mb-3">
        <div class="col-lg-6">
            <x-core::card>
                <x-core::card.header>
                    <x-core::card.title>
                        {{ __('New Applicants') }}
                    </x-core::card.title>
                </x-core::card.header>
                <div class="list-group list-group-flush">
                    @forelse ($newApplicants as $applicant)
                        <div class="list-group-item">
                            <div class="row align-items-center">
                                <div class="col text-truncate">
                                    <a href="{{ route('public.account.applicants.edit', $applicant->id) }}" class="text-reset d-block">{{ $applicant->full_name }}</a>
                                    <div class="d-block text-secondary text-truncate mt-n1">{{ $applicant->email }}</div>
                                </div>
                                <div class="col-auto">
                                    <a href="{{ route('public.account.applicants.edit', $applicant->id) }}" class="list-group-item-actions" title="{{ __('View') }}">
                                        <x-core::icon name="ti ti-eye" />
                                    </a>
                                </div>
                            </div>
                        </div>
                    @empty
                        <x-core::empty-state
                            :title="__('No new applicants')"
                            :subtitle="__('There are no new applicants.')"
                        />
                    @endforelse
                </div>
            </x-core::card>
        </div>
        <div class="col-lg-6">
            <x-core::card>
                <x-core::card.header>
                    <x-core::card.title>
                        {{ __('Recent activities') }}
                    </x-core::card.title>
                </x-core::card.header>
                <div class="list-group list-group-flush">
                    @forelse ($activities as $activity)
                        <div class="list-group-item">
                            <div class="row align-items-center">
                                <div class="col text-truncate">
                                    <div class="d-block text-secondary text-truncate">{!! BaseHelper::clean($activity->getDescription(false)) !!}</div>
                                </div>
                                <div class="col-auto">
                                    <div class="d-flex align-items-center gap-1">
                                        <x-core::icon name="ti ti-clock" />
                                        {{ $activity->created_at->diffForHumans() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <x-core::empty-state
                            :title="__('No recent activities')"
                            :subtitle="__('There are no recent activities.')"
                        />
                    @endforelse
                </div>
            </x-core::card>
        </div>
    </div>

    <x-core::card>
        <x-core::card.header>
            <x-core::card.title>
                {{ __('Jobs are about to expire') }}
            </x-core::card.title>
        </x-core::card.header>
        <div class="table-responsive">
            <x-core::table>
                <x-core::table.header>
                    <x-core::table.header.cell>
                        {{ __('Job Name') }}
                    </x-core::table.header.cell>
                    <x-core::table.header.cell>
                        {{ __('Company') }}
                    </x-core::table.header.cell>
                    <x-core::table.header.cell>
                        {{ __('Expire date') }}
                    </x-core::table.header.cell>
                    <x-core::table.header.cell>
                        {{ __('Status') }}
                    </x-core::table.header.cell>
                    <x-core::table.header.cell>
                        {{ __('Total applicants') }}
                    </x-core::table.header.cell>
                    <x-core::table.header.cell>
                        {{ __('Actions') }}
                    </x-core::table.header.cell>
                </x-core::table.header>
                <x-core::table.body>
                    @foreach ($expiredJobs as $job)
                        <x-core::table.body.row>
                            <x-core::table.body.cell>
                                <a class="fw-bold" href="{{ route('public.account.jobs.edit', $job->id) }}">
                                    {{ $job->name }}
                                </a>
                            </x-core::table.body.cell>
                            <x-core::table.body.cell>
                                {{ $job->company->name }}
                            </x-core::table.body.cell>
                            <x-core::table.body.cell>
                                {{ BaseHelper::formatDate($job->expire_date) }}
                            </x-core::table.body.cell>
                            <x-core::table.body.cell>
                                {!! $job->status->toHtml() !!}
                            </x-core::table.body.cell>
                            <x-core::table.body.cell>
                                {{ $job->applicants_count }}
                            </x-core::table.body.cell>
                            <x-core::table.body.cell>
                                <div class="btn-list">
                                    <x-core::button
                                        tag="a"
                                        color="primary"
                                        icon="ti ti-edit"
                                        size="sm"
                                        :icon-only="true"
                                        :href="route('public.account.jobs.edit', $job->id)"
                                        data-bs-toggle="tooltip"
                                        title="{{ __('View') }}"
                                    />

                                    @if (auth('account')->user()->canPost())
                                        <x-core::form
                                            :url="route('public.account.jobs.renew', $job->id)"
                                            id="form-renew-job-{{ $job->id }}"
                                            onsubmit="return confirm('{{ __('Do you really want to submit the form?') }}');"
                                        >
                                            <x-core::button
                                                tag="button"
                                                color="success"
                                                size="sm"
                                                type="submit"
                                            >
                                                {{ __('Renew') }}
                                            </x-core::button>
                                        </x-core::form>
                                    @else
                                        <x-core::button
                                            tag="a"
                                            color="primary"
                                            size="sm"
                                            :href="route('public.account.packages')"
                                            data-bs-toggle="tooltip"
                                            title="{{ __('Please purchase credits to renew this job') }}"
                                        >
                                            {{ __('Buy credits') }}
                                        </x-core::button>
                                    @endif
                                </div>
                            </x-core::table.body.cell>
                        </x-core::table.body.row>
                    @endforeach
                </x-core::table.body>
            </x-core::table>
        </div>
    </x-core::card>
@stop