@extends('elibrary.staff.layouts.app')
@section('content')
    @include('elibrary.components.heading', ['title' => 'Result', 'url' => route('result.create')])

        @forelse($results as $result)
            <div class="col-lg-4 col-md-6">
                <div class="result-list">
                    <a href="{{route('result.show', $result->id)}}">
                        <div class="result-image">
                            <img src="{{ $result->doc}}" class="w-100" alt="">
                        </div>
                    </a>
                        <div class="result-info">
                            <a href="{{route('result.show', $result->id)}}">
                                <h3>{{$result->student_name}}</h3>
                            </a>
                            <p><i class='bx bx-result'></i>Class {{$result->class}}</p>
                        </div>
                </div>
            </div>
        @empty
            <div class="col-md-12 mt-4 d-flex justify-content-center">
                <div class="no-product text-center">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50" height="50">
                        <path fill="none" d="M0 0h24v24H0z"/>
                        <path d="M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a3.99 3.99 0 0 1 3 1.354A3.99 3.99 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8zm7-2V5h-5a2 2 0 0 0-2 2v12h7zm-9 0V7a2 2 0 0 0-2-2H4v14h7z"/>
                    </svg>
                    <h3>No Results found.</h3>
                </div>
            </div>
        @endforelse
@endsection