@extends('front.layouts.app')
<style>
    .assesment-heading-color{
        background-color: #CB001B !important;
    }
    .student_assemsnt{
        background-color: #023878;
    }
</style>
@section('content')

    <div class="container mb-5" >
        <div class="row justify-content-center">
            <div class="col-md-8 text-center mt-5" >
                <img src="{{ asset('frontend/academics/img/uor-blue-logo.png')}}" alt="University Logo" class="mt-3 img-fluid" style="max-width: 200px;">
                <h2><strong>Career Assessment Records</strong></h2>
            </div>
        </div>
        <div class="table-responsive"  >
            <table class="table table-bordered align-middle">
                <thead>
                <tr>
                    <th colspan="3" class="text-center text-white fs-4 assesment-heading-color">
                        Multiple Student Records Found
                    </th>
                </tr>
                <tr class="text-center text-white student_assemsnt">
                    <th style="width: 80px;">Sr No.</th>
                    <th>Student Name</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($students as $index => $student)
                    <tr>
                        <td class="text-start">{{ $index + 1 }}</td>
                        <td class="text-start">
                            <a href="{{ route('assessment.detail', $student->id) }}"
                                class="text-dark text-decoration-none">{{ $student->student_name }}</a>
                        </td>
                        <td class="text-start">
                            <a href="{{ route('assessment.detail', $student->id) }}" class="btn btn-primary btn-sm">Detail</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>





@endsection