@extends('layouts.app')
@section('title',$project->exists?'Edit Project':'Register Project')
@section('content')
<div class="page-header"><div><h1 class="page-title">{{ $project->exists?'Edit Project':'Register a New Project' }}</h1><p class="page-subtitle">Add the team, supervisor, project information, and supporting files.</p></div><a class="btn btn-outline" href="{{ $project->exists?route('projects.show',$project):route('projects.index') }}">← Back</a></div>
<form method="post" enctype="multipart/form-data" action="{{ $project->exists?route('projects.update',$project):route('projects.store') }}" class="card">@csrf @if($project->exists)@method('PUT')@endif
<div class="card-header">Project Information</div><div class="card-body"><div class="form-grid">
<div class="field col-6"><label class="required">Competition</label><select name="competition_id" required>@foreach($competitions as $competition)<option value="{{ $competition->id }}" @selected((string)old('competition_id',$project->competition_id?:request('competition_id'))===(string)$competition->id)>{{ $competition->code }} — {{ $competition->title }}</option>@endforeach</select></div>
<div class="field col-3"><label class="required">Project Code</label><input name="project_code" value="{{ old('project_code',$project->project_code) }}" required placeholder="PRJ-001"></div>
<div class="field col-3"><label class="required">Category</label><input name="category" value="{{ old('category',$project->category?:'Open') }}" required></div>
<div class="field col-8"><label class="required">Project Title</label><input name="title" value="{{ old('title',$project->title) }}" required></div>
<div class="field col-4"><label class="required">Status</label><select name="status" required>@php($statuses=auth()->user()->isAdministrator()?['draft','submitted','under_evaluation']:['draft','submitted'])@foreach($statuses as $status)<option value="{{ $status }}" @selected(old('status',$project->status?:'draft')===$status)>{{ ucwords(str_replace('_',' ',$status)) }}</option>@endforeach</select></div>
<div class="field col-12"><label>Project Abstract</label><textarea name="abstract" rows="6" maxlength="15000">{{ old('abstract',$project->abstract) }}</textarea></div>
</div></div>
<div class="card-header">Team Members</div><div class="card-body"><div class="form-grid">
@if(auth()->user()->isAdministrator())<div class="field col-6"><label class="required">Project Leader</label><select name="leader_user_id" required><option value="">Select leader</option>@foreach($students as $student)<option value="{{ $student->id }}" @selected((string)old('leader_user_id',$project->members->firstWhere('pivot.is_leader',true)?->id)===(string)$student->id)>{{ $student->name }} ({{ $student->student_id?:$student->username }})</option>@endforeach</select></div>@else<div class="field col-6"><label>Project Leader</label><input value="{{ auth()->user()->name }}" disabled><span class="hint">You are recorded as the project leader.</span></div>@endif
<div class="field col-6"><label>Additional Team Members</label><select name="member_ids[]" multiple size="7">@php($selected=collect(old('member_ids',$project->exists?$project->members->pluck('id')->all():[]))->map(fn($id)=>(string)$id)->all())@foreach($students as $student)@if(!auth()->user()->hasRole('student')||$student->id!==auth()->id())<option value="{{ $student->id }}" @selected(in_array((string)$student->id,$selected,true))>{{ $student->name }} ({{ $student->student_id?:$student->username }})</option>@endif @endforeach</select><span class="hint">Hold Ctrl to select more than one member. Maximum 10 members.</span></div>
</div></div>
<div class="card-header"><span>Supervisors</span><button class="btn btn-outline btn-sm" type="button" id="add-supervisor">＋ Add Supervisor</button></div><div class="card-body"><div id="supervisor-list">@php($supervisors=old('supervisors',$project->exists?$project->supervisors->toArray():[['name'=>'','email'=>'','organisation'=>'']]))@foreach($supervisors as $i=>$supervisor)<div class="criterion supervisor-row"><div class="form-grid"><div class="field col-4"><label>Name</label><input name="supervisors[{{ $i }}][name]" value="{{ $supervisor['name']??'' }}"></div><div class="field col-4"><label>Email</label><input type="email" name="supervisors[{{ $i }}][email]" value="{{ $supervisor['email']??'' }}"></div><div class="field col-3"><label>Organisation</label><input name="supervisors[{{ $i }}][organisation]" value="{{ $supervisor['organisation']??'' }}"></div><div class="field col-1"><label>&nbsp;</label><button class="btn btn-danger btn-sm remove-row" type="button">×</button></div></div></div>@endforeach</div></div>
<div class="card-header">Supporting Files</div><div class="card-body"><div class="form-grid">@foreach(config('innex.uploads') as $type=>$settings)<div class="field col-6"><label>{{ $settings['label'] }}</label><input type="file" name="{{ $type }}[]" multiple accept="{{ collect(explode(',',$settings['mimes']))->map(fn($e)=>'.'.$e)->join(',') }}"><span class="hint">Allowed: {{ strtoupper(str_replace(', ', ', ', $settings['mimes'])) }}. Maximum {{ round($settings['max_kb']/1024) }} MB per file.</span></div>@endforeach</div>
@if($project->exists&&$project->files->isNotEmpty())<h3 class="mt-3">Existing Files</h3>@foreach($project->files as $file)<div class="file-row"><div><strong>{{ $file->original_name }}</strong><br><span class="muted">{{ ucfirst($file->type) }} · {{ number_format($file->size/1024,1) }} KB</span></div><div class="actions"><a class="btn btn-outline btn-sm" href="{{ route('project-files.download',$file) }}">Download</a><form method="post" action="{{ route('project-files.destroy',$file) }}">@csrf @method('DELETE')<button class="btn btn-danger btn-sm" data-confirm="Remove this uploaded file?">Delete</button></form></div></div>@endforeach @endif
</div>
<div class="card-body"><div class="actions"><button class="btn btn-primary" type="submit">Save Project</button><a class="btn btn-secondary" href="{{ $project->exists?route('projects.show',$project):route('projects.index') }}">Cancel</a></div></div>
</form>
@endsection
@push('scripts')
<script>
(()=>{const list=document.getElementById('supervisor-list');let i=list?.querySelectorAll('.supervisor-row').length||0;document.getElementById('add-supervisor')?.addEventListener('click',()=>{if(i>=5)return alert('Maximum five supervisors.');const div=document.createElement('div');div.className='criterion supervisor-row';div.innerHTML=`<div class="form-grid"><div class="field col-4"><label>Name</label><input name="supervisors[${i}][name]"></div><div class="field col-4"><label>Email</label><input type="email" name="supervisors[${i}][email]"></div><div class="field col-3"><label>Organisation</label><input name="supervisors[${i}][organisation]"></div><div class="field col-1"><label>&nbsp;</label><button class="btn btn-danger btn-sm remove-row" type="button">×</button></div></div>`;list.appendChild(div);i++;});document.addEventListener('click',e=>{if(e.target.classList.contains('remove-row'))e.target.closest('.supervisor-row')?.remove();});})();
</script>
@endpush