@extends('layouts.admin')

@section('page-title', 'Add-Job-Openings')

@section('content')
<div class="container py-4">
    <h2>Add New Job</h2>
    <form action="{{ route('careers.store') }}" method="POST">
        @csrf
        <div class="mb-3">
            <label class="form-label">Job Title</label>
            <input type="text" name="job_title" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Job Type</label>
            <input type="text" name="job_type" class="form-control" placeholder="Full-time / Internship / etc." required>
        </div>

        <div class="mb-3">
            <label class="form-label">Location</label>
            <input type="text" name="location" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Experience</label>
            <input type="text" name="experience" class="form-control">
        </div>

        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" class="form-control" rows="4"></textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Requirements</label>
            <textarea name="requirements" class="form-control" rows="4"></textarea>
        </div>

        {{-- Meta Fields --}}
        <div class="mb-3">
            <label class="form-label">Meta Title</label>
            <input type="text" name="meta_title" class="form-control" value="{{ old('meta_title') }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Description</label>
            <textarea name="meta_description" class="form-control" rows="3">{{ old('meta_description') }}</textarea>
        </div>

        <div class="mb-3">
            <label class="form-label">Meta Keywords</label>
            <input type="text" name="meta_keywords" class="form-control" value="{{ old('meta_keywords') }}">
        </div>


        <button class="btn btn-success">Save Job</button>
        <a href="{{ route('careers.index') }}" class="btn btn-secondary">Back</a>
    </form>
</div>
@endsection