@extends('v2-portal::app-layout', [
    'pageTitle'             => ($opening->title ?? '') . ' — ' . config('app.name'),
    'pageDescription'       => str_limit(strip_tags($opening->description_detailed ?: $opening->title), 160),
    'showAccessibilityBar'  => true,
    'stickyAccessibilityBar'=> false,
    'showHeader'            => true,
    'showMainHeader'        => true,
    'showMainFooter'        => true,
    'showFooter'            => true,
    'showMainLeftArea'      => true,
    'showMainRightArea'     => true,
    'fullWidthMain'         => false,
])

@section('breadcrumbs')
    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="{{ route('v2.trabalhe-conosco.portal.index') }}" itemprop="item"><span itemprop="name">Trabalhe Conosco</span></a>
        <meta itemprop="position" content="2">
    </li>
    <li class="breadcrumb-item active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
        <span itemprop="name">{{ $opening->title }}</span>
        <meta itemprop="position" content="3">
    </li>
@endsection

@section('main-header-area')
    <h1 class="display-6 fw-bold mb-2">{{ $opening->title }}</h1>
    <div class="d-flex flex-wrap gap-3 small text-muted">
        @if($opening->location)
            <span><i class="bi bi-geo-alt me-1" aria-hidden="true"></i>{{ $opening->location }}</span>
        @endif
        @if($opening->type)
            <span><i class="bi bi-tag me-1" aria-hidden="true"></i>{{ $opening->type }}</span>
        @endif
        @if($opening->workload)
            <span><i class="bi bi-clock me-1" aria-hidden="true"></i>{{ $opening->workload }}</span>
        @endif
        @if($opening->salary_range)
            <span class="badge bg-success bg-opacity-10 text-success border border-success border-opacity-25">
                <i class="bi bi-currency-dollar me-1" aria-hidden="true"></i>{{ $opening->salary_range }}
            </span>
        @endif
    </div>
@endsection

@section('main-section-area')
    <div class="row">
        <div class="col-lg-7">
            @if(!empty($htmlDescription))
            <section class="mb-4">
                <h2 class="h5 fw-bold">Descrição da Vaga</h2>
                <div class="job-description-rich text-muted">
                    {!! $htmlDescription !!}
                </div>
            </section>
            @endif

            @if($opening->coverImage)
            <section class="mb-4">
                @include('v2-service-media::components.picture', [
                    'originalPath' => $opening->coverImage->file_path,
                    'variants' => json_decode($opening->coverImage->variants ?? '{}', true) ?: [],
                    'alt' => $opening->title,
                    'class' => 'img-fluid rounded shadow-sm',
                    'lazy' => true,
                ])
            </section>
            @endif

            @if($opening->attachmentPdf)
            <section class="mb-4">
                <a href="{{ v2_storage_url($opening->attachmentPdf->file_path) }}"
                   class="btn btn-outline-primary rounded-pill"
                   target="_blank" rel="noopener noreferrer">
                    <i class="bi bi-filetype-pdf me-2" aria-hidden="true"></i> Baixar Edital / Ficha Técnica
                </a>
            </section>
            @endif
        </div>

        <div class="col-lg-5">
            <div class="card shadow-sm border-0 sticky-top" style="top: 1rem;">
                <div class="card-body p-4">
                    <h3 class="h5 fw-bold mb-3">
                        <i class="bi bi-send me-2" aria-hidden="true"></i>Candidate-se
                    </h3>
                    <form method="POST" action="{{ route('v2.trabalhe-conosco.portal.apply', ['slug' => $opening->slug]) }}"
                          enctype="multipart/form-data">
                        {{ csrf_field() }}

                        <div class="mb-3">
                            <label for="name" class="form-label">Nome completo <span class="text-danger">*</span></label>
                            <input type="text" id="name" name="name" class="form-control" required maxlength="255"
                                   value="{{ old('name') }}">
                            @if ($errors->has('name'))
                                <div class="invalid-feedback d-block">{{ $errors->first('name') }}</div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="email" class="form-label">E-mail <span class="text-danger">*</span></label>
                            <input type="email" id="email" name="email" class="form-control" required maxlength="255"
                                   value="{{ old('email') }}">
                            @if ($errors->has('email'))
                                <div class="invalid-feedback d-block">{{ $errors->first('email') }}</div>
                            @endif
                        </div>

                        <div class="mb-3">
                            <label for="phone" class="form-label">Telefone</label>
                            <input type="text" id="phone" name="phone" class="form-control" maxlength="50"
                                   value="{{ old('phone') }}">
                        </div>

                        <div class="mb-3">
                            <label for="linkedin_url" class="form-label">LinkedIn (URL)</label>
                            <input type="url" id="linkedin_url" name="linkedin_url" class="form-control" maxlength="255"
                                   value="{{ old('linkedin_url') }}">
                        </div>

                        <div class="mb-3">
                            <label for="cover_letter" class="form-label">Carta de Apresentação</label>
                            <textarea id="cover_letter" name="cover_letter" class="form-control" rows="4">{{ old('cover_letter') }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label for="resume" class="form-label">Currículo (PDF, DOC ou DOCX, max 5MB) <span class="text-danger">*</span></label>
                            <input type="file" id="resume" name="resume" class="form-control" required accept=".pdf,.doc,.docx">
                            @if ($errors->has('resume'))
                                <div class="invalid-feedback d-block">{{ $errors->first('resume') }}</div>
                            @endif
                        </div>

                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-send me-2" aria-hidden="true"></i> Enviar Candidatura
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection