@extends('layouts.app')
@section('title', isset($project) ? 'Edit Project' : 'Add Project')

@section('content')
    <div class="mb-4">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('projects.index') }}">Projects</a></li>
                <li class="breadcrumb-item active">{{ isset($project) ? 'Edit' : 'Add' }}</li>
            </ol>
        </nav>
    </div>

    <div class="row justify-content-center">
        <div class="col-xl-9">
            <div class="card">
                <div class="card-header">
                    <i class="bi bi-diagram-3 me-2"></i>{{ isset($project) ? 'Edit Project' : 'New Project' }}
                </div>
                <div class="card-body">
                    <form action="{{ isset($project) ? route('projects.update', $project) : route('projects.store') }}"
                        method="POST" enctype="multipart/form-data">
                        @csrf
                        @if(isset($project)) @method('PUT') @endif

                        <div class="row g-3">
                            <div class="col-md-8">
                                <label class="form-label">Project Name <span class="text-danger">*</span></label>
                                <input type="text" name="project_name" class="form-control"
                                    value="{{ old('project_name', $project->project_name ?? '') }}" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Company <span class="text-danger">*</span></label>
                                <select name="company_id" class="form-select" required>
                                    <option value="">Select Company</option>
                                    @foreach($companies as $company)
                                        <option value="{{ $company->id }}" {{ old('company_id', $project->company_id ?? '') == $company->id ? 'selected' : '' }}>
                                            {{ $company->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Address</label>
                                <textarea name="address" class="form-control"
                                    rows="2">{{ old('address', $project->address ?? '') }}</textarea>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">City</label>
                                <input type="text" name="city" class="form-control"
                                    value="{{ old('city', $project->city ?? '') }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">District</label>
                                <input type="text" name="district" class="form-control"
                                    value="{{ old('district', $project->district ?? '') }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Status <span class="text-danger">*</span></label>
                                <select name="status" class="form-select" required>
                                    @foreach(['planning', 'ongoing', 'completed', 'on_hold'] as $s)
                                        <option value="{{ $s }}" {{ old('status', $project->status ?? 'planning') === $s ? 'selected' : '' }}>
                                            {{ ucfirst(str_replace('_', ' ', $s)) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Total Land Area</label>
                                <input type="number" name="total_land_area" class="form-control" step="0.01"
                                    value="{{ old('total_land_area', $project->total_land_area ?? '') }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Land Area Unit</label>
                                <select name="land_area_unit" class="form-select">
                                    <option value="">Select Unit</option>
                                    @foreach(['katha', 'bigha', 'decimal', 'acre', 'sft'] as $u)
                                        <option value="{{ $u }}" {{ old('land_area_unit', $project->land_area_unit ?? '') === $u ? 'selected' : '' }}>
                                            {{ ucfirst($u) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Project Image</label>
                                <input type="file" name="project_image" class="form-control" accept="image/*">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Start Date</label>
                                <input type="date" name="start_date" class="form-control"
                                    value="{{ old('start_date', isset($project->start_date) ? $project->start_date->format('Y-m-d') : '') }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">End Date</label>
                                <input type="date" name="end_date" class="form-control"
                                    value="{{ old('end_date', isset($project->end_date) ? $project->end_date->format('Y-m-d') : '') }}">
                            </div>
                            <div class="col-md-4 d-flex align-items-end">
                                <div class="form-check">
                                    <input type="checkbox" name="is_active" class="form-check-input" id="is_active"
                                        value="1" {{ old('is_active', $project->is_active ?? true) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">Active</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Description</label>
                                <textarea name="description" class="form-control"
                                    rows="3">{{ old('description', $project->description ?? '') }}</textarea>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2 mt-4">
                            <a href="{{ route('projects.index') }}" class="btn btn-outline-secondary">Cancel</a>
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check-lg me-1"></i>{{ isset($project) ? 'Update' : 'Create' }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection