@extends('layouts.app')

@section('title', 'Meu currículo')

@section('content')
    <section class="py-5 mt-5">
        <div class="container">
            <div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-2">
                <h1 class="tb-page-title h3 mb-0">Currículo</h1>
                <a href="{{ route('talent-bank.candidate.edit') }}" class="btn btn-outline-primary btn-sm rounded-pill">Alterar dados cadastrais</a>
            </div>

            <div class="accordion" id="cvAccordion">
                {{-- Habilidades --}}
                <div class="accordion-item">
                    <h2 class="accordion-header" id="h-skills">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#c-skills">Habilidades</button>
                    </h2>
                    <div id="c-skills" class="accordion-collapse collapse show" data-bs-parent="#cvAccordion">
                        <div class="accordion-body">
                            <ul class="list-group list-group-flush mb-3">
                                @forelse ($candidate->skills as $s)
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        {{ $s->name }}
                                        <form method="post" action="{{ route('talent-bank.candidate.skills.destroy', $s->id) }}" class="d-inline" onsubmit="return confirm('Excluir?');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                                        </form>
                                    </li>
                                @empty
                                    <li class="list-group-item text-muted">Nenhuma habilidade cadastrada.</li>
                                @endforelse
                            </ul>
                            <form method="post" action="{{ route('talent-bank.candidate.skills.store') }}" class="row g-2 align-items-end">
                                @csrf
                                <div class="col-md-8">
                                    <label class="form-label small">Nova habilidade</label>
                                    <input type="text" name="name" class="form-control" required>
                                </div>
                                <div class="col-md-4">
                                    <button type="submit" class="btn btn-primary w-100">Adicionar</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Formação --}}
                <div class="accordion-item">
                    <h2 class="accordion-header" id="h-edu">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-edu">Formação</button>
                    </h2>
                    <div id="c-edu" class="accordion-collapse collapse" data-bs-parent="#cvAccordion">
                        <div class="accordion-body">
                            @foreach ($candidate->educations as $ed)
                                <div class="border rounded p-3 mb-3">
                                    <p class="mb-1 fw-semibold">{{ $ed->institution }} — {{ $ed->educationLevel->name ?? '' }}</p>
                                    <p class="small text-muted mb-2">{{ $ed->specialization }}</p>
                                    <form method="post" action="{{ route('talent-bank.candidate.educations.destroy', $ed->id) }}" onsubmit="return confirm('Excluir formação?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                                    </form>
                                </div>
                            @endforeach
                            <form method="post" action="{{ route('talent-bank.candidate.educations.store') }}" class="row g-2 small">
                                @csrf
                                <div class="col-md-6">
                                    <label class="form-label">Nível</label>
                                    <select name="education_level_id" class="form-select" required>
                                        @foreach ($options['educationLevel'] as $el)
                                            <option value="{{ $el['id'] }}">{{ $el['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Disciplina</label>
                                    <select name="academic_discipline_id" class="form-select" required>
                                        @foreach ($options['academicDiscipline'] as $ad)
                                            <option value="{{ $ad['id'] }}">{{ $ad['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Instituição</label>
                                    <input type="text" name="institution" class="form-control">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Especialização</label>
                                    <input type="text" name="specialization" class="form-control">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Início</label>
                                    <input type="date" name="date_start" class="form-control">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Fim</label>
                                    <input type="date" name="date_end" class="form-control">
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary btn-sm">Adicionar formação</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Cursos --}}
                <div class="accordion-item">
                    <h2 class="accordion-header" id="h-courses">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-courses">Cursos</button>
                    </h2>
                    <div id="c-courses" class="accordion-collapse collapse" data-bs-parent="#cvAccordion">
                        <div class="accordion-body">
                            @foreach ($candidate->courses as $c)
                                <div class="border rounded p-3 mb-2 d-flex justify-content-between">
                                    <span>{{ $c->name }} @if($c->institution)<small class="text-muted">({{ $c->institution }})</small>@endif</span>
                                    <form method="post" action="{{ route('talent-bank.candidate.courses.destroy', $c->id) }}" onsubmit="return confirm('Excluir?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                                    </form>
                                </div>
                            @endforeach
                            <form method="post" action="{{ route('talent-bank.candidate.courses.store') }}" class="row g-2 small">
                                @csrf
                                <div class="col-md-6"><label class="form-label">Nome</label><input type="text" name="name" class="form-control" required></div>
                                <div class="col-md-6"><label class="form-label">Instituição</label><input type="text" name="institution" class="form-control" required></div>
                                <div class="col-md-6"><label class="form-label">Início</label><input type="date" name="date_start" class="form-control"></div>
                                <div class="col-md-6"><label class="form-label">Fim</label><input type="date" name="date_end" class="form-control"></div>
                                <div class="col-12"><button type="submit" class="btn btn-primary btn-sm">Adicionar curso</button></div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Experiências --}}
                <div class="accordion-item">
                    <h2 class="accordion-header" id="h-exp">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-exp">Experiências</button>
                    </h2>
                    <div id="c-exp" class="accordion-collapse collapse" data-bs-parent="#cvAccordion">
                        <div class="accordion-body">
                            @foreach ($candidate->experiences as $ex)
                                <div class="border rounded p-3 mb-3">
                                    <p class="fw-semibold mb-0">{{ $ex->company }}</p>
                                    <p class="small text-muted">{{ $ex->occupation->name ?? '' }}</p>
                                    <form method="post" action="{{ route('talent-bank.candidate.experiences.destroy', $ex->id) }}" onsubmit="return confirm('Excluir?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                                    </form>
                                </div>
                            @endforeach
                            <form method="post" action="{{ route('talent-bank.candidate.experiences.store') }}" class="row g-2 small">
                                @csrf
                                <div class="col-md-6">
                                    <label class="form-label">Ramo</label>
                                    <select name="business_line_id" class="form-select" required>
                                        @foreach ($options['businessLine'] as $bl)
                                            <option value="{{ $bl['id'] }}">{{ $bl['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Ocupação</label>
                                    <select name="occupation_id" class="form-select" required>
                                        @foreach ($options['occupation'] as $oc)
                                            <option value="{{ $oc['id'] }}">{{ $oc['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12"><label class="form-label">Empresa</label><input type="text" name="company" class="form-control" required></div>
                                <div class="col-12"><label class="form-label">Descrição</label><textarea name="description" class="form-control" rows="2"></textarea></div>
                                <div class="col-md-3"><label class="form-label">Início</label><input type="date" name="date_start" class="form-control"></div>
                                <div class="col-md-3"><label class="form-label">Fim</label><input type="date" name="date_end" class="form-control"></div>
                                <div class="col-12"><button type="submit" class="btn btn-primary btn-sm">Adicionar experiência</button></div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Idiomas --}}
                <div class="accordion-item">
                    <h2 class="accordion-header" id="h-lang">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-lang">Idiomas</button>
                    </h2>
                    <div id="c-lang" class="accordion-collapse collapse" data-bs-parent="#cvAccordion">
                        <div class="accordion-body">
                            <ul class="list-group mb-3">
                                @foreach ($candidate->languages as $lang)
                                    <li class="list-group-item d-flex justify-content-between">
                                        {{ $lang->name }}
                                        <form method="post" action="{{ route('talent-bank.candidate.languages.detach', $lang->id) }}" onsubmit="return confirm('Remover idioma?');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-outline-danger">Remover</button>
                                        </form>
                                    </li>
                                @endforeach
                            </ul>
                            <form method="post" action="{{ route('talent-bank.candidate.languages.attach') }}" class="row g-2">
                                @csrf
                                <div class="col-md-5">
                                    <select name="language_id" class="form-select" required>
                                        @foreach ($options['language'] as $l)
                                            <option value="{{ $l['id'] }}">{{ $l['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-5">
                                    <select name="language_proficiency_id" class="form-select" required>
                                        @foreach ($options['proficiency'] as $p)
                                            <option value="{{ $p['id'] }}">{{ $p['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-2"><button type="submit" class="btn btn-primary w-100">Add</button></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection