@extends('layouts.app')
@section('title', isset($project) ? 'Edit Project' : 'Create Project')
@section('content')
<h4 class="mb-3">{{ isset($project) ? 'Edit' : 'Create' }} Project</h4>
<form method="POST" action="{{ isset($project) ? route('projects.update', $project) : route('projects.store') }}" class="card card-body">
@csrf @if(isset($project)) @method('PUT') @endif
<div class="row g-3">
<div class="col-md-6"><label class="form-label">Name</label><input class="form-control" name="name" value="{{ old('name', $project->name ?? '') }}" required></div>
<div class="col-md-6"><label class="form-label">Status</label><select class="form-select" name="status"><option value="active">Active</option><option value="on_hold">On Hold</option><option value="completed">Completed</option></select></div>
<div class="col-md-6"><label class="form-label">Start Date</label><input type="date" class="form-control" name="start_date" value="{{ old('start_date', isset($project->start_date) ? $project->start_date->format('Y-m-d') : '') }}"></div>
<div class="col-md-6"><label class="form-label">End Date</label><input type="date" class="form-control" name="end_date" value="{{ old('end_date', isset($project->end_date) ? $project->end_date->format('Y-m-d') : '') }}"></div>
<div class="col-12"><label class="form-label">Description</label><textarea class="form-control" name="description">{{ old('description', $project->description ?? '') }}</textarea></div>
@if(isset($project))<div class="col-md-6"><label class="form-label">Progress %</label><input type="number" class="form-control" name="progress_percent" min="0" max="100" value="{{ old('progress_percent', $project->progress_percent) }}"></div>@endif
</div>
<div class="mt-3"><button class="btn btn-success">Save Project</button></div>
</form>

@if(isset($project))
<div class="card mt-4"><div class="card-body">
<h5>Modules</h5>
<form method="POST" action="{{ route('projects.modules.store', $project) }}" class="row g-2 mb-3">@csrf
<div class="col-md-4"><input class="form-control" name="name" placeholder="Module name" required></div>
<div class="col-md-5"><input class="form-control" name="description" placeholder="Module description"></div>
<div class="col-md-2"><input class="form-control" type="number" name="sort_order" placeholder="Order"></div>
<div class="col-md-1"><button class="btn btn-primary w-100">Add</button></div>
</form>
<table class="table"><thead><tr><th>Name</th><th>Order</th><th>Actions</th></tr></thead><tbody>
@forelse($project->modules as $module)
<tr><td>{{ $module->name }}</td><td>{{ $module->sort_order }}</td><td>
<form method="POST" action="{{ route('project-modules.destroy', $module) }}">@csrf @method('DELETE') <button class="btn btn-sm btn-danger">Delete</button></form>
</td></tr>
@empty <tr><td colspan="3">No modules found.</td></tr> @endforelse
</tbody></table>
</div></div>
@endif
@endsection