@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">Student Result Management</h3>
                <h6 class="font-weight-normal mb-0">Manage and track student academic performance</h6>
            </div>
            <div class="col-12 col-xl-4">
                <div class="justify-content-end d-flex">
                    <a href="{{ route('dashboard') }}" class="btn btn-info btn-sm mr-2">
                        <i class="icon-pie-chart"></i> Analytics
                    </a>
                    <a href="{{ route('results.create') }}" class="btn btn-primary btn-sm">
                        <i class="icon-paper"></i> Add New Result
                    </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">
                <p class="card-title mb-0">Student Results</p>
                <div class="table-responsive">
                    <table class="table table-striped table-borderless" id="dataTable">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Roll No</th>
                                <th>Name</th>
                                <th>Course</th>
                                <th>Subject</th>
                                <th>Credit Hours</th>
                                <th>Mark</th>
                                <th>Grade</th>
                                <th>GPA</th>
                                <th>CGPA</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($results as $result)
                            <tr>
                                <td>{{ $result->id }}</td>
                                <td><span class="badge badge-info">{{ $result->rollno }}</span></td>
                                <td class="font-weight-bold">{{ $result->name }}</td>
                                <td>{{ $result->course }}</td>
                                <td>{{ $result->subject }}</td>
                                <td><span class="badge badge-secondary">{{ $result->credit_hours }} CH</span></td>
                                <td>
                                    @if($result->mark >= 90)
                                        <span class="badge badge-success">{{ $result->mark }}</span>
                                    @elseif($result->mark >= 70)
                                        <span class="badge badge-warning">{{ $result->mark }}</span>
                                    @else
                                        <span class="badge badge-danger">{{ $result->mark }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if($result->grade == 'A+' || $result->grade == 'A')
                                        <span class="badge badge-success">{{ $result->grade }}</span>
                                    @elseif($result->grade == 'B+' || $result->grade == 'B')
                                        <span class="badge badge-warning">{{ $result->grade }}</span>
                                    @else
                                        <span class="badge badge-danger">{{ $result->grade }}</span>
                                    @endif
                                </td>
                                <td><span class="text-success font-weight-bold">{{ number_format($result->gpa, 2) }}</span></td>
                                <td><span class="text-primary font-weight-bold">{{ number_format($result->cgpa, 2) }}</span></td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <a href="{{ route('results.edit', $result->id) }}" class="btn btn-success btn-sm">
                                            <i class="ti-pencil"></i>
                                        </a>
                                        <form action="{{ route('results.destroy', $result->id) }}" method="POST" style="display:inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this result?')">
                                                <i class="ti-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="11" class="text-center">
                                    <div class="py-4">
                                        <i class="icon-ban" style="font-size: 3rem; color: #ccc;"></i>
                                        <h5 class="mt-3 text-muted">No results found</h5>
                                        <p class="text-muted">Start by adding your first student result.</p>
                                        <a href="{{ route('results.create') }}" class="btn btn-primary">
                                            <i class="icon-paper"></i> Add First Result
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection