@extends('layouts.main')
@section('title', 'Dashboard - Questionário Psicossocial')

@section('content')
@php
$user = Auth::user();
@endphp

<div class="container d-flex justify-content-center align-items-center">
    <div class="card shadow p-4" style="max-width: 1000px; width: 100%;">
        <h5 class="text-center fw-bold mb-3">Bem-vindo(a) ao Questionário de <br><span class="text-primary">Riscos Psicossociais</span></h5>

        <div class="mt-2 mb-2" style="padding:40.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1087135449?h=735cb692b7&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Riscos psicossociais"></iframe></div>
        <script src="https://player.vimeo.com/api/player.js"></script>
        <p>Sua participação é fundamental para construirmos um ambiente de trabalho mais saudável e seguro!</p>

        <p>Este questionário tem como objetivo identificar e compreender os fatores que impactam o bem-estar mental e emocional em nosso dia a dia na empresa.</p>

        <p>Suas respostas são essenciais para nos ajudar a:</p>
        <ul>
            <li>Identificar desafios e pontos de melhoria.</li>
            <li>Ajustar processos e práticas internas.</li>
            <li>Implementar ações que promovam um ambiente mais equilibrado e acolhedor para todos.</li>
        </ul>

        <p><strong>Sua Sinceridade Conta:</strong> Para que possamos ter um retrato fiel da nossa realidade, pedimos que suas respostas sejam sinceras e reflitam sua experiência.</p>

        <p><strong>Confidencialidade Garantida:</strong> Reforçamos que todas as suas respostas serão tratadas com total confidencialidade e utilizadas exclusivamente para análise interna e melhoria contínua.</p>

        @if (!is_null($user->escolaridade) && $user->escolaridade != 0)
        <div class="text-center mt-4">
            <a href="{{ url('/modulos') }}" class="btn btn-primary rounded-pill px-4 py-2 fw-semibold">Iniciar Questionário!</a>
        </div>
        @else
        <div class="col-12 col-md-8 mx-auto">
            <div class="alert alert-warning text-center">
                <p>⚠️ Para iniciar o questionário, complete sua escolaridade.</p>
            </div>

            <form action="{{ route('usuario.atualizarPerfil') }}" method="POST" class="card card-body shadow-sm">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label for="escolaridade" class="form-label">Escolaridade</label>
                    <select name="escolaridade" id="escolaridade" class="form-select" required>
                        <option value="">Selecione...</option>
                        <option value="Fundamental">Ensino Fundamental</option>
                        <option value="Médio">Ensino Médio</option>
                        <option value="Superior">Ensino Superior</option>
                    </select>
                </div>

                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" id="termos" required>
                    <label class="form-check-label" for="termos">
                        Ao utilizar o Questionário PsicoSocial, você declara que leu, compreendeu e concorda com os presentes <a href="#" data-bs-toggle="modal" data-bs-target="#modalTermos">Termos de Uso</a>.
                    </label>
                </div>

                <button type="submit" class="btn btn-primary rounded-pill w-100 py-2">Salvar e Continuar</button>
            </form>

        </div>
        @endif

    </div>
</div>
@endsection