@extends('layouts.app')
@section('content')
<br>
<div class="container">
    <div class="card">
        <div class="card-header bg-dark text-white">
            <h4 class="mb-0">Add Performance Record</h4>
        </div>
        <div class="card-body">
            <form action="{{ route('performance.store') }}" method="POST">
                @csrf

                <!-- Employee Info -->
                <u><h6 class="mb-3">Employee Information</h6></u>
                <div class="mb-3">
                    <label class="form-label">Select Employee</label>
                    <select name="employee_id" class="form-control" required>
                        <option value="">Select Employee</option>
                        @foreach($employees as $emp)
                            <option value="{{ $emp->id }}" {{ old('employee_id') == $emp->id ? 'selected' : '' }}>
                                {{ $emp->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <!-- Performance Details -->
                <u><h6 class="mb-3">Performance Details</h6></u>
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Target</label>
                        <input type="text" name="target" value="{{ old('target') }}" class="form-control" placeholder="Target" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Achievement</label>
                        <input type="text" name="achievement" value="{{ old('achievement') }}" class="form-control" placeholder="Achievement">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Review Date</label>
                        <input type="date" name="review_date" value="{{ old('review_date') }}" class="form-control">
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Remarks</label>
                    <textarea name="remarks" class="form-control" rows="3" placeholder="Remarks">{{ old('remarks') }}</textarea>
                </div>

                <button type="submit" class="btn btn-success">Save</button>

            </form>
        </div>
    </div>
</div>

@endsection