@extends('layouts.public')
@section('title', $candidate->name . ' — Manifesto')

@section('content')
<div class="page-hero">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-2">
                <li class="breadcrumb-item"><a href="{{ route('manifesto.index') }}" class="text-white-50">Manifesto</a></li>
                <li class="breadcrumb-item active text-white">{{ $candidate->name }}</li>
            </ol>
        </nav>
        <h1 class="fw-bold mb-1">{{ $candidate->name }}</h1>
        <p class="mb-0 opacity-75">Running for: <strong>{{ $candidate->position->name }}</strong></p>
    </div>
</div>

<div class="container py-5">
    <div class="row g-4">
        <div class="col-md-4">
            <div class="card p-4 text-center sticky-top" style="top:80px">
                @if($candidate->photo)
                    <img src="{{ asset('storage/' . $candidate->photo) }}" alt="{{ $candidate->name }}" class="candidate-photo mb-3">
                @else
                    <div class="candidate-photo-placeholder mb-3">
                        <i class="bi bi-person-fill"></i>
                    </div>
                @endif
                <h4 class="fw-bold mb-1">{{ $candidate->name }}</h4>
                <span class="badge-position mb-3">{{ $candidate->position->name }}</span>

                @if($candidate->manifesto)
                <a href="{{ asset('storage/' . $candidate->manifesto) }}" target="_blank" class="btn btn-primary w-100 mb-2">
                    <i class="bi bi-file-earmark-pdf me-1"></i>Download Manifesto (PDF)
                </a>
                @endif
                <a href="{{ route('manifesto.index') }}" class="btn btn-outline-secondary w-100 btn-sm">
                    <i class="bi bi-arrow-left me-1"></i>Back to All Candidates
                </a>
            </div>
        </div>
        <div class="col-md-8">
            @if($candidate->bio)
            <div class="card p-4 mb-4">
                <h5 class="fw-bold mb-3"><i class="bi bi-person-lines-fill me-2 text-primary"></i>Biography</h5>
                <p class="mb-0" style="line-height:1.8">{{ $candidate->bio }}</p>
            </div>
            @endif

            @if($candidate->campaign_message)
            <div class="card p-4 mb-4">
                <h5 class="fw-bold mb-3"><i class="bi bi-megaphone-fill me-2 text-primary"></i>Campaign Message</h5>
                <blockquote class="blockquote mb-0">
                    <p style="line-height:1.8">{{ $candidate->campaign_message }}</p>
                </blockquote>
            </div>
            @endif

            @if($candidate->manifesto)
            <div class="card p-4">
                <h5 class="fw-bold mb-3"><i class="bi bi-file-earmark-text me-2 text-primary"></i>Manifesto Document</h5>
                <p class="text-muted">The candidate has uploaded a full manifesto document.</p>
                <a href="{{ asset('storage/' . $candidate->manifesto) }}" target="_blank" class="btn btn-primary">
                    <i class="bi bi-file-earmark-pdf me-1"></i>View / Download PDF
                </a>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection