@extends('layouts.app')
@section('content')
<h1 class="text-2xl font-semibold mb-6">Create Project</h1>
@if ($errors->any())
    <div class="mb-4 px-4 py-3 rounded-xl bg-red-50 text-red-700 border border-red-200">
        <ul class="list-disc pl-6">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<form method="POST" action="{{ route('projects.store') }}" class="bg-white rounded-2xl shadow border border-gray-100 p-6">
    @csrf
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
            <label class="block text-sm font-medium mb-1">Name</label>
            <input type="text" name="name" value="{{ old('name') }}" class="px-3 py-2 w-full rounded-xl border border-gray-200 focus:ring-2 focus:ring-[var(--primary)] focus:outline-none">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Code</label>
            <input type="text" name="code" value="{{ old('code') }}" class="px-3 py-2 w-full rounded-xl border border-gray-200 focus:ring-2 focus:ring-[var(--primary)] focus:outline-none">
        </div>
        <div class="md:col-span-2">
            <label class="block text-sm font-medium mb-1">Description</label>
            <textarea name="description" class="px-3 py-2 w-full rounded-xl border border-gray-200 focus:ring-2 focus:ring-[var(--primary)] focus:outline-none" rows="3">{{ old('description') }}</textarea>
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Address</label>
            <input type="text" name="address" value="{{ old('address') }}" class="px-3 py-2 w-full rounded-xl border border-gray-200">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">City</label>
            <input type="text" name="city" value="{{ old('city') }}" class="px-3 py-2 w-full rounded-xl border border-gray-200">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Country</label>
            <input type="text" name="country" value="{{ old('country') }}" class="px-3 py-2 w-full rounded-xl border border-gray-200">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Currency</label>
            <input type="text" name="currency" value="{{ old('currency','PKR') }}" class="px-3 py-2 w-full rounded-xl border border-gray-200">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Fiscal Year Start (1-12)</label>
            <input type="number" min="1" max="12" name="fiscal_year_start" value="{{ old('fiscal_year_start',7) }}" class="px-3 py-2 w-full rounded-xl border border-gray-200">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Status</label>
            <select name="status" class="px-3 py-2 w-full rounded-xl border border-gray-200">
                <option value="active">active</option>
                <option value="inactive">inactive</option>
            </select>
        </div>
    </div>
    <div class="mt-6 flex gap-2">
        <button class="px-4 py-2 rounded-xl bg-[var(--primary)] text-white">Create</button>
        <a href="{{ route('projects.index') }}" class="px-4 py-2 rounded-xl bg-gray-200">Cancel</a>
    </div>
</form>
@endsection