@extends('layouts.app')
@section('title','Performance & growth')
@section('content')
<x-page-header eyebrow="PERFORMANCE & GROWTH" title="Develop people with purpose" description="Weighted KPI reviews, competencies, learning, certifications, development plans and succession nominations."/>
<x-management-sections module="performance"/>

@if(\App\Support\ModulePages::page()==='index')@include('lifecycle.records')@endif
@can('performance.manage')@if(in_array(\App\Support\ModulePages::page(),['create']))
<section class="panel"><div class="panel-heading"><h2>Create a review or development record</h2></div><div class="panel-body"><form method="post" action="{{ $base }}/lifecycle" class="form-grid" x-data="{kind:'performance'}">@csrf
<x-lifecycle-field name="employee_id" label="Employee" type="select" :options="$employees->mapWithKeys(fn($e)=>[$e->id=>$e->employee_number.' · '.$e->full_name])->all()"/><label>Record type<select name="kind" x-model="kind"><option value="performance">KPI review</option><option value="training">Training</option><option value="certification">Certification</option><option value="development">Development plan</option><option value="succession">Succession nomination</option></select></label><x-lifecycle-field name="title" label="Title"/><x-lifecycle-field name="effective_on" label="Effective date" type="date"/>
<template x-if="kind==='performance'"><div class="form-span form-grid"><x-lifecycle-field name="data[period_start]" label="Review period starts" type="date"/><x-lifecycle-field name="data[period_end]" label="Review period ends" type="date"/>
@foreach([50,30,20] as $index=>$weight)<div class="form-span kpi-row"><x-lifecycle-field :name="'data[kpis]['.$index.'][name]'" :label="'KPI '.($index+1)"/><x-lifecycle-field :name="'data[kpis]['.$index.'][weight]'" label="Weight (%)" type="number" :value="$weight"/><x-lifecycle-field :name="'data[kpis]['.$index.'][score]'" label="Score (0–5)" type="number"/></div>@endforeach
<x-lifecycle-field name="data[competencies]" label="Competency assessment" type="textarea"/><x-lifecycle-field name="data[review]" label="Review and feedback" type="textarea"/><p class="hint form-span">Weights must total 100. The weighted score is calculated when the request is submitted.</p></div></template>
<template x-if="kind==='training'"><div class="form-span form-grid"><x-lifecycle-field name="data[provider]" label="Training provider"/><x-lifecycle-field name="data[hours]" label="Learning hours" type="number"/><x-lifecycle-field name="data[outcome]" label="Learning status" type="select" :options="['planned'=>'Planned','attended'=>'Attended','completed'=>'Completed']"/><x-lifecycle-field name="data[notes]" label="Learning outcomes" type="textarea"/></div></template>
<template x-if="kind==='certification'"><div class="form-span form-grid"><x-lifecycle-field name="data[issuer]" label="Certificate issuer"/><x-lifecycle-field name="data[reference]" label="Certificate reference"/><x-lifecycle-field name="data[expires_on]" label="Expires on (if applicable)" type="date" :required="false"/><x-lifecycle-field name="data[document_id]" label="Employee vault document ID (scanned evidence)" type="number"/></div></template>
<template x-if="kind==='development'"><div class="form-span form-grid"><x-lifecycle-field name="data[objective]" label="Development objective" type="textarea"/><x-lifecycle-field name="data[actions]" label="Actions and milestones" type="textarea"/><x-lifecycle-field name="data[review_on]" label="Next review on" type="date"/></div></template>
<template x-if="kind==='succession'"><div class="form-span form-grid"><x-lifecycle-field name="data[position_id]" label="Target position" type="select" :options="$positions->pluck('code','id')->all()"/><x-lifecycle-field name="data[readiness]" label="Readiness" type="select" :options="['ready_now'=>'Ready now','one_year'=>'Within one year','two_years'=>'Within two years']"/><x-lifecycle-field name="data[rationale]" label="Nomination rationale and development needs" type="textarea"/></div></template>
<div class="form-span"><button class="button primary">Submit for review & approval</button></div></form></div></section>
@endif@endcan
@endsection