@extends('layouts.app')

@section('title', 'Registro Recrutador - Maktubia HR-Data')

@section('content')
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card shadow">
                <div class="card-header bg-danger text-white text-center py-4">
                    <h4 class="mb-0">Registro de Recrutador</h4>
                    <p class="mb-0 mt-2">Crie sua conta para publicar vagas</p>
                </div>
                <div class="card-body p-5">
                    <form method="POST" action="{{ route('recruiter.register') }}" enctype="multipart/form-data">
                        @csrf

                        <!-- Informações Pessoais -->
                        <h5 class="mb-4 text-danger">Informações Pessoais</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="name" class="form-label">Nome Completo *</label>
                                <input type="text"
                                       class="form-control @error('name') is-invalid @enderror"
                                       id="name"
                                       name="name"
                                       value="{{ old('name') }}"
                                       required
                                       placeholder="Seu nome completo">
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="email" class="form-label">Email *</label>
                                <input type="email"
                                       class="form-control @error('email') is-invalid @enderror"
                                       id="email"
                                       name="email"
                                       value="{{ old('email') }}"
                                       required
                                       placeholder="seu@email.com">
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="phone" class="form-label">Telefone *</label>
                                <input type="tel"
                                       class="form-control @error('phone') is-invalid @enderror"
                                       id="phone"
                                       name="phone"
                                       value="{{ old('phone') }}"
                                       required
                                       placeholder="+258 XX XXX XXX">
                                @error('phone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="position" class="form-label"></label>
                                <input type="hidden"
                                       class="form-control @error('position') is-invalid @enderror"
                                       id="position"
                                       name="position"
                                       value="Gestor de RH"
                                       placeholder="Ex: Gestor de RH, Recrutador">
                                @error('position')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="department" class="form-label"></label>
                            <input type="hidden"
                                   class="form-control @error('department') is-invalid @enderror"
                                   id="department"
                                   name="department"
                                   value="Recursos Humanos"
                                   placeholder="Ex: Recursos Humanos, Recrutamento">
                            @error('department')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Informações da Empresa -->
                        <h5 class="mb-4 mt-5 text-danger">Informações da Empresa</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="company_name" class="form-label">Nome da Empresa *</label>
                                <input type="text"
                                       class="form-control @error('company_name') is-invalid @enderror"
                                       id="company_name"
                                       name="company_name"
                                       value="{{ old('company_name') }}"
                                       required
                                       placeholder="Nome da sua empresa">
                                @error('company_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
    <label for="company_industry" class="form-label">Setor de Atuação</label>

    <select class="form-select select2-search" id="company_industry" name="company_industry">
        <option value="">Todas as Categorias</option>
        @foreach($categories as $category)
            {{-- Acessar como array, não como objeto --}}
            <option value="{{ $category['id'] }}" {{ request('company_industry') == $category['id'] ? 'selected' : '' }}>
                {{ $category['name'] }}
            </option>
        @endforeach
    </select>

    @error('company_industry')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>
<div class="mb-3">
    <label for="company_logo" class="form-label">Logo da Empresa</label>
    <input type="file"
           class="form-control"
           id="company_logo"
           name="company_logo"
           accept="image/*">
    <div class="form-text">Formatos aceites: JPG, PNG, GIF. Tamanho máximo: 2MB</div>
</div>

                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="company_size" class="form-label">Tamanho da Empresa</label>
                                <select class="form-control @error('company_size') is-invalid @enderror"
                                        id="company_size"
                                        name="company_size">
                                    <option value="">Selecione o tamanho</option>
                                    <option value="1-10" {{ old('company_size') == '1-10' ? 'selected' : '' }}>1-10 funcionários</option>
                                    <option value="11-50" {{ old('company_size') == '11-50' ? 'selected' : '' }}>11-50 funcionários</option>
                                    <option value="51-200" {{ old('company_size') == '51-200' ? 'selected' : '' }}>51-200 funcionários</option>
                                    <option value="201-500" {{ old('company_size') == '201-500' ? 'selected' : '' }}>201-500 funcionários</option>
                                    <option value="501-1000" {{ old('company_size') == '501-1000' ? 'selected' : '' }}>501-1000 funcionários</option>
                                    <option value="1000+" {{ old('company_size') == '1000+' ? 'selected' : '' }}>Mais de 1000 funcionários</option>
                                </select>
                                @error('company_size')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="company_website" class="form-label">Website da Empresa</label>
                                <input type="url"
                                       class="form-control @error('company_website') is-invalid @enderror"
                                       id="company_website"
                                       name="company_website"
                                       value="{{ old('company_website') }}"
                                       placeholder="https://www.suaempresa.co.mz">
                                @error('company_website')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="company_description" class="form-label">Descrição da Empresa</label>
                            <textarea class="form-control @error('company_description') is-invalid @enderror"
                                      id="company_description"
                                      name="company_description"
                                      rows="3"
                                      placeholder="Breve descrição sobre a sua empresa">{{ old('company_description') }}</textarea>
                            @error('company_description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Localização -->
                        <h5 class="mb-4 mt-5 text-danger">Localização</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="province_id" class="form-label">Província *</label>
                                <select class="form-control @error('province_id') is-invalid @enderror"
                                        id="province_id"
                                        name="province_id"
                                        required>
                                    <option value="">Selecione a província</option>
                                    @foreach($provinces as $province)
                                        <option value="{{ $province->id }}" {{ old('province_id') == $province->id ? 'selected' : '' }}>
                                            {{ $province->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('province_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="city" class="form-label">Localidade</label>
                                <input type="text"
                                       class="form-control @error('city') is-invalid @enderror"
                                       id="city"
                                       name="city"
                                       value="{{ old('city') }}"
                                       placeholder="Nome da cidade">
                                @error('city')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="company_address" class="form-label">Endereço Completo</label>
                            <textarea class="form-control @error('company_address') is-invalid @enderror"
                                      id="company_address"
                                      name="company_address"
                                      rows="2"
                                      placeholder="Endereço completo da empresa">{{ old('company_address') }}</textarea>
                            @error('company_address')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <!-- Segurança -->
                        <h5 class="mb-4 mt-5 text-danger">Segurança</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="password" class="form-label">Password *</label>
                                <input type="password"
                                       class="form-control @error('password') is-invalid @enderror"
                                       id="password"
                                       name="password"
                                       required
                                       placeholder="Mínimo 8 caracteres">
                                @error('password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="password_confirmation" class="form-label">Confirmar Password *</label>
                                <input type="password"
                                       class="form-control"
                                       id="password_confirmation"
                                       name="password_confirmation"
                                       required
                                       placeholder="Repita a password">
                            </div>
                        </div>

                        <!-- Termos e Condições -->
                        <div class="mb-4 mt-4">
                            <div class="form-check">
                                <input class="form-check-input @error('terms') is-invalid @enderror"
                                       type="checkbox"
                                       id="terms"
                                       name="terms"
                                       required>
                                <label class="form-check-label" for="terms">
                                    Concordo com os <a href="#" class="text-danger">Termos de Serviço</a>
                                    e <a href="#" class="text-danger">Política de Privacidade</a> *
                                </label>
                                @error('terms')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="d-grid gap-2">
                            <button type="submit" class="btn btn-danger btn-lg py-3">Criar Conta de Recrutador</button>
                        </div>
                    </form>
                </div>
                <div class="card-footer text-center py-3">
                    <p class="mb-0">Já tem uma conta?
                        <a href="{{ route('recruiter.login') }}" class="text-danger fw-bold">Faça login aqui</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection