@extends('layouts.app')

@section('title', 'Minhas Candidaturas')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/linkedin-style.css') }}">
<link rel="stylesheet" href="{{ asset('css/menu.css') }}">
@endpush

@section('content')
<div class="main-container">
    <div class="row g-3">

        <!-- Coluna 1 - Perfil e Menu -->
               <!-- Coluna 1 - Perfil e Menu -->
        <div class="col-lg-3">
          <!-- Perfil do Usuário -->
                <div class="profile-card">
    <!-- Capa -->
    <div class="profile-cover"></div>

    <!-- Avatar com efeito de sobreposição -->
<div class="profile-avatar-container">
    @php
        $avatarPath = auth()->user()->profile_logo
            ? asset('storage/' . auth()->user()->profile_logo)
            : 'https://api.dicebear.com/7.x/avataaars/svg?seed=' . urlencode(auth()->user()->name);
    @endphp

    <img src="{{ $avatarPath }}" alt="Avatar" class="profile-avatar" id="avatarPreview">

    <input type="file" id="avatarInput" style="display: none;"
       data-url="{{ route('profile.update.avatar') }}" accept="image/*">
    <button type="button" class="add-avatar-btn" onclick="document.getElementById('avatarInput').click();">
        <i class="fas fa-plus"></i>
    </button>
</div>

         @if(Auth::user()->hasRecruiterAccess())

 <a href="{{ Auth::user()->hasRecruiterAccess() ? route('recruiter.profile') : route('recruiter.profile') }}" class="menu-item">
            @elseif(Auth::user()->isCandidate())
 <a href="{{ Auth::user()->isCandidate() ? route('candidate.profile') : route('candidate.profile') }}" class="menu-item">
            @else
                {{ Auth::user()->role }}
            @endif

    <!-- Informações -->








    <div class="profile-info">

        <div class="profile-name">{{ Auth::user()->name }}</div>

        <div class="profile-title">
@if(Auth::user()->hasRecruiterAccess())
    @php
        $recruiter = Auth::user()->getPrimaryRecruiter();
    @endphp
    {{ $recruiter->position ?? 'Funcionário' }} na {{ $recruiter->company_name ?? 'Empresa' }}
@elseif(Auth::user()->isCandidate())
    {{ Auth::user()->candidates?->current_title ?? 'Consultor' }}
@else
    {{ Auth::user()->role }}
@endif        </div>
        <div class="profile-company">
            @if(Auth::user()->hasRecruiterAccess())
 @php
        $recruiter = Auth::user()->getPrimaryRecruiter();
    @endphp
    {{ $recruiter->position ?? 'Funcionário' }} na {{ $recruiter->company_name ?? 'Empresa' }}
            @endif
        </div>

    </div>
    </a>
</div>

<button class="mobile-menu-toggle" id="mobileMenuToggle"
   type="button"
        data-bs-toggle="collapse"
        data-bs-target=".submenu"
        aria-expanded="false">
                    <span>Menu</span>
                    <i class="fas fa-chevron-down"></i>
                </button>

            <div class="submenu">



                <!-- Menu -->
 <div class="p-3">


@if(Auth::user()->hasRecruiterAccess())

<a href="{{ route('recruiter.jobs') }}" class="menu-item">
        <i class="fas fa-file-signature"></i> Minhas Vagas
    </a>

@elseif(Auth::user()->isCandidate())

<a href="{{ route('candidate.applications') }}" class="menu-item">
        <i class="fas fa-file-signature"></i> Minhas Candidaturas
    </a>
            @else
<!-- admin role-->
            @endif



    <a href="#" class="menu-item">
        <i class="fas fa-eye"></i> Visualizações de Perfil
    </a>

    <a href="{{ route('analytics.index') }}" class="menu-item">
        <i class="fas fa-chart-bar"></i> Ver todas Análises
    </a>





@if(Auth::user()->hasRecruiterAccess())


@elseif(Auth::user()->isCandidate())


     <a href="{{ route('candidate.meu-perfil') }}" class="menu-item">
        <i class="fas fa-chart-bar"></i> Meu CV
    </a>            @else
<!-- admin role-->
            @endif

</div>
        </div>

<div class="submenu">

 <div class="p-3">
@if(Auth::user()->hasRecruiterAccess())
    <a href="{{ route('recrutador.muser') }}" class="menu-item">
        <i class="fas fa-bookmark"></i> Usuarios
    </a>

            @endif

    <a href="#" class="menu-item">
        <i class="fas fa-bookmark"></i> Itens Salvos
    </a>

    <a href="#" class="menu-item">
        <i class="fas fa-calendar-alt"></i> Eventos
    </a>

</div>

<!-- Card Premium -->
                <div class="premium-card">
                    <h6 class="fw-bold mb-2">Nivel do Consultor</h6>
                    <p class="small mb-3">Iniciante</p>
                    <button class="btn-premium">Solicitar Avaliação</button>
                </div>

</div>


<div class="submenu">
 </div>
 </div>
        <div class="col-lg-9">
            <div class="profile-header">
                <div class="p-4 border-bottom">
                    <h3 class="h2 fw-bold mb-2">Minhas Candidaturas</h3>
                    <p class="mb-1 opacity-75">Acompanhe o status de todas as suas candidaturas</p>
                </div>
            </div>

            <div class="row g-3 mb-4">
                <div class="col-md-3">
                    <div class="stat-card stat-card-primary p-3">
                        <div class="stat-label small">Total</div>
                        <div class="stat-number h4 mb-0">{{ $stats['total'] ?? 0 }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="stat-card stat-card-warning p-3">
                        <div class="stat-label small">Pendentes</div>
                        <div class="stat-number h4 mb-0">{{ $stats['pending'] ?? 0 }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="stat-card stat-card-info p-3">
                        <div class="stat-label small">Em Análise</div>
                        <div class="stat-number h4 mb-0">{{ $stats['under_review'] ?? 0 }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="stat-card stat-card-success p-3">
                        <div class="stat-label small">Contratado</div>
                        <div class="stat-number h4 mb-0">{{ $stats['hired'] ?? 0 }}</div>
                    </div>
                </div>
            </div>

            <div class="content-card p-4">
                @if($applications->count() > 0)
                    <h5 class="mb-4">Suas Candidaturas ({{ $applications->total() }})</h5>

                    @foreach($applications as $application)
                        <div class="application-item border rounded p-3 mb-3 {{ $application->status }}">
                            <div class="row align-items-center">
                                <div class="col-md-7">
                                    <div class="d-flex">
                                        <div class="company-logo me-3">
                                            {{ substr($application->Job->company_name ?? 'E', 0, 1) }}
                                        </div>
                                        <div>
                                            <h6 class="mb-1">{{ $application->Job->title }}</h6>
                                            <p class="text-muted small mb-1">{{ $application->Job->company_name }}</p>
                                            <div class="text-muted" style="font-size: 0.75rem;">
                                                <i class="fas fa-map-marker-alt me-1"></i> {{ $application->Job->province->name ?? 'N/A' }}
                                                <span class="mx-1">|</span>
                                                <i class="fas fa-calendar-alt me-1"></i> {{ $application->created_at->format('d/m/Y') }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 text-center">
                                    <span class="status-badge status-{{ $application->status }}">
                                       {{ App\Helpers\StatusHelper::translate($application->status) }}
                                    </span>
                                </div>
                                <div class="col-md-2 text-end">
                                    <a href="{{ route('jobs.show', $application->Job->id) }}" class="btn btn-sm btn-outline-primary">
                                        Ver Vaga
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach

                    <div class="d-flex justify-content-between align-items-center mt-4">
                        <p class="text-muted small mb-0">
                            Mostrando {{ $applications->firstItem() }} a {{ $applications->lastItem() }} de {{ $applications->total() }}
                        </p>
                        <div>{{ $applications->links() }}</div>
                    </div>

                @else
                    <div class="empty-state text-center py-5">
                        <i class="fas fa-clipboard-list fa-3x text-muted mb-3"></i>
                        <h4>Nenhuma candidatura encontrada</h4>
                        <p class="text-muted">Você ainda não se candidatou a nenhuma vaga.</p>
                        <a href="{{ route('jobs.index') }}" class="btn btn-primary mt-2">Explorar Vagas</a>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection


@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Inicializar tooltips
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
});
</script>
@endpush