@extends('layouts.app')

@section('title', 'Preferências de notificação')

@section('content')
    <section class="py-5">
        <div class="container tb-notifications-preferences-wrap">

            <h1 class="tb-page-title h4 mb-4">
                <i class="bi bi-gear me-2 tb-notifications-index-icon"></i> Preferências de notificação
            </h1>

            <div class="card tb-card p-4">
                <form method="POST" action="{{ route('talent-bank.candidate.notifications.preferences.update') }}">
                    @csrf
                    @method('PUT')

                    <div class="mb-4">
                        <h2 class="h6 text-uppercase text-muted mb-3">Notificações por e-mail</h2>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch"
                                   id="email_notifications_enabled"
                                   name="email_notifications_enabled"
                                   value="1"
                                   {{ $candidate->email_notifications_enabled ? 'checked' : '' }}>
                            <label class="form-check-label" for="email_notifications_enabled">
                                Receber e-mails quando uma nova vaga compatível com meu perfil for publicada
                            </label>
                        </div>
                        <p class="small text-muted mt-2 mb-0">
                            As notificações em plataforma continuarão ativas independentemente desta configuração.
                        </p>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn rounded-pill px-4" style="background:#511282;color:#fff">
                            Salvar preferências
                        </button>
                        <a href="{{ route('talent-bank.candidate.notifications.index') }}"
                           class="btn btn-outline-secondary rounded-pill px-4">
                            Voltar
                        </a>
                    </div>
                </form>
            </div>

        </div>
    </section>
@endsection