@extends('layouts.app')

@section('content')
<div class="row">
    <div class="col-md-12 grid-margin">
        <div class="row">
            <div class="col-12 col-xl-8 mb-4 mb-xl-0">
                <h3 class="font-weight-bold">Edit Result</h3>
                <h6 class="font-weight-normal mb-0">Update student academic performance data</h6>
            </div>
            <div class="col-12 col-xl-4">
                <div class="justify-content-end d-flex">
                    <a href="{{ route('results.index') }}" class="btn btn-secondary btn-sm">
                        <i class="ti-arrow-left"></i> Back to Results
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Edit Student Result</h4>
                <p class="card-description">
                    Current GPA: <span class="badge badge-success">{{ number_format($result->gpa, 2) }}</span> | 
                    Current CGPA: <span class="badge badge-primary">{{ number_format($result->cgpa, 2) }}</span>
                </p>
                
                <form action="{{ route('results.update', $result->id) }}" method="POST" class="forms-sample">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="rollno">Roll Number <span class="text-danger">*</span></label>
                                <input type="text" name="rollno" value="{{ old('rollno', $result->rollno) }}" class="form-control" required>
                                @error('rollno')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="name">Student Name <span class="text-danger">*</span></label>
                                <input type="text" name="name" value="{{ old('name', $result->name) }}" class="form-control" required>
                                @error('name')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="course">Course <span class="text-danger">*</span></label>
                                <input type="text" name="course" value="{{ old('course', $result->course) }}" class="form-control" required>
                                <small class="form-text text-muted">e.g., Computer Science, Mathematics, Physics</small>
                                @error('course')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="subject">Subject <span class="text-danger">*</span></label>
                                <input type="text" name="subject" value="{{ old('subject', $result->subject) }}" class="form-control" required>
                                @error('subject')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="credit_hours">Credit Hours (CH) <span class="text-danger">*</span></label>
                                <input type="number" name="credit_hours" value="{{ old('credit_hours', $result->credit_hours) }}" class="form-control" min="1" max="10" required>
                                <small class="form-text text-muted">Usually between 1-6 credit hours</small>
                                @error('credit_hours')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="mark">Mark (0-100) <span class="text-danger">*</span></label>
                                <input type="number" name="mark" value="{{ old('mark', $result->mark) }}" class="form-control" min="0" max="100" required>
                                <small class="form-text text-muted">GPA will be recalculated</small>
                                @error('mark')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="grade">Grade (Optional)</label>
                                <input type="text" name="grade" value="{{ old('grade', $result->grade) }}" class="form-control" placeholder="Auto-calculated if empty">
                                <small class="form-text text-muted">Leave empty for auto-calculation</small>
                                @error('grade')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>
                    
                    <div class="alert alert-warning mt-4">
                        <h6 class="alert-heading"><i class="ti-info"></i> Update Notice</h6>
                        <p class="mb-0">GPA and CGPA will be recalculated automatically when you update marks or grades.</p>
                    </div>
                    
                    <div class="form-group mt-4">
                        <button type="submit" class="btn btn-primary mr-2">
                            <i class="ti-save"></i> Update Result
                        </button>
                        <a href="{{ route('results.index') }}" class="btn btn-light">
                            <i class="ti-arrow-left"></i> Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection