<?php
require_once 'data/data.php';

// Obter ID do projeto
$project_id = isset($_GET['id']) ? (int)$_GET['id'] : 0;

// Encontrar o projeto
$project = null;
foreach ($projects as $p) {
    if ($p['id'] === $project_id) {
        $project = $p;
        break;
    }
}

// Se projeto não encontrado, redirecionar
if (!$project) {
    header('Location: portfolio.php');
    exit;
}

$page_title = $project['title'];
$page_description = $project['description'];

include 'includes/header.php';
?>

<main class="main">
    <!-- Project Header -->
    <section class="project-header section">
        <div class="container">
            <div class="project-header__content">
                <div class="project-header__breadcrumb">
                    <a href="index.php">Início</a>
                    <i class="fas fa-chevron-right"></i>
                    <a href="portfolio.php">Portfólio</a>
                    <i class="fas fa-chevron-right"></i>
                    <span><?php echo $project['title']; ?></span>
                </div>

                <h1 class="project-header__title"><?php echo $project['title']; ?></h1>
                <p class="project-header__category"><?php echo ucfirst(str_replace('-', ' ', $project['category'])); ?></p>

                <div class="project-header__meta">
                    <div class="project-meta__item">
                        <i class="fas fa-tag"></i>
                        <span>Categoria: <?php echo ucfirst(str_replace('-', ' ', $project['category'])); ?></span>
                    </div>
                    <div class="project-meta__item">
                        <i class="fas fa-code"></i>
                        <span>Tecnologias: <?php echo implode(', ', $project['technologies']); ?></span>
                    </div>
                    <?php if ($project['url'] !== '#'): ?>
                        <div class="project-meta__item">
                            <i class="fas fa-external-link-alt"></i>
                            <a href="<?php echo $project['url']; ?>" target="_blank">Ver Projeto Online</a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </section>

    <!-- Project Content -->
    <section class="project-content section">
        <div class="container">
            <div class="project-content__grid">
                <div class="project-content__image">
                    <img src="assets/images/projects/<?php echo $project['image']; ?>"
                        alt="<?php echo $project['title']; ?>"
                        class="project-image">
                </div>

                <div class="project-content__info">
                    <div class="project-info__section">
                        <h2 class="project-info__title">Sobre o Projeto</h2>
                        <p class="project-info__description"><?php echo $project['description']; ?></p>
                    </div>

                    <div class="project-info__section">
                        <h3 class="project-info__subtitle">Tecnologias Utilizadas</h3>
                        <div class="project-tech">
                            <?php foreach ($project['technologies'] as $tech): ?>
                                <span class="tech-tag tech-tag--large"><?php echo $tech; ?></span>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <div class="project-info__section">
                        <h3 class="project-info__subtitle">Características do Projeto</h3>
                        <ul class="project-features">
                            <li><i class="fas fa-check"></i> Design responsivo e moderno</li>
                            <li><i class="fas fa-check"></i> Otimizado para performance</li>
                            <li><i class="fas fa-check"></i> Interface intuitiva e user-friendly</li>
                            <li><i class="fas fa-check"></i> Código limpo e bem estruturado</li>
                            <?php if ($project['category'] === 'web-design'): ?>
                                <li><i class="fas fa-check"></i> SEO otimizado</li>
                                <li><i class="fas fa-check"></i> Compatível com todos os navegadores</li>
                            <?php endif; ?>
                        </ul>
                    </div>

                    <div class="project-info__actions">
                        <?php if ($project['url'] !== '#'): ?>
                            <a href="<?php echo $project['url']; ?>" target="_blank" class="btn btn--primary">
                                <i class="fas fa-external-link-alt"></i>
                                Ver Projeto Online
                            </a>
                        <?php endif; ?>
                        <a href="https://wa.me/<?php echo str_replace(['+', ' ', '(', ')', '-'], '', $contact_info['whatsapp']); ?>?text=Olá! Vi seu portfólio e gostaria de conversar sobre um projeto." target="_blank" class="btn btn--outline">
                            <i class="fas fa-paper-plane"></i>
                            Solicitar Orçamento
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Project Navigation -->
    <section class="project-navigation section">
        <div class="container">
            <div class="project-nav__content">
                <?php
                // Encontrar projeto anterior
                $prev_project = null;
                $next_project = null;
                $current_index = array_search($project, $projects);

                if ($current_index > 0) {
                    $prev_project = $projects[$current_index - 1];
                }
                if ($current_index < count($projects) - 1) {
                    $next_project = $projects[$current_index + 1];
                }
                ?>

                <div class="project-nav__item">
                    <?php if ($prev_project): ?>
                        <a href="project.php?id=<?php echo $prev_project['id']; ?>" class="project-nav__link project-nav__link--prev">
                            <i class="fas fa-chevron-left"></i>
                            <div class="project-nav__info">
                                <span class="project-nav__label">Projeto Anterior</span>
                                <span class="project-nav__title"><?php echo $prev_project['title']; ?></span>
                            </div>
                        </a>
                    <?php endif; ?>
                </div>

                <div class="project-nav__item project-nav__item--center">
                    <a href="portfolio.php" class="btn btn--outline">
                        <i class="fas fa-grid-3x3"></i>
                        Ver Todos os Projetos
                    </a>
                </div>

                <div class="project-nav__item">
                    <?php if ($next_project): ?>
                        <a href="project.php?id=<?php echo $next_project['id']; ?>" class="project-nav__link project-nav__link--next">
                            <div class="project-nav__info">
                                <span class="project-nav__label">Próximo Projeto</span>
                                <span class="project-nav__title"><?php echo $next_project['title']; ?></span>
                            </div>
                            <i class="fas fa-chevron-right"></i>
                        </a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </section>

    <!-- Related Projects -->
    <section class="related-projects section">
        <div class="container">
            <div class="section__header">
                <h2 class="section__title">Projetos Relacionados</h2>
                <p class="section__subtitle">Outros projetos que podem interessar você</p>
            </div>

            <div class="portfolio__container">
                <?php
                // Filtrar projetos da mesma categoria (excluindo o atual)
                $related_projects = array_filter($projects, function ($p) use ($project) {
                    return $p['category'] === $project['category'] && $p['id'] !== $project['id'];
                });

                // Limitar a 3 projetos
                $related_projects = array_slice($related_projects, 0, 3);

                foreach ($related_projects as $related):
                ?>
                    <div class="portfolio__item">
                        <div class="portfolio__image">
                            <img src="assets/images/projects/<?php echo $related['image']; ?>" alt="<?php echo $related['title']; ?>">
                            <div class="portfolio__overlay">
                                <div class="portfolio__content">
                                    <h3 class="portfolio__title"><?php echo $related['title']; ?></h3>
                                    <p class="portfolio__category"><?php echo ucfirst(str_replace('-', ' ', $related['category'])); ?></p>
                                    <div class="portfolio__buttons">
                                        <a href="project.php?id=<?php echo $related['id']; ?>" class="btn btn--small btn--primary">
                                            <i class="fas fa-eye"></i>
                                            Ver Detalhes
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta section">
        <div class="container">
            <div class="cta__content">
                <h2 class="cta__title">Interessado em um Projeto Similar?</h2>
                <p class="cta__description">
                    Entre em contato e vamos conversar sobre como posso ajudar você a criar algo incrível.
                </p>
                <div class="cta__buttons">
                    <a href="https://wa.me/<?php echo str_replace(['+', ' ', '(', ')', '-'], '', $contact_info['whatsapp']); ?>?text=Olá! Vi seu portfólio e gostaria de conversar sobre um projeto."
                        target="_blank" class="btn btn--primary btn--large">
                        <i class="fas fa-paper-plane"></i>
                        Solicitar Orçamento
                    </a>
                </div>
            </div>
        </div>
    </section>
</main>

<?php include 'includes/footer.php'; ?>