@extends('layouts.app')

@section('title', 'Maktubia HR-Data - Sistema de Gestão de Recrutamento')

@section('content')
    <!-- Hero Section -->
<section class="hero-section">
    <div class="container">
        <div class="row align-items-center">
            <!-- Texto e Botões - Esquerda -->
            <div class="col-lg-6 order-2 order-lg-1">
                <h1 class="display-4 fw-bold mb-4">O Futuro da Sua Equipa Começa Aqui.</h1>
                <p class="lead mb-4">Sistema avançado de recrutamento e seleção com matching inteligente de candidatos.</p>

                <div class="d-flex gap-3">
                   @auth
    @php
        $user = Auth::user();
        $dashboardRoute = $user->isRecruiter() ? route('jobs.my') :
                         ($user->isCandidate() ? route('candidate.dashboard') : '#');
    @endphp
    <a href="{{ $dashboardRoute }}" class="btn btn-light btn-lg">Acessar Dashboard</a>
@else
    <a href="{{ route('recruiter.login') }}" class="btn btn-light btn-lg">Começar Agora</a>
@endauth


                </div>
            </div>

            <!-- Formulário de Pesquisa - Direita -->
            <div class="col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0">
                <div class="card bg-dark bg-opacity-25 border-light">
                    <div class="card-body">
                        <h5 class="card-title text-white mb-4">Encontrar Vagas</h5>
                        <form action="{{ route('jobs.index') }}" method="GET" class="row g-3">
                            <div class="col-md-6">
                                <label for="province" class="form-label text-white">Província</label>
                                <select class="form-select select2-search" id="province" name="province">
                                    <option value="">Todas as Províncias</option>
                                    @foreach($provinces as $province)
                                        <option value="{{ $province->id }}" {{ request('province') == $province->id ? 'selected' : '' }}>
                                            {{ $province->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="category" class="form-label text-white">Categoria</label>
                                <select class="form-select select2-search" id="category" name="category">
                                    <option value="">Todas as Categorias</option>
                                    @foreach($categories as $category)
                                        <option value="{{ $category->id }}" {{ request('category') == $category->id ? 'selected' : '' }}>
                                            {{ $category->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-light w-100">
                                    <i class="fas fa-search me-2"></i>Procurar Vagas
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

    <!-- Latest Jobs Section -->

<section class="py-5">
    <div class="container">
        <h2 class="section-title">Recrutadores em Destaque</h2>
        <div class="row g-3">
            @isset($featuredRecruiters)
                @forelse($featuredRecruiters as $recruiter)
                <div class="col-md-4 col-lg-3">
                    <div class="card recruiter-card h-100">
                        <div class="card-body text-center p-3">
                            <!-- Avatar/Logo da Empresa -->
                            <div class="mb-2">
                                <div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center"
                                     style="width: 50px; height: 50px; font-size: 1rem; font-weight: bold;">
                                    {{ substr($recruiter->company_name, 0, 1) }}
                                </div>
                            </div>

                            <h6 class="card-title mb-2">{{ \Illuminate\Support\Str::limit($recruiter->company_name, 20) }}</h6>

                            <!-- Informações da Empresa -->
                            @if($recruiter->company_industry)
                            <p class="card-text text-muted small mb-1">
                                <i class="fas fa-industry me-1"></i>
                                {{ \Illuminate\Support\Str::limit($recruiter->company_industry, 18) }}
                            </p>
                            @endif

                            @if($recruiter->province)
                            <p class="card-text text-muted small mb-2">
                                <i class="fas fa-map-marker-alt me-1"></i>
                                {{ \Illuminate\Support\Str::limit($recruiter->province->name, 15) }}
                                @if($recruiter->city)
                                , {{ \Illuminate\Support\Str::limit($recruiter->city, 10) }}
                                @endif
                            </p>
                            @endif

                            <!-- Botões -->
                            <div class="d-flex gap-1 justify-content-center">
                                <a href="#" class="btn btn-outline-primary btn-sm px-2">
                                    <small>Perfil</small>
                                </a>
                                <a href="{{ route('jobs.index', ['company' => $recruiter->user_id]) }}" class="btn btn-primary btn-sm px-2">
                                    <small>Vagas</small>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                @empty
                <div class="col-12">
                    <div class="text-center py-4">
                        <div class="mb-3">
                            <i class="fas fa-building fa-2x text-muted"></i>
                        </div>
                        <h6 class="text-muted">Nenhum recrutador em destaque</h6>
                        <p class="text-muted small">Ainda não há recrutadores cadastrados no sistema.</p>
                        @auth
                            @if(auth()->user()->isRecruiter())
                                <p class="text-muted small">Complete seu perfil para aparecer aqui!</p>
                            @else
                                <a href="{{ route('recruiter.register') }}" class="btn btn-primary btn-sm">Torne-se um Recrutador</a>
                            @endif
                        @else
                            <a href="{{ route('recruiter.register') }}" class="btn btn-primary btn-sm">Registre-se como Recrutador</a>
                        @endauth
                    </div>
                </div>
                @endforelse
            @else
            <div class="col-12">
                <div class="text-center py-4">
                    <p class="text-muted small">Carregando recrutadores...</p>
                </div>
            </div>
            @endisset
        </div>

        @isset($featuredRecruiters)
            @if($featuredRecruiters->count() > 0)
            <div class="text-center mt-3">
                <a href="#" class="btn btn-outline-primary btn-sm">Ver Todos os Recrutadores</a>
            </div>
            @endif
        @endisset
    </div>
</section>

@endsection