@extends('layouts.admin')

@section('title', 'Resume Editor')

@section('content')
<div class="flex items-center justify-between mb-8">
    <div>
        <h1 class="text-2xl font-bold text-gray-900">Resume Editor</h1>
        <p class="text-gray-600">Edit and generate your PDF resume</p>
    </div>
    <div class="flex gap-2">
        <a href="{{ route('admin.resume.preview') }}" target="_blank" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium rounded-lg transition-colors">
            <i class="fas fa-eye mr-2"></i> Preview
        </a>
        <a href="{{ route('resume.download') }}" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors">
            <i class="fas fa-download mr-2"></i> Download PDF
        </a>
    </div>
</div>

<form action="{{ route('admin.resume.update') }}" method="POST">
    @csrf
    @method('PUT')
    
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Personal Info -->
        <div class="bg-white rounded-xl shadow-sm p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Personal Information</h3>
            
            <div class="space-y-4">
                <div>
                    <label for="resume_name" class="block text-sm font-medium text-gray-700 mb-2">Full Name</label>
                    <input type="text" id="resume_name" name="resume_name" value="{{ old('resume_name', $resumeData['name']) }}" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                </div>
                
                <div>
                    <label for="resume_title" class="block text-sm font-medium text-gray-700 mb-2">Professional Title</label>
                    <input type="text" id="resume_title" name="resume_title" value="{{ old('resume_title', $resumeData['title']) }}" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                </div>
                
                <div>
                    <label for="resume_email" class="block text-sm font-medium text-gray-700 mb-2">Email</label>
                    <input type="email" id="resume_email" name="resume_email" value="{{ old('resume_email', $resumeData['email']) }}" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                </div>
                
                <div>
                    <label for="resume_phone" class="block text-sm font-medium text-gray-700 mb-2">Phone</label>
                    <input type="text" id="resume_phone" name="resume_phone" value="{{ old('resume_phone', $resumeData['phone']) }}" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                </div>
            </div>
        </div>
        
        <!-- Summary -->
        <div class="bg-white rounded-xl shadow-sm p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Professional Summary</h3>
            <textarea id="resume_summary" name="resume_summary" rows="10" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">{{ old('resume_summary', $resumeData['summary']) }}</textarea>
        </div>
        
        <!-- Experience -->
        <div class="bg-white rounded-xl shadow-sm p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Experience</h3>
            <p class="text-sm text-gray-500 mb-2">Enter as plain text or JSON format</p>
            <textarea id="resume_experience" name="resume_experience" rows="10" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 font-mono text-sm">{{ old('resume_experience', $resumeData['experience']) }}</textarea>
        </div>
        
        <!-- Education -->
        <div class="bg-white rounded-xl shadow-sm p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Education</h3>
            <p class="text-sm text-gray-500 mb-2">Enter as plain text or JSON format</p>
            <textarea id="resume_education" name="resume_education" rows="10" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 font-mono text-sm">{{ old('resume_education', $resumeData['education']) }}</textarea>
        </div>
        
        <!-- Skills -->
        <div class="bg-white rounded-xl shadow-sm p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Skills</h3>
            <p class="text-sm text-gray-500 mb-2">Enter as plain text or JSON format</p>
            <textarea id="resume_skills" name="resume_skills" rows="10" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 font-mono text-sm">{{ old('resume_skills', $resumeData['skills']) }}</textarea>
        </div>
        
        <!-- Certifications -->
        <div class="bg-white rounded-xl shadow-sm p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Certifications</h3>
            <p class="text-sm text-gray-500 mb-2">Enter as plain text or JSON array format</p>
            <textarea id="resume_certifications" name="resume_certifications" rows="10" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 font-mono text-sm">{{ old('resume_certifications', $resumeData['certifications']) }}</textarea>
        </div>
    </div>
    
    <div class="mt-6">
        <button type="submit" class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors">
            Save Resume
        </button>
    </div>
</form>
@endsection