@extends('admin.layout')
@section('title', 'Edit Project')
@section('page-title', 'Edit Project')

@section('content')
<div class="max-w-5xl mx-auto">
    <div class="bg-gray-900 border border-gray-800 rounded-2xl p-6">
        <form action="{{ route('admin.projects.update', $project) }}" method="POST" enctype="multipart/form-data">
            @csrf @method('PUT')
            <div class="space-y-5">
                <div><label class="block text-sm font-medium text-gray-300 mb-2">Title *</label><input type="text" name="title" value="{{ old('title', $project->title) }}" required class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                <div><label class="block text-sm font-medium text-gray-300 mb-2">Description *</label><textarea name="description" rows="3" required class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500 resize-none">{{ old('description', $project->description) }}</textarea></div>
                <div>
                    <label class="block text-sm font-medium text-gray-300 mb-2">Screenshot</label>
                    @if($project->image)<img src="{{ Storage::url($project->image) }}" class="w-40 h-24 object-cover rounded-lg border border-gray-700 mb-3">@endif
                    <input type="file" name="image" accept="image/*" class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm file:mr-4 file:py-1 file:px-3 file:rounded-lg file:border-0 file:bg-indigo-600 file:text-white file:text-xs file:font-semibold">
                </div>
                <div class="grid grid-cols-2 gap-4">
                    <div><label class="block text-sm font-medium text-gray-300 mb-2">Category *</label><input type="text" name="category" value="{{ old('category', $project->category) }}" required class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                    <div><label class="block text-sm font-medium text-gray-300 mb-2">Technologies</label><input type="text" name="technologies" value="{{ old('technologies', is_array($project->technologies) ? implode(', ', $project->technologies) : '') }}" class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                </div>
                <div class="grid grid-cols-2 gap-4">
                    <div><label class="block text-sm font-medium text-gray-300 mb-2">Live URL</label><input type="url" name="live_url" value="{{ old('live_url', $project->live_url) }}" class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                    <div><label class="block text-sm font-medium text-gray-300 mb-2">GitHub URL</label><input type="url" name="github_url" value="{{ old('github_url', $project->github_url) }}" class="w-full bg-gray-800 border border-gray-700 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500"></div>
                </div>
                <div class="flex items-center gap-6">
                    <label class="flex items-center gap-2"><input type="checkbox" name="is_featured" value="1" {{ $project->is_featured ? 'checked' : '' }} class="w-4 h-4 rounded border-gray-700 text-indigo-600"><span class="text-sm text-gray-300">Featured</span></label>
                    <label class="flex items-center gap-2"><input type="checkbox" name="is_active" value="1" {{ $project->is_active ? 'checked' : '' }} class="w-4 h-4 rounded border-gray-700 text-indigo-600"><span class="text-sm text-gray-300">Active</span></label>
                </div>
            </div>
            @include('admin.partials.form-actions', ['submitText' => 'Update Project', 'cancelRoute' => route('admin.projects.index')])
        </form>
    </div>
</div>
@endsection