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

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

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

        @if($company->logo_url)
            <div>
                <p class="text-sm font-medium mb-2">Current Logo:</p>
                <img src="{{ $company->logo_url }}" class="w-20 h-20 rounded object-cover">
            </div>
        @endif

        <div>
            <label class="text-sm font-medium">Company Name *</label>
            <input name="name" value="{{ old('name', $company->name) }}" required
                   class="w-full border rounded px-3 py-2 mt-1">
        </div>

        <div>
            <label class="text-sm font-medium">Website</label>
            <input name="website" value="{{ old('website', $company->website) }}"
                   placeholder="https://example.com"
                   class="w-full border rounded px-3 py-2 mt-1">
        </div>

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

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div>
                <label class="text-sm font-medium">Industry</label>
                <input name="industry" value="{{ old('industry', $company->industry) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Company Size</label>
                <input name="size" value="{{ old('size', $company->size) }}"
                       placeholder="e.g. 50-100"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Founded Year</label>
                <input type="number" name="founded_year"
                       value="{{ old('founded_year', $company->founded_year) }}"
                       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">City</label>
                <input name="city" value="{{ old('city', $company->city) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
            <div>
                <label class="text-sm font-medium">Country</label>
                <input name="country" value="{{ old('country', $company->country) }}"
                       class="w-full border rounded px-3 py-2 mt-1">
            </div>
        </div>

        <div>
            <label class="text-sm font-medium">Logo (jpg, png, webp — max 2MB)</label>
            <input type="file" name="logo" accept="image/*"
                   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 Company Profile
        </button>
    </form>
</div>
@endsection