@extends('layouts.app')
@section('content')
<style>
.pm{max-width:1500px}.pm-head,.row,.cards{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.pm-head{justify-content:space-between;margin-bottom:16px}.pm h2{margin:0;color:#17365d}.btn{border:0;border-radius:6px;background:#1f5f91;color:#fff;padding:9px 13px;font-weight:800;text-decoration:none;cursor:pointer}.btn.green{background:#15803d}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:15px;margin-bottom:15px}.card{background:#fff;border:1px solid #e5e7eb;border-left:5px solid #1f5f91;border-radius:6px;padding:13px;min-width:170px;flex:1}.card b{display:block;color:#64748b;font-size:12px}.card strong{font-size:22px;color:#17365d}.field{display:flex;flex:1;min-width:150px;flex-direction:column;gap:4px}.field label{font-size:12px;font-weight:800;color:#475569}.field input,.field select,.field textarea{border:1px solid #cbd5e1;border-radius:5px;padding:8px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.project{border:1px solid #e5e7eb;border-radius:6px;padding:13px;color:#111;text-decoration:none}.project:hover{border-color:#15803d}.meta{display:flex;justify-content:space-between;color:#64748b;font-size:12px;margin:7px 0}.progress{height:8px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:#15803d}.kanban{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:10px;overflow:auto}.column{background:#f8fafc;border-top:4px solid #1f5f91;padding:9px;min-height:140px}.task{background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:9px;margin:8px 0}.task b{font-size:13px}.tiny{font-size:11px;color:#64748b}table{width:100%;border-collapse:collapse}th{background:#17365d;color:#fff;text-align:left;padding:8px}td{padding:8px;border-bottom:1px solid #e5e7eb;font-size:13px}details summary{cursor:pointer;color:#17365d;font-weight:900}@media(max-width:800px){.field{min-width:100%}.kanban{grid-template-columns:repeat(6,220px)}}
</style>
<div class="pm"><div class="pm-head"><div><h2>Project Management</h2><small>Portfolio visibility, accountable delivery, milestones, workload, budgets, risks, and status reporting.</small></div><details class="panel" style="margin:0"><summary>New Project</summary><form method="post" action="{{url('/project-management')}}" class="row" style="max-width:900px;margin-top:12px">@csrf<div class="field"><label>Project Name</label><input name="name" required></div><div class="field"><label>Branch</label><select name="branch_id" required>@foreach($branches as $b)<option value="{{$b->id}}">{{$b->name}}</option>@endforeach</select></div><div class="field"><label>Manager</label><select name="manager_id" required>@foreach($users as $u)<option value="{{$u->id}}">{{$u->name}}</option>@endforeach</select></div><div class="field"><label>Customer</label><select name="customer_id"><option value="">Internal project</option>@foreach($customers as $c)<option value="{{$c->id}}">{{$c->name}}</option>@endforeach</select></div><div class="field"><label>Department</label><select name="department_id"><option value="">None</option>@foreach($departments as $d)<option value="{{$d->id}}">{{$d->name}}</option>@endforeach</select></div><div class="field"><label>Priority</label><select name="priority"><option>medium</option><option>high</option><option>critical</option><option>low</option></select></div><div class="field"><label>Start</label><input type="date" name="start_date"></div><div class="field"><label>Due</label><input type="date" name="due_date"></div><div class="field"><label>Budget</label><input type="number" min="0" step="0.01" name="budget"></div><div class="field" style="min-width:100%"><label>Description</label><textarea name="description"></textarea></div><button class="btn green">Create Project</button></form></details></div>
@if(session('success'))<div class="panel" style="border-left:5px solid #15803d">{{session('success')}}</div>@endif @if($errors->any())<div class="panel" style="border-left:5px solid #c62828">{{$errors->first()}}</div>@endif
<div class="cards" data-permission="projects.reports"><div class="card"><b>Active Projects</b><strong>{{$summary['active']}}</strong></div><div class="card" style="border-left-color:#c62828"><b>Overdue</b><strong>{{$summary['overdue']}}</strong></div><div class="card" style="border-left-color:#e84c0d"><b>At Risk / Off Track</b><strong>{{$summary['at_risk']}}</strong></div><div class="card"><b>Portfolio Budget</b><strong>{{number_format($summary['budget'],2)}}</strong></div><div class="card"><b>Actual Cost</b><strong>{{number_format($summary['actual'],2)}}</strong></div></div>
<form method="get" class="panel row auto-filter-form"><div class="field"><label>Search</label><input name="search" value="{{request('search')}}" placeholder="Project or number"></div><div class="field"><label>Branch</label><select name="branch_id"><option value="">All accessible branches</option>@foreach($branches as $b)<option value="{{$b->id}}" @selected(request('branch_id')==$b->id)>{{$b->name}}</option>@endforeach</select></div><div class="field"><label>Status</label><select name="status"><option value="">All</option>@foreach(['planning','active','on_hold','completed','cancelled'] as $s)<option value="{{$s}}" @selected(request('status')===$s)>{{ucwords(str_replace('_',' ',$s))}}</option>@endforeach</select></div><div class="field"><label>Manager</label><select name="manager_id"><option value="">All</option>@foreach($users as $u)<option value="{{$u->id}}" @selected(request('manager_id')==$u->id)>{{$u->name}}</option>@endforeach</select></div></form>
@if(!$selectedProject)<div class="project-grid">@forelse($projects as $p)<a class="project" href="{{url('/project-management?project_id='.$p->id)}}"><div class="meta"><b>{{$p->project_no}}</b><span>{{ucwords(str_replace('_',' ',$p->status))}}</span></div><h3>{{$p->name}}</h3><div class="meta"><span>{{$p->manager?->name}}</span><span>{{$p->due_date?->format('d M Y')?:'No due date'}}</span></div><div class="progress"><i style="width:{{$p->progress}}%"></i></div><div class="meta"><span>{{$p->progress}}% complete</span><span>{{$p->tasks_count}} tasks</span></div></a>@empty<div class="panel">No projects found.</div>@endforelse</div>{{$projects->links()}}
@else
<div class="panel"><div class="pm-head"><div><a href="{{url('/project-management')}}">&larr; All projects</a><h2>{{$selectedProject->name}}</h2><small>{{$selectedProject->project_no}} | {{$selectedProject->branch?->name}} | Manager: {{$selectedProject->manager?->name}}</small></div><strong>{{$selectedProject->progress}}% complete</strong></div><div class="progress"><i style="width:{{$selectedProject->progress}}%"></i></div>
<form method="post" action="{{url('/project-management/'.$selectedProject->id)}}" class="row" style="margin-top:12px">@csrf @method('PUT')<div class="field"><label>Status</label><select name="status">@foreach(['planning','active','on_hold','completed','cancelled'] as $s)<option value="{{$s}}" @selected($selectedProject->status===$s)>{{$s}}</option>@endforeach</select></div><div class="field"><label>Priority</label><select name="priority">@foreach(['low','medium','high','critical'] as $s)<option @selected($selectedProject->priority===$s)>{{$s}}</option>@endforeach</select></div><div class="field"><label>Health</label><select name="health">@foreach(['on_track','at_risk','off_track'] as $s)<option value="{{$s}}" @selected($selectedProject->health===$s)>{{$s}}</option>@endforeach</select></div><div class="field"><label>Progress %</label><input type="number" min="0" max="100" name="progress" value="{{$selectedProject->progress}}"></div><div class="field"><label>Actual Cost</label><input type="number" min="0" step=".01" name="actual_cost" value="{{$selectedProject->actual_cost}}"></div><div class="field"><label>Due Date</label><input type="date" name="due_date" value="{{$selectedProject->due_date?->format('Y-m-d')}}"></div><input type="hidden" name="description" value="{{$selectedProject->description}}"><button class="btn">Update</button></form></div>
<details class="panel"><summary>Project Team ({{$selectedProject->members->count()}})</summary><form method="post" action="{{url('/project-management/'.$selectedProject->id.'/members')}}" style="margin-top:10px">@csrf<div class="project-grid">@foreach($users as $u)<label class="project"><input type="checkbox" name="member_ids[]" value="{{$u->id}}" @checked($selectedProject->members->contains('id',$u->id) || $selectedProject->manager_id===$u->id)> <b>{{$u->name}}</b><br><span class="tiny">{{$u->job_title?:'Team member'}}</span></label>@endforeach</div><button class="btn green" style="margin-top:10px">Update Team</button></form></details>
<div class="panel"><div class="pm-head"><h3>Delivery Board</h3><details><summary>Add Task</summary><form method="post" action="{{url('/project-management/'.$selectedProject->id.'/tasks')}}" class="row" style="margin-top:10px">@csrf<div class="field"><label>Task</label><input name="title" required></div><div class="field"><label>Assignee</label><select name="assignee_id"><option value="">Unassigned</option>@foreach($users as $u)<option value="{{$u->id}}">{{$u->name}}</option>@endforeach</select></div><div class="field"><label>Milestone</label><select name="milestone_id"><option value="">None</option>@foreach($selectedProject->milestones as $m)<option value="{{$m->id}}">{{$m->title}}</option>@endforeach</select></div><div class="field"><label>Status</label><select name="status">@foreach(['backlog','todo','in_progress','review','blocked','done'] as $s)<option value="{{$s}}">{{$s}}</option>@endforeach</select></div><div class="field"><label>Priority</label><select name="priority"><option>medium</option><option>high</option><option>critical</option><option>low</option></select></div><div class="field"><label>Due</label><input type="date" name="due_date"></div><button class="btn green">Add</button></form></details></div><div class="kanban">@foreach(['backlog','todo','in_progress','review','blocked','done'] as $status)<div class="column"><b>{{ucwords(str_replace('_',' ',$status))}}</b>@foreach($selectedProject->tasks->where('status',$status) as $task)<div class="task"><b>{{$task->title}}</b><div class="tiny">{{$task->task_no}} | {{$task->assignee?->name?:'Unassigned'}} | {{$task->priority}}</div><form method="post" action="{{url('/project-management/tasks/'.$task->id)}}" class="row" style="margin-top:7px">@csrf @method('PUT')<select name="status" style="max-width:105px">@foreach(['backlog','todo','in_progress','review','blocked','done'] as $s)<option value="{{$s}}" @selected($task->status===$s)>{{$s}}</option>@endforeach</select><input type="number" name="progress" value="{{$task->progress}}" min="0" max="100" style="width:55px"><input type="hidden" name="actual_hours" value="{{$task->actual_hours}}"><button class="btn" style="padding:5px">Save</button></form></div>@endforeach</div>@endforeach</div></div>
<div class="row"><details class="panel" style="flex:1"><summary>Add Milestone</summary><form method="post" action="{{url('/project-management/'.$selectedProject->id.'/milestones')}}" class="row" style="margin-top:10px">@csrf<div class="field"><label>Title</label><input name="title" required></div><div class="field"><label>Owner</label><select name="owner_id"><option value="">None</option>@foreach($users as $u)<option value="{{$u->id}}">{{$u->name}}</option>@endforeach</select></div><div class="field"><label>Due</label><input type="date" name="due_date"></div><button class="btn green">Add</button></form><table><tr><th>Milestone</th><th>Owner</th><th>Due</th><th>Status</th></tr>@foreach($selectedProject->milestones as $m)<tr><td>{{$m->title}}</td><td>{{$m->owner?->name?:'-'}}</td><td>{{$m->due_date?->format('d M Y')?:'-'}}</td><td>{{$m->status}}</td></tr>@endforeach</table></details><details class="panel" style="flex:1"><summary>Post Status Update</summary><form method="post" action="{{url('/project-management/'.$selectedProject->id.'/updates')}}" class="row" style="margin-top:10px">@csrf<div class="field"><label>Date</label><input type="date" name="update_date" value="{{now()->toDateString()}}" required></div><div class="field"><label>Health</label><select name="health"><option value="on_track">On track</option><option value="at_risk">At risk</option><option value="off_track">Off track</option></select></div><div class="field"><label>Progress</label><input type="number" name="progress" min="0" max="100" value="{{$selectedProject->progress}}"></div><div class="field" style="min-width:100%"><label>Summary</label><textarea name="summary" required></textarea></div><div class="field"><label>Accomplishments</label><textarea name="accomplishments"></textarea></div><div class="field"><label>Blockers</label><textarea name="blockers"></textarea></div><div class="field"><label>Next Steps</label><textarea name="next_steps"></textarea></div><button class="btn green">Post Update</button></form></details></div>
@endif</div>
@endsection