@extends('layouts.admin')

@section('title', isset($career) ? 'Edit Job Opening' : 'Post New Job')

@section('admin_content')
    <div class="max-w-4xl mx-auto">
        <div class="flex items-center space-x-4 mb-10">
            <a href="{{ route('admin.careers.index') }}" class="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center text-secondary hover:text-primary transition-all">
                <i class="fas fa-arrow-left"></i>
            </a>
            <div>
                <h3 class="text-2xl font-bold">{{ isset($career) ? 'Edit Position' : 'Post New Career Opportunity' }}</h3>
                <p class="text-secondary text-sm">Expand your team with top talent.</p>
            </div>
        </div>

        <div class="admin-card p-10 rounded-[2.5rem]">
            <form action="{{ isset($career) ? route('admin.careers.update', $career) : route('admin.careers.store') }}" method="POST" class="space-y-8">
                @csrf
                @if(isset($career))
                    @method('PUT')
                @endif

                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-2 md:col-span-2">
                        <label class="text-xs uppercase tracking-widest font-bold text-secondary">Job Title</label>
                        <input type="text" name="title" value="{{ old('title', $career->title ?? '') }}" required class="w-full px-6 py-4 rounded-2xl bg-white/5 border border-white/10 text-white focus:border-primary outline-none transition-all" placeholder="e.g. Senior Fashion Designer">
                    </div>

                    <div class="space-y-2">
                        <label class="text-xs uppercase tracking-widest font-bold text-secondary">Location</label>
                        <input type="text" name="location" value="{{ old('location', $career->location ?? 'Dhaka, Bangladesh') }}" required class="w-full px-6 py-4 rounded-2xl bg-white/5 border border-white/10 text-white focus:border-primary outline-none transition-all" placeholder="e.g. Gazipur, Dhaka">
                    </div>

                    <div class="space-y-2">
                        <label class="text-xs uppercase tracking-widest font-bold text-secondary">Application Deadline</label>
                        <input type="date" name="deadline" value="{{ old('deadline', isset($career) && $career->deadline ? $career->deadline->format('Y-m-d') : '') }}" class="w-full px-6 py-4 rounded-2xl bg-white/5 border border-white/10 text-white focus:border-primary outline-none transition-all cursor-pointer">
                    </div>
                </div>

                <div class="space-y-2">
                    <label class="text-xs uppercase tracking-widest font-bold text-secondary">Job Description / Requirements</label>
                    <textarea name="description" rows="10" class="w-full px-6 py-4 rounded-2xl bg-white/5 border border-white/10 text-white focus:border-primary outline-none transition-all" placeholder="Detail the roles, responsibilities, and qualifications required...&#10;Use plain text or HTML for better formatting.">{{ old('description', $career->description ?? '') }}</textarea>
                </div>

                <div class="space-y-2">
                    <label class="text-xs uppercase tracking-widest font-bold text-secondary">Recruitment Status</label>
                    <div class="flex items-center space-x-6">
                        <label class="flex items-center cursor-pointer group">
                            <input type="radio" name="status" value="1" {{ old('status', $career->status ?? 1) == 1 ? 'checked' : '' }} class="hidden peer">
                            <div class="w-5 h-5 rounded-full border-2 border-white/20 peer-checked:border-primary peer-checked:bg-primary transition-all flex items-center justify-center">
                                <div class="w-2 h-2 rounded-full bg-black scale-0 peer-checked:scale-100 transition-all"></div>
                            </div>
                            <span class="ml-3 text-sm text-secondary group-hover:text-white transition-colors">Open / Accepting Applications</span>
                        </label>
                        <label class="flex items-center cursor-pointer group">
                            <input type="radio" name="status" value="0" {{ old('status', $career->status ?? 1) == 0 ? 'checked' : '' }} class="hidden peer">
                            <div class="w-5 h-5 rounded-full border-2 border-white/20 peer-checked:border-red-500 peer-checked:bg-red-500 transition-all flex items-center justify-center">
                                <div class="w-2 h-2 rounded-full bg-black scale-0 peer-checked:scale-100 transition-all"></div>
                            </div>
                            <span class="ml-3 text-sm text-secondary group-hover:text-white transition-colors">Closed / Archived</span>
                        </label>
                    </div>
                </div>

                <div class="pt-8">
                    <button type="submit" class="w-full py-5 bg-primary text-black font-black uppercase tracking-[0.2em] rounded-2xl hover:bg-primary/90 transition-all shadow-xl shadow-primary/20">
                        {{ isset($career) ? 'Update Job Posting' : 'Launch Recruitment' }}
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection