@extends('admin.template.layout')

@section('title', 'criar vaga')
@section('conteudo')
<div class="container-fluid px-4 py-5">
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('vacancies.index') }}" class="text-orange-dark text-decoration-none"><i class="fas fa-briefcase"></i> Vagas</a></li>
            <li class="breadcrumb-item active">Cadastrar Vaga</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-2 fw-bold text-orange-dark" >Cadastrar Vaga</h1>
            <p class="text-muted mb-0">Preencha os dados para criar uma nova vaga.</p>
        </div>
        <div>
            <a href="{{ route('vacancies.index') }}" class="btn btn-light fw-semibold"><i class="fas fa-arrow-left me-2"></i>Voltar</a>
        </div>
    </div>

    <div class="card border-0 shadow-lg rounded-3">
        <div class="card-body p-4">
            <form action="{{ route('vacancies.store') }}" method="POST" enctype="multipart/form-data" id="form">
                @csrf

                @component('admin.vacancies.partials._components.form', compact('vacancies', 'enterpriseList', 'statesList', 'cityAssociated', 'hiringTypes','vacancyModels'))
                @endcomponent

                
            </form>
        </div>
    </div>
</div>
@endsection