Merge branch 'dev' of github.com:rede5/gohorsejobs into dev

backend/internal/api/handlers/storage_handler.go

@@ -16,6 +16,16 @@ type StorageHandler struct {
 	storageService *services.StorageService
 }
 
+type uploadURLRequest struct {
+	Filename    string `json:"filename"`
+	ContentType string `json:"contentType"`
+	Folder      string `json:"folder"`
+}
+
+type downloadURLRequest struct {
+	Key string `json:"key"`
+}
+
 func NewStorageHandler(s *services.StorageService) *StorageHandler {
 	return &StorageHandler{storageService: s}
 }
@@ -31,7 +41,15 @@ func (h *StorageHandler) GetUploadURL(w http.ResponseWriter, r *http.Request) {
 	userIDVal := r.Context().Value(middleware.ContextUserID)
 	userID, _ := userIDVal.(string)
 
+	var body uploadURLRequest
+	if r.Method == http.MethodPost {
+		_ = json.NewDecoder(r.Body).Decode(&body)
+	}
+
 	folder := r.URL.Query().Get("folder")
+	if folder == "" {
+		folder = body.Folder
+	}
 	if folder == "" {
 		folder = "uploads"
 	}
@@ -47,10 +65,20 @@ func (h *StorageHandler) GetUploadURL(w http.ResponseWriter, r *http.Request) {
 	}
 
 	filename := r.URL.Query().Get("filename")
+	if filename == "" {
+		filename = body.Filename
+	}
 	contentType := r.URL.Query().Get("contentType")
+	if contentType == "" {
+		contentType = body.ContentType
+	}
+	if filename == "" {
+		http.Error(w, "Filename is required", http.StatusBadRequest)
+		return
+	}
 
 	// Validate folder
-	validFolders := map[string]bool{"avatars": true, "resumes": true, "logos": true, "uploads": true}
+	validFolders := map[string]bool{"avatars": true, "resumes": true, "logos": true, "uploads": true, "documents": true}
 	if !validFolders[folder] {
 		http.Error(w, "Invalid folder", http.StatusBadRequest)
 		return
@@ -83,12 +111,18 @@ func (h *StorageHandler) GetUploadURL(w http.ResponseWriter, r *http.Request) {
 	// Return simple JSON
 	resp := map[string]string{
 		"url":       url,
+		"uploadUrl": url,
 		"key":       key,       // Client needs key to save to DB profile
 		"publicUrl": publicURL, // Public URL for immediate use
 	}
+	respWithExpiry := map[string]interface{}{}
+	for k, v := range resp {
+		respWithExpiry[k] = v
+	}
+	respWithExpiry["expiresIn"] = int((15 * time.Minute).Seconds())
 
 	w.Header().Set("Content-Type", "application/json")
-	json.NewEncoder(w).Encode(resp)
+	json.NewEncoder(w).Encode(respWithExpiry)
 }
 
 // UploadFile handles direct file uploads via proxy
@@ -116,7 +150,7 @@ func (h *StorageHandler) UploadFile(w http.ResponseWriter, r *http.Request) {
 		folder = "uploads"
 	}
 
-	validFolders := map[string]bool{"avatars": true, "resumes": true, "logos": true, "uploads": true}
+	validFolders := map[string]bool{"avatars": true, "resumes": true, "logos": true, "uploads": true, "documents": true}
 	if !validFolders[folder] {
 		http.Error(w, "Invalid folder", http.StatusBadRequest)
 		return
@@ -163,3 +197,56 @@ func (h *StorageHandler) UploadFile(w http.ResponseWriter, r *http.Request) {
 	w.Header().Set("Content-Type", "application/json")
 	json.NewEncoder(w).Encode(resp)
 }
+
+// GetDownloadURL returns a pre-signed URL for downloading a file.
+func (h *StorageHandler) GetDownloadURL(w http.ResponseWriter, r *http.Request) {
+	var body downloadURLRequest
+	if err := json.NewDecoder(r.Body).Decode(&body); err != nil {
+		http.Error(w, "Invalid request body", http.StatusBadRequest)
+		return
+	}
+
+	if body.Key == "" {
+		http.Error(w, "Key is required", http.StatusBadRequest)
+		return
+	}
+
+	url, err := h.storageService.GetPresignedDownloadURL(r.Context(), body.Key)
+	if err != nil {
+		http.Error(w, "Failed to generate download URL: "+err.Error(), http.StatusInternalServerError)
+		return
+	}
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]interface{}{
+		"downloadUrl": url,
+		"expiresIn":   int((60 * time.Minute).Seconds()),
+	})
+}
+
+// DeleteFile removes an object from storage by key.
+func (h *StorageHandler) DeleteFile(w http.ResponseWriter, r *http.Request) {
+	key := r.URL.Query().Get("key")
+	if key == "" {
+		http.Error(w, "Key query parameter is required", http.StatusBadRequest)
+		return
+	}
+
+	if err := h.storageService.DeleteObject(r.Context(), key); err != nil {
+		http.Error(w, "Failed to delete file: "+err.Error(), http.StatusInternalServerError)
+		return
+	}
+
+	w.WriteHeader(http.StatusNoContent)
+}
+
+// TestConnection validates storage credentials and bucket access.
+func (h *StorageHandler) TestConnection(w http.ResponseWriter, r *http.Request) {
+	if err := h.storageService.TestConnection(r.Context()); err != nil {
+		http.Error(w, "Storage connection failed: "+err.Error(), http.StatusBadRequest)
+		return
+	}
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]string{"message": "Storage connection successful"})
+}

backend/internal/models/job.go

@@ -47,6 +47,7 @@ type Job struct {
 	FeaturedUntil *time.Time `json:"featuredUntil,omitempty" db:"featured_until"`
 
 	// Metadata
+	DatePosted *time.Time `json:"datePosted,omitempty" db:"date_posted"`
 	CreatedAt  time.Time  `json:"createdAt" db:"created_at"`
 	UpdatedAt  time.Time  `json:"updatedAt" db:"updated_at"`
 }

backend/internal/router/router.go

@@ -249,8 +249,12 @@ func NewRouter() http.Handler {
 
 	// Storage (Presigned URL)
 	mux.Handle("GET /api/v1/storage/upload-url", authMiddleware.OptionalHeaderAuthGuard(http.HandlerFunc(storageHandler.GetUploadURL)))
+	mux.Handle("POST /api/v1/storage/upload-url", authMiddleware.OptionalHeaderAuthGuard(http.HandlerFunc(storageHandler.GetUploadURL)))
+	mux.Handle("POST /api/v1/storage/download-url", authMiddleware.OptionalHeaderAuthGuard(http.HandlerFunc(storageHandler.GetDownloadURL)))
+	mux.Handle("DELETE /api/v1/storage/files", authMiddleware.OptionalHeaderAuthGuard(http.HandlerFunc(storageHandler.DeleteFile)))
 	// Storage (Direct Proxy)
 	mux.Handle("POST /api/v1/storage/upload", authMiddleware.OptionalHeaderAuthGuard(http.HandlerFunc(storageHandler.UploadFile)))
+	mux.Handle("POST /api/v1/admin/storage/test-connection", authMiddleware.HeaderAuthGuard(adminOnly(http.HandlerFunc(storageHandler.TestConnection))))
 
 	mux.Handle("POST /api/v1/system/cloudflare/purge", authMiddleware.HeaderAuthGuard(adminOnly(http.HandlerFunc(adminHandlers.PurgeCache))))
 

backend/internal/services/job_service.go

@@ -26,9 +26,9 @@ func (s *JobService) CreateJob(req dto.CreateJobRequest, createdBy string) (*mod
 		INSERT INTO jobs (
 			company_id, created_by, title, description, salary_min, salary_max, salary_type, currency,
 			employment_type, working_hours, location, region_id, city_id,
-			requirements, benefits, questions, visa_support, language_level, status, created_at, updated_at, salary_negotiable
+			requirements, benefits, questions, visa_support, language_level, status, date_posted, created_at, updated_at, salary_negotiable
-		) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21, $22)
+		) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21, $22, $23)
-		RETURNING id, created_at, updated_at
+		RETURNING id, date_posted, created_at, updated_at
 	`
 
 	job := &models.Job{
@@ -52,6 +52,7 @@ func (s *JobService) CreateJob(req dto.CreateJobRequest, createdBy string) (*mod
 		VisaSupport:      req.VisaSupport,
 		LanguageLevel:    req.LanguageLevel,
 		Status:           req.Status,
+		DatePosted:       ptrTime(time.Now()),
 		CreatedAt:        time.Now(),
 		UpdatedAt:        time.Now(),
 	}
@@ -63,8 +64,8 @@ func (s *JobService) CreateJob(req dto.CreateJobRequest, createdBy string) (*mod
 		query,
 		job.CompanyID, job.CreatedBy, job.Title, job.Description, job.SalaryMin, job.SalaryMax, job.SalaryType, job.Currency,
 		job.EmploymentType, job.WorkingHours, job.Location, job.RegionID, job.CityID,
-		job.Requirements, job.Benefits, job.Questions, job.VisaSupport, job.LanguageLevel, job.Status, job.CreatedAt, job.UpdatedAt, job.SalaryNegotiable,
+		job.Requirements, job.Benefits, job.Questions, job.VisaSupport, job.LanguageLevel, job.Status, job.DatePosted, job.CreatedAt, job.UpdatedAt, job.SalaryNegotiable,
-	).Scan(&job.ID, &job.CreatedAt, &job.UpdatedAt)
+	).Scan(&job.ID, &job.DatePosted, &job.CreatedAt, &job.UpdatedAt)
 
 	if err != nil {
 		fmt.Printf("[JOB_SERVICE ERROR] INSERT query failed: %v\n", err)
@@ -80,7 +81,7 @@ func (s *JobService) GetJobs(filter dto.JobFilterQuery) ([]models.JobWithCompany
 	baseQuery := `
 		SELECT
 			j.id, j.company_id, j.title, j.description, j.salary_min, j.salary_max, j.salary_type,
-			j.employment_type, j.work_mode, j.working_hours, j.location, j.status, j.salary_negotiable, j.is_featured, j.created_at, j.updated_at,
+			j.employment_type, j.work_mode, j.working_hours, j.location, j.status, j.salary_negotiable, j.is_featured, COALESCE(j.date_posted, j.created_at) AS date_posted, j.created_at, j.updated_at,
 			CASE
 				WHEN c.type = 'CANDIDATE_WORKSPACE' OR c.name LIKE 'Candidate - %' THEN ''
 				ELSE COALESCE(c.name, '')
@@ -240,19 +241,19 @@ func (s *JobService) GetJobs(filter dto.JobFilterQuery) ([]models.JobWithCompany
 		}
 		if hours > 0 {
 			cutoffTime := time.Now().Add(-time.Duration(hours) * time.Hour)
-			baseQuery += fmt.Sprintf(" AND j.created_at >= $%d", argId)
+			baseQuery += fmt.Sprintf(" AND COALESCE(j.date_posted, j.created_at) >= $%d", argId)
-			countQuery += fmt.Sprintf(" AND j.created_at >= $%d", argId)
+			countQuery += fmt.Sprintf(" AND COALESCE(j.date_posted, j.created_at) >= $%d", argId)
 			args = append(args, cutoffTime)
 			argId++
 		}
 	}
 
 	// Sorting
-	sortClause := " ORDER BY j.is_featured DESC, j.created_at DESC" // default
+	sortClause := " ORDER BY j.is_featured DESC, COALESCE(j.date_posted, j.created_at) DESC" // default
 	if filter.SortBy != nil {
 		switch *filter.SortBy {
 		case "recent", "date":
-			sortClause = " ORDER BY j.is_featured DESC, j.created_at DESC"
+			sortClause = " ORDER BY j.is_featured DESC, COALESCE(j.date_posted, j.created_at) DESC"
 		case "salary", "salary_asc":
 			sortClause = " ORDER BY j.salary_min ASC NULLS LAST"
 		case "salary_desc":
@@ -298,7 +299,7 @@ func (s *JobService) GetJobs(filter dto.JobFilterQuery) ([]models.JobWithCompany
 		var j models.JobWithCompany
 		if err := rows.Scan(
 			&j.ID, &j.CompanyID, &j.Title, &j.Description, &j.SalaryMin, &j.SalaryMax, &j.SalaryType,
-			&j.EmploymentType, &j.WorkMode, &j.WorkingHours, &j.Location, &j.Status, &j.SalaryNegotiable, &j.IsFeatured, &j.CreatedAt, &j.UpdatedAt,
+			&j.EmploymentType, &j.WorkMode, &j.WorkingHours, &j.Location, &j.Status, &j.SalaryNegotiable, &j.IsFeatured, &j.DatePosted, &j.CreatedAt, &j.UpdatedAt,
 			&j.CompanyName, &j.CompanyLogoURL, &j.RegionName, &j.CityName,
 			&j.ViewCount, &j.FeaturedUntil, &j.ApplicationsCount,
 		); err != nil {
@@ -321,14 +322,14 @@ func (s *JobService) GetJobByID(id string) (*models.Job, error) {
 	query := `
 		SELECT id, company_id, title, description, salary_min, salary_max, salary_type,
 		employment_type, working_hours, location, region_id, city_id,
-		requirements, benefits, visa_support, language_level, status, is_featured, featured_until, view_count, created_at, updated_at,
+		requirements, benefits, visa_support, language_level, status, is_featured, featured_until, view_count, date_posted, created_at, updated_at,
 		salary_negotiable, currency, work_mode
 		FROM jobs WHERE id = $1
 	`
 	err := s.DB.QueryRow(query, id).Scan(
 		&j.ID, &j.CompanyID, &j.Title, &j.Description, &j.SalaryMin, &j.SalaryMax, &j.SalaryType,
 		&j.EmploymentType, &j.WorkingHours, &j.Location, &j.RegionID, &j.CityID,
-		&j.Requirements, &j.Benefits, &j.VisaSupport, &j.LanguageLevel, &j.Status, &j.IsFeatured, &j.FeaturedUntil, &j.ViewCount, &j.CreatedAt, &j.UpdatedAt,
+		&j.Requirements, &j.Benefits, &j.VisaSupport, &j.LanguageLevel, &j.Status, &j.IsFeatured, &j.FeaturedUntil, &j.ViewCount, &j.DatePosted, &j.CreatedAt, &j.UpdatedAt,
 		&j.SalaryNegotiable, &j.Currency, &j.WorkMode,
 	)
 	if err != nil {
@@ -470,3 +471,7 @@ func (s *JobService) DeleteJob(id string) error {
 	_, err := s.DB.Exec("DELETE FROM jobs WHERE id = $1", id)
 	return err
 }
+
+func ptrTime(t time.Time) *time.Time {
+	return &t
+}

backend/internal/services/storage_service.go

@@ -85,6 +85,16 @@ func (s *StorageService) getConfig(ctx context.Context) (UploadConfig, error) {
 }
 
 func (s *StorageService) getClient(ctx context.Context) (*s3.PresignClient, string, error) {
+	client, bucket, err := s.getS3Client(ctx)
+	if err != nil {
+		return nil, "", err
+	}
+
+	psClient := s3.NewPresignClient(client)
+	return psClient, bucket, nil
+}
+
+func (s *StorageService) getS3Client(ctx context.Context) (*s3.Client, string, error) {
 	uCfg, err := s.getConfig(ctx)
 	if err != nil {
 		return nil, "", err
@@ -104,13 +114,20 @@ func (s *StorageService) getClient(ctx context.Context) (*s3.PresignClient, stri
 		o.BaseEndpoint = aws.String(uCfg.Endpoint)
 		o.UsePathStyle = true // Often needed for R2/MinIO
 	})
+	return client, uCfg.Bucket, nil
+}
 
-	psClient := s3.NewPresignClient(client)
+func (s *StorageService) sanitizeObjectKey(key string) string {
-	return psClient, uCfg.Bucket, nil
+	return strings.TrimLeft(strings.TrimSpace(key), "/")
 }
 
 // GetPresignedUploadURL generates a URL for PUT requests
 func (s *StorageService) GetPresignedUploadURL(ctx context.Context, key string, contentType string) (string, error) {
+	key = s.sanitizeObjectKey(key)
+	if key == "" {
+		return "", fmt.Errorf("key is required")
+	}
+
 	psClient, bucket, err := s.getClient(ctx)
 	if err != nil {
 		return "", err
@@ -131,6 +148,54 @@ func (s *StorageService) GetPresignedUploadURL(ctx context.Context, key string,
 	return req.URL, nil
 }
 
+// GetPresignedDownloadURL generates a URL for GET requests.
+func (s *StorageService) GetPresignedDownloadURL(ctx context.Context, key string) (string, error) {
+	key = s.sanitizeObjectKey(key)
+	if key == "" {
+		return "", fmt.Errorf("key is required")
+	}
+
+	psClient, bucket, err := s.getClient(ctx)
+	if err != nil {
+		return "", err
+	}
+
+	req, err := psClient.PresignGetObject(ctx, &s3.GetObjectInput{
+		Bucket: aws.String(bucket),
+		Key:    aws.String(key),
+	}, func(o *s3.PresignOptions) {
+		o.Expires = 60 * time.Minute
+	})
+	if err != nil {
+		return "", fmt.Errorf("failed to presign download: %w", err)
+	}
+
+	return req.URL, nil
+}
+
+// DeleteObject removes an object from storage.
+func (s *StorageService) DeleteObject(ctx context.Context, key string) error {
+	key = s.sanitizeObjectKey(key)
+	if key == "" {
+		return fmt.Errorf("key is required")
+	}
+
+	client, bucket, err := s.getS3Client(ctx)
+	if err != nil {
+		return err
+	}
+
+	_, err = client.DeleteObject(ctx, &s3.DeleteObjectInput{
+		Bucket: aws.String(bucket),
+		Key:    aws.String(key),
+	})
+	if err != nil {
+		return fmt.Errorf("failed to delete object: %w", err)
+	}
+
+	return nil
+}
+
 // TestConnection checks if the creds are valid and bucket is accessible
 func (s *StorageService) TestConnection(ctx context.Context) error {
 	psClient, bucket, err := s.getClient(ctx)

backend/migrations/037_add_date_posted_to_jobs.sql

@@ -0,0 +1,16 @@
+-- Migration: Add date_posted to jobs
+-- Description: Supports explicit posting date field consumed by frontend filters/sorting.
+
+ALTER TABLE jobs
+    ADD COLUMN IF NOT EXISTS date_posted TIMESTAMP WITH TIME ZONE;
+
+UPDATE jobs
+SET date_posted = created_at
+WHERE date_posted IS NULL;
+
+ALTER TABLE jobs
+    ALTER COLUMN date_posted SET DEFAULT NOW();
+
+CREATE INDEX IF NOT EXISTS idx_jobs_date_posted ON jobs(date_posted DESC);
+
+COMMENT ON COLUMN jobs.date_posted IS 'Public posting timestamp used by listing/filtering UX';

docs/publicar-vaga-routes.md

@@ -0,0 +1,12 @@
+# Rotas de publicar vaga (frontend)
+
+As principais rotas usadas para publicar vagas no projeto são:
+
+1. `/publicar-vaga` — landing/formulário público de anúncio de vaga.
+2. `/post-job` — fluxo principal multi-etapas para publicação com dados da empresa e da vaga.
+3. `/register/job` — formulário público alternativo para criação de vaga.
+
+## Pontos de entrada no sistema
+
+- Link para `/publicar-vaga` na página **About** e no **Footer**.
+- Link para `/post-job` na página **Contact**.

frontend/src/app/dashboard/jobs/new/page.tsx

@@ -1,330 +1,5 @@
-"use client"
+import { redirect } from "next/navigation"
 
-import { useState, useEffect } from "react"
+export default function DashboardNewJobRedirectPage() {
-import { useRouter } from "next/navigation"
+  redirect("/publicar-vaga")
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
-import { Textarea } from "@/components/ui/textarea"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
-import { Separator } from "@/components/ui/separator"
-import { ArrowLeft, Loader2, Building2, DollarSign, FileText, Briefcase, MapPin, Clock } from "lucide-react"
-import { jobsApi, adminCompaniesApi, type CreateJobPayload, type AdminCompany } from "@/lib/api"
-import { useTranslation } from "@/lib/i18n"
-import { toast } from "sonner"
-
-export default function NewJobPage() {
-    const router = useRouter()
-    const { t } = useTranslation()
-    const [isSubmitting, setIsSubmitting] = useState(false)
-    const [companies, setCompanies] = useState<AdminCompany[]>([])
-    const [loadingCompanies, setLoadingCompanies] = useState(true)
-
-    const [formData, setFormData] = useState({
-        // Job Details
-        title: "",
-        description: "",
-        location: "",
-        // Salary
-        salaryMin: "",
-        salaryMax: "",
-        salaryType: "monthly",
-        currency: "BRL",
-        employmentType: "",
-        workingHours: "",
-        // Company
-        companyId: "",
-        // Status
-        status: "draft" as "draft" | "published",
-    })
-
-    useEffect(() => {
-        const loadCompanies = async () => {
-            try {
-                setLoadingCompanies(true)
-                const data = await adminCompaniesApi.list(undefined, 1, 100)
-                setCompanies(data.data ?? [])
-            } catch (error) {
-                console.error("Failed to load companies:", error)
-                toast.error("Failed to load companies")
-            } finally {
-                setLoadingCompanies(false)
-            }
-        }
-        loadCompanies()
-    }, [])
-
-    const updateField = (field: string, value: string | boolean) => {
-        setFormData(prev => ({ ...prev, [field]: value }))
-    }
-
-    const canSubmit = () => {
-        return formData.title.length >= 5 &&
-            formData.description.length >= 20 &&
-            formData.companyId !== ""
-    }
-
-    const handleSubmit = async (publishNow: boolean = false) => {
-        if (!canSubmit()) {
-            toast.error("Please fill in all required fields")
-            return
-        }
-
-        setIsSubmitting(true)
-        try {
-            const payload: CreateJobPayload = {
-                companyId: formData.companyId,
-                title: formData.title,
-                description: formData.description,
-                location: formData.location || undefined,
-                employmentType: formData.employmentType as CreateJobPayload['employmentType'] || undefined,
-                salaryMin: formData.salaryMin ? parseFloat(formData.salaryMin) : undefined,
-                salaryMax: formData.salaryMax ? parseFloat(formData.salaryMax) : undefined,
-                salaryType: formData.salaryType as CreateJobPayload['salaryType'] || undefined,
-                currency: formData.currency as CreateJobPayload['currency'] || undefined,
-                workingHours: formData.workingHours || undefined,
-                status: publishNow ? "published" : "draft",
-            }
-
-            await jobsApi.create(payload)
-            toast.success(publishNow ? "Job published successfully!" : "Job saved as draft!")
-            router.push("/dashboard/jobs")
-        } catch (error) {
-            console.error("Failed to create job:", error)
-            toast.error("Failed to create job. Please try again.")
-        } finally {
-            setIsSubmitting(false)
-        }
-    }
-
-    return (
-        <div className="max-w-4xl mx-auto space-y-6">
-            {/* Header */}
-            <div className="flex items-center gap-4">
-                <Button variant="ghost" size="icon" onClick={() => router.back()}>
-                    <ArrowLeft className="h-5 w-5" />
-                </Button>
-                <div>
-                    <h1 className="text-3xl font-bold">{t('admin.jobs.newJob')}</h1>
-                    <p className="text-muted-foreground">{t('admin.jobs.edit.subtitle')}</p>
-                </div>
-            </div>
-
-            {/* Job Details Section */}
-            <Card>
-                <CardHeader>
-                    <CardTitle className="flex items-center gap-2">
-                        <FileText className="h-5 w-5" />
-                        {t('admin.jobs.details.title')}
-                    </CardTitle>
-                    <CardDescription>{t('admin.jobs.details.description')}</CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-4">
-                    <div className="space-y-2">
-                        <Label htmlFor="title">{t('admin.jobs.edit.jobTitle')} *</Label>
-                        <Input
-                            id="title"
-                            placeholder="e.g. Senior Software Engineer"
-                            value={formData.title}
-                            onChange={(e) => updateField("title", e.target.value)}
-                        />
-                        {formData.title.length > 0 && formData.title.length < 5 && (
-                            <p className="text-xs text-destructive">Title must be at least 5 characters</p>
-                        )}
-                    </div>
-                    <div className="space-y-2">
-                        <Label htmlFor="description">{t('admin.jobs.details.description')} *</Label>
-                        <Textarea
-                            id="description"
-                            placeholder="Describe the role, responsibilities, and requirements..."
-                            rows={6}
-                            value={formData.description}
-                            onChange={(e) => updateField("description", e.target.value)}
-                        />
-                        {formData.description.length > 0 && formData.description.length < 20 && (
-                            <p className="text-xs text-destructive">Description must be at least 20 characters</p>
-                        )}
-                    </div>
-                    <div className="space-y-2">
-                        <Label htmlFor="location" className="flex items-center gap-1">
-                            <MapPin className="h-4 w-4" />
-                            {t('admin.candidates_page.table.location')}
-                        </Label>
-                        <Input
-                            id="location"
-                            placeholder="e.g. São Paulo, SP or Remote"
-                            value={formData.location}
-                            onChange={(e) => updateField("location", e.target.value)}
-                        />
-                    </div>
-                </CardContent>
-            </Card>
-
-            {/* Salary & Type Section */}
-            <Card>
-                <CardHeader>
-                    <CardTitle className="flex items-center gap-2">
-                        <DollarSign className="h-5 w-5" />
-                        Salary & Contract
-                    </CardTitle>
-                    <CardDescription>Compensation and employment details</CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-4">
-                    <div className="grid grid-cols-2 gap-4">
-                        <div className="space-y-2">
-                            <Label>Minimum Salary</Label>
-                            <Input
-                                type="number"
-                                placeholder="e.g. 5000"
-                                value={formData.salaryMin}
-                                onChange={(e) => updateField("salaryMin", e.target.value)}
-                            />
-                        </div>
-                        <div className="space-y-2">
-                            <Label>Maximum Salary</Label>
-                            <Input
-                                type="number"
-                                placeholder="e.g. 10000"
-                                value={formData.salaryMax}
-                                onChange={(e) => updateField("salaryMax", e.target.value)}
-                            />
-                        </div>
-                    </div>
-                    <div className="grid grid-cols-3 gap-4">
-                        <div className="space-y-2">
-                            <Label>Currency</Label>
-                            <Select value={formData.currency} onValueChange={(v) => updateField("currency", v)}>
-                                <SelectTrigger><SelectValue /></SelectTrigger>
-                                <SelectContent>
-                                    <SelectItem value="BRL">R$ (BRL)</SelectItem>
-                                    <SelectItem value="USD">$ (USD)</SelectItem>
-                                    <SelectItem value="EUR">€ (EUR)</SelectItem>
-                                    <SelectItem value="GBP">£ (GBP)</SelectItem>
-                                    <SelectItem value="JPY">¥ (JPY)</SelectItem>
-                                </SelectContent>
-                            </Select>
-                        </div>
-                        <div className="space-y-2">
-                            <Label>Salary Period</Label>
-                            <Select value={formData.salaryType} onValueChange={(v) => updateField("salaryType", v)}>
-                                <SelectTrigger><SelectValue /></SelectTrigger>
-                                <SelectContent>
-                                    <SelectItem value="hourly">Per hour</SelectItem>
-                                    <SelectItem value="daily">Per day</SelectItem>
-                                    <SelectItem value="weekly">Per week</SelectItem>
-                                    <SelectItem value="monthly">Per month</SelectItem>
-                                    <SelectItem value="yearly">Per year</SelectItem>
-                                </SelectContent>
-                            </Select>
-                        </div>
-                        <div className="space-y-2">
-                            <Label>Contract Type</Label>
-                            <Select value={formData.employmentType} onValueChange={(v) => updateField("employmentType", v)}>
-                                <SelectTrigger><SelectValue placeholder="Select" /></SelectTrigger>
-                                <SelectContent>
-                                    <SelectItem value="permanent">Permanent</SelectItem>
-                                    <SelectItem value="full-time">Full-time</SelectItem>
-                                    <SelectItem value="part-time">Part-time</SelectItem>
-                                    <SelectItem value="contract">Contract</SelectItem>
-                                    <SelectItem value="temporary">Temporary</SelectItem>
-                                    <SelectItem value="training">Training</SelectItem>
-                                    <SelectItem value="voluntary">Voluntary</SelectItem>
-                                </SelectContent>
-                            </Select>
-                        </div>
-                    </div>
-                    <div className="space-y-2">
-                        <Label className="flex items-center gap-1">
-                            <Clock className="h-4 w-4" />
-                            Working Hours
-                        </Label>
-                        <Input
-                            placeholder="e.g. 9:00 - 18:00, Mon-Fri"
-                            value={formData.workingHours}
-                            onChange={(e) => updateField("workingHours", e.target.value)}
-                        />
-                    </div>
-                </CardContent>
-            </Card>
-
-            {/* Company Section */}
-            <Card>
-                <CardHeader>
-                    <CardTitle className="flex items-center gap-2">
-                        <Building2 className="h-5 w-5" />
-                        Company
-                    </CardTitle>
-                    <CardDescription>Select the company posting this job</CardDescription>
-                </CardHeader>
-                <CardContent>
-                    <div className="space-y-2">
-                        <Label>{t('admin.jobs.table.company')} *</Label>
-                        {loadingCompanies ? (
-                            <div className="flex items-center gap-2 text-muted-foreground">
-                                <Loader2 className="h-4 w-4 animate-spin" />
-                                Loading companies...
-                            </div>
-                        ) : (
-                            <Select value={formData.companyId} onValueChange={(v) => updateField("companyId", v)}>
-                                <SelectTrigger><SelectValue placeholder="Select a company" /></SelectTrigger>
-                                <SelectContent>
-                                    {companies.length === 0 ? (
-                                        <SelectItem value="__none" disabled>No companies available</SelectItem>
-                                    ) : (
-                                        companies.map((company) => (
-                                            <SelectItem key={company.id} value={company.id}>
-                                                {company.name}
-                                            </SelectItem>
-                                        ))
-                                    )}
-                                </SelectContent>
-                            </Select>
-                        )}
-                    </div>
-                </CardContent>
-            </Card>
-
-            <Separator />
-
-            {/* Action Buttons */}
-            <div className="flex justify-between items-center">
-                <Button variant="outline" onClick={() => router.back()}>
-                    {t('admin.jobs.edit.cancel')}
-                </Button>
-                <div className="flex gap-3">
-                    <Button
-                        variant="outline"
-                        onClick={() => handleSubmit(false)}
-                        disabled={isSubmitting || !canSubmit()}
-                    >
-                        {isSubmitting ? (
-                            <>
-                                <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                                Saving...
-                            </>
-                        ) : (
-                            "Save as Draft"
-                        )}
-                    </Button>
-                    <Button
-                        onClick={() => handleSubmit(true)}
-                        disabled={isSubmitting || !canSubmit()}
-                    >
-                        {isSubmitting ? (
-                            <>
-                                <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                                Publishing...
-                            </>
-                        ) : (
-                            <>
-                                <Briefcase className="h-4 w-4 mr-2" />
-                                {t('admin.jobs.edit.save')}
-                            </>
-                        )}
-                    </Button>
-                </div>
-            </div>
-        </div>
-    )
 }

frontend/src/app/dashboard/jobs/page.tsx

@@ -191,7 +191,7 @@ export default function AdminJobsPage() {
           <h1 className="text-3xl font-bold text-foreground">{t('admin.jobs.title')}</h1>
           <p className="text-muted-foreground mt-1">{t('admin.jobs.subtitle')}</p>
         </div>
-        <Link href="/dashboard/jobs/new">
+        <Link href="/publicar-vaga">
           <Button className="gap-2">
             <Plus className="h-4 w-4" />
             {t('admin.jobs.newJob')}

frontend/src/app/page.tsx

@@ -140,7 +140,7 @@ export default function Home() {
                         <div className="overflow-hidden" ref={emblaRef}>
                             <div className="flex gap-6">
                                 {mockJobs.slice(0, 8).map((job, index) => (
-                                    <div key={`latest-${job.id}-${index}`} className="flex-[0_0_100%] sm:flex-[0_0_50%] lg:flex-[0_0_33.333%] xl:flex-[0_0_25%] min-w-0 pb-1">
+                                    <div key={`latest-${job.id}-${index}`} className="flex-[0_0_100%] sm:flex-[0_0_50%] lg:flex-[0_0_50%] xl:flex-[0_0_33.333%] 2xl:flex-[0_0_25%] min-w-0 pb-1">
                                         <JobCard job={job} />
                                     </div>
                                 ))}
@@ -163,7 +163,7 @@ export default function Home() {
                             </Link>
                         </div>
 
-                        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+                        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-6">
                             {mockJobs.slice(0, 8).map((job, index) => (
                                 <JobCard key={`more-${job.id}-${index}`} job={job} />
                             ))}

frontend/src/app/publicar-vaga/page.tsx

@@ -1,40 +1,116 @@
 "use client"
 
-import { useState } from "react"
+import { useEffect, useState } from "react"
 import { Navbar } from "@/components/navbar"
 import { Footer } from "@/components/footer"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
 import { Label } from "@/components/ui/label"
-import { Check, Briefcase, Users, TrendingUp, Building2 } from "lucide-react"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import { Check, Briefcase, Loader2, MapPin, DollarSign, Clock, Building2 } from "lucide-react"
 import Image from "next/image"
 import Link from "next/link"
+import { jobsApi, adminCompaniesApi, type CreateJobPayload, type AdminCompany } from "@/lib/api"
+import { toast } from "sonner"
 
 export default function PublicarVagaPage() {
+  const [loading, setLoading] = useState(false)
+  const [loadingCompanies, setLoadingCompanies] = useState(true)
+  const [companies, setCompanies] = useState<AdminCompany[]>([])
+
   const [formData, setFormData] = useState({
-    cargoVaga: "",
+    title: "",
-    nomeEmpresa: "",
+    description: "",
-    cnpj: "",
+    location: "",
-    numeroFuncionarios: "",
+    salaryMin: "",
-    cep: "",
+    salaryMax: "",
-    nome: "",
+    salaryType: "monthly",
-    sobrenome: "",
+    currency: "BRL",
-    email: "",
+    employmentType: "",
-    telefone: "",
+    workingHours: "",
-    celular: ""
+    companyId: "",
   })
 
-  const [acceptTerms, setAcceptTerms] = useState(false)
+  useEffect(() => {
-  const [acceptMarketing, setAcceptMarketing] = useState(false)
+    const loadCompanies = async () => {
+      try {
+        setLoadingCompanies(true)
+        const data = await adminCompaniesApi.list(undefined, 1, 100)
+        setCompanies(data.data ?? [])
+      } catch (error) {
+        console.error("Falha ao carregar empresas:", error)
+        toast.error("Falha ao carregar empresas")
+      } finally {
+        setLoadingCompanies(false)
+      }
+    }
 
-  const handleSubmit = (e: React.FormEvent) => {
+    loadCompanies()
-    e.preventDefault()
+  }, [])
-    console.log("Form submitted:", formData)
+
+  const canSubmit = () => {
+    return (
+      formData.title.length >= 5 &&
+      formData.description.length >= 20 &&
+      formData.companyId !== ""
+    )
   }
 
   const handleInputChange = (field: string, value: string) => {
-    setFormData(prev => ({ ...prev, [field]: value }))
+    setFormData((prev) => ({ ...prev, [field]: value }))
+  }
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+
+    if (!canSubmit()) {
+      toast.error("Preencha os campos obrigatórios")
+      return
+    }
+
+    setLoading(true)
+    try {
+      const payload: CreateJobPayload = {
+        companyId: formData.companyId,
+        title: formData.title,
+        description: formData.description,
+        location: formData.location || undefined,
+        employmentType: formData.employmentType as CreateJobPayload["employmentType"] || undefined,
+        salaryMin: formData.salaryMin ? parseFloat(formData.salaryMin) : undefined,
+        salaryMax: formData.salaryMax ? parseFloat(formData.salaryMax) : undefined,
+        salaryType: formData.salaryType as CreateJobPayload["salaryType"] || undefined,
+        currency: formData.currency as CreateJobPayload["currency"] || undefined,
+        workingHours: formData.workingHours || undefined,
+        status: "draft",
+      }
+
+      await jobsApi.create(payload)
+      toast.success("Vaga publicada com sucesso! Ela será revisada em breve.")
+      setFormData({
+        title: "",
+        description: "",
+        location: "",
+        salaryMin: "",
+        salaryMax: "",
+        salaryType: "monthly",
+        currency: "BRL",
+        employmentType: "",
+        workingHours: "",
+        companyId: "",
+      })
+    } catch (error: any) {
+      console.error("Falha ao publicar vaga:", error)
+      toast.error(error.message || "Falha ao publicar vaga")
+    } finally {
+      setLoading(false)
+    }
   }
 
   return (
@@ -42,7 +118,6 @@ export default function PublicarVagaPage() {
       <Navbar />
 
       <main className="flex-1 flex">
-        {/* Left Side - Brand Section */}
         <div className="hidden lg:flex lg:w-2/5 bg-[#F0932B] relative overflow-hidden">
           <Image
             src="/6.png"
@@ -52,65 +127,29 @@ export default function PublicarVagaPage() {
             quality={100}
             priority
           />
-          {/* Background Pattern */}
           <div className="absolute inset-0 opacity-10">
             <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_30%_50%,rgba(255,255,255,0.1)_0%,transparent_50%)]"></div>
           </div>
 
           <div className="relative z-10 flex flex-col justify-between p-12 text-white">
-            {/* Top Section */}
             <div>
               <h2 className="text-4xl md:text-5xl font-bold mb-6 leading-tight">
                 Anuncie vagas de emprego<br />
                 de forma rápida e eficiente
               </h2>
 
-              {/* Stats */}
               <div className="space-y-4 mb-8">
-                <div className="flex items-start gap-3">
+                <div className="flex items-start gap-3"><Check className="w-5 h-5 mt-1" /><p className="font-semibold">Uma das maiores comunidades de profissionais do mercado</p></div>
-                  <div className="mt-1">
+                <div className="flex items-start gap-3"><Check className="w-5 h-5 mt-1" /><p className="font-semibold">Plataforma com alta visibilidade e acesso diário</p></div>
-                    <Check className="w-5 h-5" />
+                <div className="flex items-start gap-3"><Check className="w-5 h-5 mt-1" /><p className="font-semibold">Grande movimentação de candidaturas todos os dias</p></div>
-                  </div>
+                <div className="flex items-start gap-3"><Check className="w-5 h-5 mt-1" /><p className="font-semibold">Novos talentos se cadastrando constantemente</p></div>
-                  <div>
-                    <p className="font-semibold">Uma das maiores comunidades de profissionais do mercado</p>
-                  </div>
-                </div>
-
-                <div className="flex items-start gap-3">
-                  <div className="mt-1">
-                    <Check className="w-5 h-5" />
-                  </div>
-                  <div>
-                    <p className="font-semibold">Plataforma com alta visibilidade e acesso diário</p>
-                  </div>
-                </div>
-
-                <div className="flex items-start gap-3">
-                  <div className="mt-1">
-                    <Check className="w-5 h-5" />
-                  </div>
-                  <div>
-                    <p className="font-semibold">Grande movimentação de candidaturas todos os dias</p>
-                  </div>
-                </div>
-
-                <div className="flex items-start gap-3">
-                  <div className="mt-1">
-                    <Check className="w-5 h-5" />
-                  </div>
-                  <div>
-                    <p className="font-semibold">Novos talentos se cadastrando constantemente</p>
-                  </div>
-                </div>
               </div>
             </div>
           </div>
         </div>
 
-        {/* Right Side - Form Section */}
         <div className="flex-1 bg-gray-50 overflow-y-auto">
           <div className="max-w-3xl mx-auto py-12 px-6 md:px-12">
-            {/* Header */}
             <div className="text-center mb-8">
               <h1 className="text-3xl md:text-4xl font-bold text-gray-900 mb-3">
                 Anuncie a sua vaga de emprego GRÁTIS!
@@ -120,219 +159,172 @@ export default function PublicarVagaPage() {
               </p>
             </div>
 
-            {/* Form */}
             <form onSubmit={handleSubmit} className="space-y-5">
-              {/* Row 1 */}
+              <div>
+                <Label htmlFor="title" className="text-gray-700 mb-1.5 block text-sm">
+                  <Briefcase className="inline w-4 h-4 mr-1" /> Título da vaga *
+                </Label>
+                <Input
+                  id="title"
+                  placeholder="Ex: Desenvolvedor(a) Full Stack Sênior"
+                  value={formData.title}
+                  onChange={(e) => handleInputChange("title", e.target.value)}
+                  className="h-11 bg-white border-gray-300"
+                />
+              </div>
+
+              <div>
+                <Label htmlFor="description" className="text-gray-700 mb-1.5 block text-sm">Descrição da vaga *</Label>
+                <Textarea
+                  id="description"
+                  placeholder="Descreva responsabilidades, requisitos e diferenciais..."
+                  rows={6}
+                  value={formData.description}
+                  onChange={(e) => handleInputChange("description", e.target.value)}
+                  className="bg-white border-gray-300"
+                />
+              </div>
+
               <div className="grid md:grid-cols-2 gap-4">
                 <div>
-                  <Label htmlFor="cargoVaga" className="text-gray-700 mb-1.5 block text-sm">
+                  <Label htmlFor="location" className="text-gray-700 mb-1.5 block text-sm">
-                    Cargo da vaga
+                    <MapPin className="inline w-4 h-4 mr-1" /> Localização
                   </Label>
                   <Input
-                    id="cargoVaga"
+                    id="location"
-                    placeholder="Ex: Desenvolvedor Full Stack"
+                    placeholder="Ex: São Paulo/SP ou Remoto"
-                    value={formData.cargoVaga}
+                    value={formData.location}
-                    onChange={(e) => handleInputChange("cargoVaga", e.target.value)}
+                    onChange={(e) => handleInputChange("location", e.target.value)}
                     className="h-11 bg-white border-gray-300"
-                    required
                   />
                 </div>
 
                 <div>
-                  <Label htmlFor="nomeEmpresa" className="text-gray-700 mb-1.5 block text-sm">
+                  <Label className="text-gray-700 mb-1.5 block text-sm">
-                    Nome da Empresa
+                    <Clock className="inline w-4 h-4 mr-1" /> Tipo de contrato
+                  </Label>
+                  <Select value={formData.employmentType} onValueChange={(v) => handleInputChange("employmentType", v)}>
+                    <SelectTrigger className="h-11 bg-white border-gray-300">
+                      <SelectValue placeholder="Selecione" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="permanent">Permanente</SelectItem>
+                      <SelectItem value="full-time">Tempo integral</SelectItem>
+                      <SelectItem value="part-time">Meio período</SelectItem>
+                      <SelectItem value="contract">Contrato</SelectItem>
+                      <SelectItem value="temporary">Temporário</SelectItem>
+                      <SelectItem value="training">Estágio/Trainee</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+              </div>
+
+              <div className="grid md:grid-cols-2 gap-4">
+                <div>
+                  <Label htmlFor="salaryMin" className="text-gray-700 mb-1.5 block text-sm">
+                    <DollarSign className="inline w-4 h-4 mr-1" /> Salário mínimo
                   </Label>
                   <Input
-                    id="nomeEmpresa"
+                    id="salaryMin"
-                    placeholder="Ex: Tech Company Ltda"
+                    type="number"
-                    value={formData.nomeEmpresa}
+                    min="0"
-                    onChange={(e) => handleInputChange("nomeEmpresa", e.target.value)}
+                    placeholder="Ex: 3000"
+                    value={formData.salaryMin}
+                    onChange={(e) => handleInputChange("salaryMin", e.target.value)}
+                    className="h-11 bg-white border-gray-300"
+                  />
+                </div>
+
+                <div>
+                  <Label htmlFor="salaryMax" className="text-gray-700 mb-1.5 block text-sm">Salário máximo</Label>
+                  <Input
+                    id="salaryMax"
+                    type="number"
+                    min="0"
+                    placeholder="Ex: 6000"
+                    value={formData.salaryMax}
+                    onChange={(e) => handleInputChange("salaryMax", e.target.value)}
                     className="h-11 bg-white border-gray-300"
-                    required
                   />
                 </div>
               </div>
 
-              {/* Row 2 */}
               <div className="grid md:grid-cols-3 gap-4">
                 <div>
-                  <Label htmlFor="cnpj" className="text-gray-700 mb-1.5 block text-sm">
+                  <Label className="text-gray-700 mb-1.5 block text-sm">Moeda</Label>
-                    CNPJ da Empresa
+                  <Select value={formData.currency} onValueChange={(v) => handleInputChange("currency", v)}>
-                  </Label>
+                    <SelectTrigger className="h-11 bg-white border-gray-300"><SelectValue /></SelectTrigger>
-                  <Input
+                    <SelectContent>
-                    id="cnpj"
+                      <SelectItem value="BRL">BRL - R$</SelectItem>
-                    placeholder="00.000.000/0000-00"
+                      <SelectItem value="USD">USD - $</SelectItem>
-                    value={formData.cnpj}
+                      <SelectItem value="EUR">EUR - €</SelectItem>
-                    onChange={(e) => handleInputChange("cnpj", e.target.value)}
+                      <SelectItem value="GBP">GBP - £</SelectItem>
-                    className="h-11 bg-white border-gray-300"
+                    </SelectContent>
-                    required
+                  </Select>
-                  />
                 </div>
 
                 <div>
-                  <Label htmlFor="numeroFuncionarios" className="text-gray-700 mb-1.5 block text-sm">
+                  <Label className="text-gray-700 mb-1.5 block text-sm">Período do salário</Label>
-                    Nº de funcionários da unidade
+                  <Select value={formData.salaryType} onValueChange={(v) => handleInputChange("salaryType", v)}>
-                  </Label>
+                    <SelectTrigger className="h-11 bg-white border-gray-300"><SelectValue /></SelectTrigger>
-                  <Input
+                    <SelectContent>
-                    id="numeroFuncionarios"
+                      <SelectItem value="hourly">Por hora</SelectItem>
-                    placeholder="Ex: 50"
+                      <SelectItem value="daily">Por dia</SelectItem>
-                    type="number"
+                      <SelectItem value="weekly">Por semana</SelectItem>
-                    value={formData.numeroFuncionarios}
+                      <SelectItem value="monthly">Por mês</SelectItem>
-                    onChange={(e) => handleInputChange("numeroFuncionarios", e.target.value)}
+                      <SelectItem value="yearly">Por ano</SelectItem>
-                    className="h-11 bg-white border-gray-300"
+                    </SelectContent>
-                    required
+                  </Select>
-                  />
                 </div>
 
                 <div>
-                  <Label htmlFor="cep" className="text-gray-700 mb-1.5 block text-sm">
+                  <Label htmlFor="workingHours" className="text-gray-700 mb-1.5 block text-sm">Jornada de trabalho</Label>
-                    CEP
-                  </Label>
-                  <div className="flex gap-2">
                   <Input
-                      id="cep"
+                    id="workingHours"
-                      placeholder="00000-000"
+                    placeholder="Ex: 9h às 18h"
-                      value={formData.cep}
+                    value={formData.workingHours}
-                      onChange={(e) => handleInputChange("cep", e.target.value)}
+                    onChange={(e) => handleInputChange("workingHours", e.target.value)}
                     className="h-11 bg-white border-gray-300"
-                      required
                   />
-                    <button
-                      type="button"
-                      className="px-4 h-11 bg-gray-200 hover:bg-gray-300 rounded-md transition-colors flex-shrink-0"
-                    >
-                      <svg className="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-                      </svg>
-                    </button>
                 </div>
               </div>
-              </div>
-
-              {/* Row 3 */}
-              <div className="grid md:grid-cols-2 gap-4">
-                <div>
-                  <Label htmlFor="nome" className="text-gray-700 mb-1.5 block text-sm">
-                    Nome
-                  </Label>
-                  <Input
-                    id="nome"
-                    placeholder="Seu nome"
-                    value={formData.nome}
-                    onChange={(e) => handleInputChange("nome", e.target.value)}
-                    className="h-11 bg-white border-gray-300"
-                    required
-                  />
-                </div>
 
               <div>
-                  <Label htmlFor="sobrenome" className="text-gray-700 mb-1.5 block text-sm">
+                <Label className="text-gray-700 mb-1.5 block text-sm">
-                    Sobrenome
+                  <Building2 className="inline w-4 h-4 mr-1" /> Empresa *
                 </Label>
-                  <Input
+                {loadingCompanies ? (
-                    id="sobrenome"
+                  <div className="h-11 px-3 flex items-center text-sm text-gray-500 bg-white border border-gray-300 rounded-md">
-                    placeholder="Seu sobrenome"
+                    <Loader2 className="h-4 w-4 mr-2 animate-spin" /> Carregando empresas...
-                    value={formData.sobrenome}
-                    onChange={(e) => handleInputChange("sobrenome", e.target.value)}
-                    className="h-11 bg-white border-gray-300"
-                    required
-                  />
                   </div>
+                ) : (
+                  <Select value={formData.companyId} onValueChange={(v) => handleInputChange("companyId", v)}>
+                    <SelectTrigger className="h-11 bg-white border-gray-300">
+                      <SelectValue placeholder="Selecione uma empresa" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {companies.length === 0 ? (
+                        <SelectItem value="__none" disabled>Nenhuma empresa disponível</SelectItem>
+                      ) : (
+                        companies.map((company) => (
+                          <SelectItem key={company.id} value={company.id}>{company.name}</SelectItem>
+                        ))
+                      )}
+                    </SelectContent>
+                  </Select>
+                )}
               </div>
 
-              {/* Row 4 */}
-              <div>
-                <Label htmlFor="email" className="text-gray-700 mb-1.5 block text-sm">
-                  Seu e-mail corporativo
-                </Label>
-                <Input
-                  id="email"
-                  type="email"
-                  placeholder="seu.email@empresa.com"
-                  value={formData.email}
-                  onChange={(e) => handleInputChange("email", e.target.value)}
-                  className="h-11 bg-white border-gray-300"
-                  required
-                />
-              </div>
-
-              {/* Row 5 */}
-              <div className="grid md:grid-cols-2 gap-4">
-                <div>
-                  <Label htmlFor="telefone" className="text-gray-700 mb-1.5 block text-sm">
-                    Seu telefone fixo
-                  </Label>
-                  <Input
-                    id="telefone"
-                    placeholder="(00) 0000-0000"
-                    value={formData.telefone}
-                    onChange={(e) => handleInputChange("telefone", e.target.value)}
-                    className="h-11 bg-white border-gray-300"
-                  />
-                </div>
-
-                <div>
-                  <Label htmlFor="celular" className="text-gray-700 mb-1.5 block text-sm">
-                    Seu celular
-                  </Label>
-                  <Input
-                    id="celular"
-                    placeholder="(00) 00000-0000"
-                    value={formData.celular}
-                    onChange={(e) => handleInputChange("celular", e.target.value)}
-                    className="h-11 bg-white border-gray-300"
-                    required
-                  />
-                </div>
-              </div>
-
-              {/* Checkboxes */}
-              <div className="space-y-3 pt-2">
-                <label className="flex items-start gap-3 cursor-pointer group">
-                  <input
-                    type="checkbox"
-                    checked={acceptTerms}
-                    onChange={(e) => setAcceptTerms(e.target.checked)}
-                    className="mt-1 w-4 h-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer"
-                    required
-                  />
-                  <span className="text-sm text-gray-700 leading-relaxed">
-                    Li e aceito as{" "}
-                    <Link href="/terms" className="text-primary hover:underline font-medium">
-                      Condições Legais
-                    </Link>{" "}
-                    e a{" "}
-                    <Link href="/privacy" className="text-primary hover:underline font-medium">
-                      Política de Privacidade
-                    </Link>{" "}
-                    do GoHorse Jobs.
-                  </span>
-                </label>
-
-                <label className="flex items-start gap-3 cursor-pointer group">
-                  <input
-                    type="checkbox"
-                    checked={acceptMarketing}
-                    onChange={(e) => setAcceptMarketing(e.target.checked)}
-                    className="mt-1 w-4 h-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer"
-                  />
-                  <span className="text-sm text-gray-700 leading-relaxed">
-                    Autorizo o GoHorse Jobs a enviar comunicações comerciais sobre produtos, serviços e eventos dos seus parceiros e colaboradores.
-                  </span>
-                </label>
-              </div>
-
-              {/* Submit Button */}
               <div className="pt-4">
-                <button
+                <Button
                   type="submit"
-                  className="w-full bg-[#F0932B] hover:bg-[#d97d1a] text-white font-bold py-4 rounded-full text-lg transition-colors shadow-lg hover:shadow-xl"
+                  disabled={loading || !canSubmit()}
+                  className="w-full bg-[#F0932B] hover:bg-[#d97d1a] text-white font-bold py-6 rounded-full text-lg transition-colors shadow-lg hover:shadow-xl"
                 >
-                  ANUNCIAR VAGA GRÁTIS
+                  {loading ? <><Loader2 className="w-4 h-4 mr-2 animate-spin" /> PUBLICANDO...</> : "ANUNCIAR VAGA GRÁTIS"}
-                </button>
+                </Button>
               </div>
 
-              {/* Bottom Link */}
               <div className="text-center pt-4">
                 <p className="text-sm text-gray-600">
                   Você é um candidato?{" "}
@@ -343,15 +335,14 @@ export default function PublicarVagaPage() {
               </div>
             </form>
 
-            {/* Footer Note */}
             <div className="text-center mt-8 pt-6 border-t border-gray-200">
-              <p className="text-xs text-gray-500">
+              <p className="text-xs text-gray-500">© GoHorse Jobs Brasil. Todos os direitos reservados.</p>
-                © GoHorse Jobs Brasil. Todos os direitos reservados.
-              </p>
             </div>
           </div>
         </div>
       </main>
+
+      <Footer />
     </div>
   )
 }

frontend/src/components/job-card.tsx

@@ -74,6 +74,8 @@ export function JobCard({ job, isApplied, applicationStatus }: JobCardProps) {
       notify.error("Erro", "Faça login para salvar vagas.");
     }
   };
+
+  const formatTimeAgo = (dateString: string) => {
     const date = new Date(dateString);
     const now = new Date();
     const diffInMs = now.getTime() - date.getTime();