@extends('layouts.app')
@section('title', 'My Profile')

@section('content')
<div class="max-w-3xl mx-auto px-4 py-8">
    <h1 class="text-2xl font-bold mb-6">My Profile</h1>

    <form method="POST" action="{{ route('seeker.profile.update') }}"
          enctype="multipart/form-data"
          class="bg-white rounded-lg shadow p-6 space-y-5">
        @csrf @method('PUT')

        <h2 class="font-semibold text-lg border-b pb-2">Basic Information</h2>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <label class="text-sm font-medium">Full Name *</label>
                <input name="name" value="{{ old('name', $user->name) }}" required
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Phone</label>
                <input name="phone" value="{{ old('phone', $user->phone) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
        </div>

        <h2 class="font-semibold text-lg border-b pb-2 pt-4">Professional Info</h2>

        <div>
            <label class="text-sm font-medium">Headline</label>
            <input name="headline" value="{{ old('headline', $user->profile?->headline) }}"
                   placeholder="e.g. Senior Laravel Developer"
                   class="w-full border rounded px-3 py-2 mt-1">
        </div>

        <div>
            <label class="text-sm font-medium">Summary</label>
            <textarea name="summary" rows="4"
                      class="w-full border rounded px-3 py-2 mt-1">{{ old('summary', $user->profile?->summary) }}</textarea>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div>
                <label class="text-sm font-medium">Experience (years)</label>
                <input type="number" name="experience_years"
                       value="{{ old('experience_years', $user->profile?->experience_years) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Current Salary</label>
                <input type="number" name="current_salary"
                       value="{{ old('current_salary', $user->profile?->current_salary) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Expected Salary</label>
                <input type="number" name="expected_salary"
                       value="{{ old('expected_salary', $user->profile?->expected_salary) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <label class="text-sm font-medium">Current Location</label>
                <input name="current_location"
                       value="{{ old('current_location', $user->profile?->current_location) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Preferred Location</label>
                <input name="preferred_location"
                       value="{{ old('preferred_location', $user->profile?->preferred_location) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
        </div>

        <h2 class="font-semibold text-lg border-b pb-2 pt-4">Resume</h2>

        @if($user->profile?->resume_path)
            <p class="text-sm text-gray-600">
                Current: <a href="{{ Storage::disk('public')->url($user->profile->resume_path) }}"
                            target="_blank" class="text-blue-600 hover:underline">Download</a>
            </p>
        @endif

        <div>
            <label class="text-sm font-medium">Upload Resume (PDF/DOC, max 5MB)</label>
            <input type="file" name="resume" accept=".pdf,.doc,.docx"
                   class="w-full border rounded px-3 py-2 mt-1">
        </div>

        <button class="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700">
            Save Changes
        </button>
    </form>
</div>
@endsection