@extends('Training::layouts.app')

@section('content')
    @if(session('success'))
        <div id="mydiv" class="alert alert-success mt-3 text-center">
            {{ session('success') }}
        </div>
    @endif

    @if(session('info'))
        <div id="mydiv" class="alert alert-info mt-3 text-center">
            {{ session('info') }}
        </div>
    @endif

    @if(session('error'))
        <div id="mydiv" class="alert alert-danger mt-3 text-center">
            {{ session('error') }}
        </div>
    @endif

    <h3 class="main_question mb-5">
        <button type="button" name="button" class="btn btn-primary"><i
                class="las la-graduation-cap"></i></button>
        Training History
    </h3>   
    <div class="employee_list">
        <div class="each_employee bg-white rounded p-4 mb-2">
            <div class="row">
                <div
                    class="col-md-3">
                    <div class="d-md-flex align-items-md-center mb-md-0 mb-2">
                        <div class="">
                            <h5 class="mt-0 mb-0">Exam Name</h5>
                            
                        </div>
                    </div>
                </div>
               
                <div class="col-md-3">
                    <div class="text-left mb-md-0 mb-2">
                        <h5 class="mt-0 mb-0">Class Name</h5>
                        
                    </div>
                </div>
                <div
                    class="col-md-3 }}">
                    <div class="text-left">
                        <h5 class="mt-0 mb-0">Exam Date</h5>
                        
                    </div>
                </div>
                                        
                <div class="col-md-2">
                    <div class="text-left">
                        <h5 class="mt-0 mb-0">Result</h5>
                    </div>
                </div>
                
            </div>
        </div>
            @forelse($testResults as $participant)
            
                <div class="each_employee bg-white rounded p-4 mb-2">
                    <div class="row">
                        <div
                            class="col-md-3">
                            <div class="d-md-flex align-items-md-center mb-md-0 mb-2">
                                <div class="">
                                    <p class="mb-0">{{ $participant->trTestSchedule->trTest->name }}</p>
                                </div>
                            </div>
                        </div>
                        @if($participant->selectedCandidate->job_id != null && $participant->selectedCandidate->batch_id != null)
                            <div class="col-md-3">
                                <div class="text-left mb-md-0 mb-2">
                                    <p class="mb-0">{{ $participant->trTestSchedule->trClassSchedule->trClass->name ?? '' }}</p>
                                </div>
                            </div>
                        @endif
                        <div
                            class="col-md-3 }}">
                            <div class="text-left">
                                <p class="mb-0">{{ date('d F, Y', strtotime($participant->trTestSchedule->start_time)) }}</p>
                            </div>
                        </div>
                                              
                        <div class="col-md-2">
                            <div class="text-left">                                
                                {{ $participant->trRating->percentage ?? ''}}
                            </div>
                        </div>
                        
                    </div>
                </div>
            
            @empty
                No exam schedule found!
            @endforelse
       
    </div>
@endsection

@push('js')
    <script>
        setTimeout(function () {
            $('#mydiv').fadeOut('fast');
        }, 3000);
    </script>
@endpush