@extends('layouts.app')

@section('content')
<div class="max-w-2xl mx-auto py-12">
    <div class="bg-white rounded-[3.5rem] shadow-2xl p-12 border border-slate-50 relative overflow-hidden">
        <h2 class="text-3xl font-black text-slate-800 uppercase italic mb-2">Edit Project</h2>
        
        <form action="{{ route('admin.projects.update', $project->id) }}" method="POST" class="space-y-8">
            @csrf
            @method('PUT')
            
            <div class="md:col-span-2">
                <label class="text-[10px] font-black uppercase text-slate-400 italic ml-4 mb-3 block">Project Name</label>
                <input type="text" name="name" value="{{ $project->name }}" required class="w-full bg-slate-50 border-2 border-slate-50 rounded-[1.5rem] p-5 font-bold italic focus:border-blue-500">
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="text-[10px] font-black uppercase text-slate-400 italic ml-4 mb-3 block">Status</label>
                    <select name="status" class="w-full bg-slate-50 border-2 border-slate-50 rounded-[1.5rem] p-5 font-bold italic">
                        <option value="planned" {{ $project->status == 'planned' ? 'selected' : '' }}>Planned</option>
                        <option value="active" {{ $project->status == 'active' ? 'selected' : '' }}>Active</option>
                        <option value="on_hold" {{ $project->status == 'on_hold' ? 'selected' : '' }}>On Hold</option>
                        <option value="completed" {{ $project->status == 'completed' ? 'selected' : '' }}>Completed</option>
                    </select>
                </div>
                <div>
                    <label class="text-[10px] font-black uppercase text-slate-400 italic ml-4 mb-3 block">Budget (Rs.)</label>
                    <input type="number" name="budget" value="{{ $project->budget }}" class="w-full bg-slate-50 border-2 border-slate-50 rounded-[1.5rem] p-5 font-bold italic">
                </div>
            </div>

            <button type="submit" class="w-full bg-slate-900 text-white py-6 rounded-[1.5rem] font-black uppercase italic tracking-widest hover:bg-blue-600 transition-all">
                Update Project
            </button>
        </form>
    </div>
</div>
@endsection