@extends('employer.layout')
@section('title', 'Company dashboard')
@section('content')
<main class="page company-page">
    <div class="dashboard-heading">
        <div>
            <span class="eyebrow">Company workspace</span>
            <h1 class="title">{{ $employer->company_name }}</h1>
            <p class="muted">Your hiring overview, recent applicants, and job listings.</p>
        </div>
        <a class="button" href="{{ route('employer.applications') }}">Review applications</a>
    </div>

    @if (session('status'))<div class="flash" role="status">{{ session('status') }}</div>@endif
    @if ($errors->any())<div class="error" role="alert">{{ $errors->first() }}</div>@endif

    @unless ($employer->is_verified)
        <div class="banner"><span aria-hidden="true">⏳</span><div><strong>Your company is waiting for admin review.</strong>You can prepare job drafts now. Publishing will be available after your company is verified.</div></div>
    @endunless

    <section class="stats company-stats" aria-label="Company hiring summary">
        <div class="stat"><div class="stat-label">Total jobs</div><div class="stat-value">{{ number_format($jobCount) }}</div><div class="stat-note">All your job postings</div></div>
        <div class="stat"><div class="stat-label">Published jobs</div><div class="stat-value">{{ number_format($openCount) }}</div><div class="stat-note">Visible to job seekers</div></div>
        <div class="stat"><div class="stat-label">Draft jobs</div><div class="stat-value">{{ number_format($draftCount) }}</div><div class="stat-note">Ready for more work</div></div>
        <div class="stat"><div class="stat-label">Applications</div><div class="stat-value">{{ number_format($applicationCount) }}</div><div class="stat-note">Across all your jobs</div></div>
        <div class="stat stat-highlight"><div class="stat-label">New applications</div><div class="stat-value">{{ number_format($newApplicationCount) }}</div><div class="stat-note">Waiting for your review</div></div>
        <div class="stat"><div class="stat-label">Upcoming interviews</div><div class="stat-value">{{ number_format($upcomingInterviewCount) }}</div><div class="stat-note">Scheduled with applicants</div></div>
    </section>

    <section class="dashboard-grid" aria-label="Hiring activity and recent applications">
        <div class="panel activity-panel">
            <div class="panel-heading"><div><h2 class="section-title">Hiring activity</h2><p class="muted">Applications received over the last 7 days.</p></div><span class="activity-total">{{ number_format($dailyApplications->sum('total')) }}<small>this week</small></span></div>
            <div class="activity-chart" role="img" aria-label="Applications received each day over the last seven days">
                @foreach ($dailyApplications as $day)
                    @php($barHeight = $day['total'] > 0 ? max(8, (int) round(($day['total'] / $maxDailyApplications) * 100)) : 3)
                    <div class="chart-day" title="{{ $day['date'] }}: {{ $day['total'] }} {{ \Illuminate\Support\Str::plural('application', $day['total']) }}">
                        <span class="chart-count">{{ $day['total'] ?: '' }}</span>
                        <div class="chart-track"><span class="chart-bar" style="height:{{ $barHeight }}%"></span></div>
                        <span class="chart-label">{{ $day['label'] }}</span>
                    </div>
                @endforeach
            </div>
        </div>

        <div class="panel status-panel">
            <h2 class="section-title">Application status</h2>
            @php($statusLabels = ['submitted' => 'Submitted', 'reviewing' => 'Reviewing', 'shortlisted' => 'Shortlisted', 'rejected' => 'Rejected', 'hired' => 'Hired'])
            @if ($applicationCount === 0)
                <p class="empty compact-empty">Applications will appear here when people apply to your jobs.</p>
            @else
                <div class="status-list">
                    @foreach ($statusLabels as $statusKey => $statusLabel)
                        @php($statusTotal = (int) ($applicationStatuses->firstWhere('status', $statusKey)?->total ?? 0))
                        <div class="status-row"><span>{{ $statusLabel }}</span><strong>{{ number_format($statusTotal) }}</strong></div>
                    @endforeach
                </div>
                <a class="text-link" href="{{ route('employer.applications') }}">Open applicant list <span aria-hidden="true">→</span></a>
            @endif
        </div>
    </section>

    <section class="panel recent-panel">
        <div class="panel-heading"><div><h2 class="section-title">Recent applications</h2><p class="muted">The latest people who applied to your jobs.</p></div><a class="text-link" href="{{ route('employer.applications') }}">View all <span aria-hidden="true">→</span></a></div>
        @if ($recentApplications->isEmpty())
            <div class="empty">No applications yet. Published jobs will show here as candidates apply.</div>
        @else
            <div class="table-wrap"><table>
                <thead><tr><th>Applicant</th><th>Job</th><th>Applied</th><th>Status</th></tr></thead>
                <tbody>@foreach ($recentApplications as $application)
                    <tr>
                        <td><strong>{{ $application->jobSeeker?->user?->name ?? 'Job seeker' }}</strong></td>
                        <td>{{ $application->jobPosting?->title ?? 'Job posting' }}</td>
                        <td>{{ $application->created_at->format('d M Y') }}</td>
                        <td><span class="badge {{ $application->status === 'hired' ? 'open' : ($application->status === 'rejected' ? 'closed' : 'neutral') }}">{{ $statusLabels[$application->status] ?? str($application->status)->replace('_', ' ')->title() }}</span></td>
                    </tr>
                @endforeach</tbody>
            </table></div>
        @endif
    </section>

    <section class="panel jobs-panel">
        <div class="panel-heading"><div><h2 class="section-title">Your job postings</h2><p class="muted">Manage the roles your company is hiring for.</p></div><a class="text-link" href="#create-job">Create a job <span aria-hidden="true">↓</span></a></div>
        @if ($jobs->isEmpty())
            <div class="empty">You haven’t created any job postings yet.</div>
        @else
            <div class="table-wrap"><table>
                <thead><tr><th>Position</th><th>Location</th><th>Employment</th><th>Status</th><th>Posted</th><th>Manage</th></tr></thead>
                <tbody>@foreach ($jobs as $job)
                    <tr>
                        <td><strong>{{ $job->title }}</strong><span class="sub">{{ $job->category?->name ?: 'Uncategorized' }}</span></td>
                        <td>{{ collect([$job->town, $job->county?->name])->filter()->join(', ') ?: 'Not specified' }}</td>
                        <td>{{ str($job->employment_type)->replace('_', ' ')->title() }}</td>
                        <td><span class="badge {{ $job->status === 'open' ? 'open' : ($job->status === 'closed' ? 'closed' : 'neutral') }}">{{ ucfirst($job->status) }}</span></td>
                        <td>{{ $job->created_at->format('d M Y') }}</td><td><a class="button button-light" href="{{ route('employer.jobs.edit', $job) }}">Edit / close</a></td>
                    </tr>
                @endforeach</tbody>
            </table></div>
            <div class="pagination">{{ $jobs->links() }}</div>
        @endif
    </section>

    <section class="panel" id="create-job">
        <h2 class="section-title">Create a job posting</h2>
        <p class="muted section-intro">Add the role details so job seekers can find and apply for it.</p>
        <form method="POST" action="{{ route('employer.jobs.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="grid">
                <div class="field"><label for="title">Job title *</label><input class="input" id="title" name="title" value="{{ old('title') }}" maxlength="255" required></div>
                <div class="field"><label for="category_id">Category</label><select class="input" id="category_id" name="category_id"><option value="">Choose a category</option>@foreach ($categories as $category)<option value="{{ $category->id }}" @selected(old('category_id') == $category->id)>{{ $category->name }}</option>@endforeach</select></div>
                <div class="field"><label for="employment_type">Employment type *</label><select class="input" id="employment_type" name="employment_type" required><option value="full_time">Full-time</option><option value="part_time">Part-time</option><option value="contract">Contract</option><option value="temporary">Temporary</option><option value="internship">Internship</option></select></div>
                <div class="field"><label for="work_mode">Work arrangement *</label><select class="input" id="work_mode" name="work_mode" required><option value="onsite">On-site</option><option value="hybrid">Hybrid</option><option value="remote">Remote</option></select></div>
                <div class="field"><label for="career_level">Career level</label><input class="input" id="career_level" name="career_level" value="{{ old('career_level') }}" maxlength="100" placeholder="e.g. Entry level"></div>
                <div class="field"><label for="county_id">County</label><select class="input" id="county_id" name="county_id"><option value="">Choose a county</option>@foreach ($counties as $county)<option value="{{ $county->id }}" @selected(old('county_id') == $county->id)>{{ $county->name }}</option>@endforeach</select></div>
                <div class="field"><label for="town">Town</label><input class="input" id="town" name="town" value="{{ old('town') }}" maxlength="255" list="job-cities"><datalist id="job-cities">@foreach ($cities as $city)<option value="{{ $city->name }}">{{ $city->county->name }}</option>@endforeach</datalist></div>
                <div class="field"><label for="application_deadline">Application deadline</label><input class="input" id="application_deadline" type="date" name="application_deadline" value="{{ old('application_deadline') }}"></div>
                <div class="field"><label for="salary_min">Minimum salary (KES)</label><input class="input" id="salary_min" type="number" step="0.01" min="0" name="salary_min" value="{{ old('salary_min') }}"></div>
                <div class="field"><label for="salary_max">Maximum salary (KES)</label><input class="input" id="salary_max" type="number" step="0.01" min="0" name="salary_max" value="{{ old('salary_max') }}"></div>
                <div class="field span-2"><label for="description">Job description *</label><textarea class="input" id="description" name="description" rows="5" required>{{ old('description') }}</textarea></div>
                <div class="field span-2"><label for="requirements">Requirements</label><textarea class="input" id="requirements" name="requirements" rows="3">{{ old('requirements') }}</textarea></div>
                <div class="field span-2"><label for="responsibilities">Responsibilities</label><textarea class="input" id="responsibilities" name="responsibilities" rows="3">{{ old('responsibilities') }}</textarea></div>
                <div class="field span-2"><label for="job-cover-image">Job cover image <span class="muted">(optional)</span></label><input class="input" id="job-cover-image" name="cover_image" type="file" accept="image/jpeg,image/png,image/webp"><p class="hint">JPG, PNG, or WebP, up to 5 MB.</p></div>
            </div>
            <input type="hidden" name="salary_currency" value="KES">
            <div class="form-end">
                @if ($employer->is_verified)
                    <label class="muted publish-choice"><input type="radio" name="status" value="draft" checked> Save as draft <input type="radio" name="status" value="open"> Publish now</label>
                @else
                    <input type="hidden" name="status" value="draft"><span class="muted publish-choice">Unverified companies can save drafts only.</span>
                @endif
                <button class="button" type="submit">Save job posting</button>
            </div>
        </form>
    </section>

    <section class="panel company-images-panel">
        <h2 class="section-title">Company images</h2>
        <p class="muted section-intro">Add a company logo and cover photo to make your job listings easier to recognize. JPG, PNG, or WebP up to 5 MB.</p>
        <div class="company-image-preview">
            @if ($employer->cover_image)
                <img class="cover-preview" src="{{ route('employer.profile.images.show', 'cover_image') }}" alt="{{ $employer->company_name }} cover image">
            @endif
            @if ($employer->logo)
                <img class="logo-preview" src="{{ route('employer.profile.images.show', 'logo') }}" alt="{{ $employer->company_name }} logo">
            @endif
        </div>
        <form method="POST" action="{{ route('employer.profile.images.update') }}" enctype="multipart/form-data">
            @csrf
            <div class="grid">
                <div class="field"><label for="logo">Company logo</label><input class="input" id="logo" name="logo" type="file" accept="image/jpeg,image/png,image/webp"></div>
                <div class="field"><label for="cover_image">Company cover image</label><input class="input" id="cover_image" name="cover_image" type="file" accept="image/jpeg,image/png,image/webp"></div>
            </div>
            <button class="button button-light" type="submit">Save company images</button>
        </form>
    </section>
</main>
@endsection