@extends('backend.admin_backend.admin_dashboard')

@section('admin')
<style>
    /* Hover effect */
.table tbody tr:hover td{

    background: #fff6c8 !important;
    transition:.25s;

}
</style>

<div class="container-fluid">

<div class="card shadow">

<div class="card-header bg-success text-white">

<h4>

<i class="fas fa-eye"></i>

Result Upload Preview

</h4>

</div>

<div class="card-body">

{{-- =======================================================
CLASS / SUBJECT DETAILS
======================================================= --}}

<div class="row mb-3">

<div class="col-md-3">

<strong>Class :</strong>

{{ $class->class_name }}

</div>

<div class="col-md-3">

<strong>Subject :</strong>

{{ $subject->subject_name }}

</div>

<div class="col-md-3">

<strong>Total Records :</strong>

{{ count($validatedRows) }}

</div>

<div class="col-md-3">

<strong>Errors :</strong>

<span class="text-danger">

{{ count($errors) }}

</span>

</div>

</div>


{{-- =======================================================
DISPLAY ERRORS
======================================================= --}}

@if(count($errors))

<div class="alert alert-danger">

<h6>

Found Errors

</h6>

<ul class="mb-0">

@foreach($errors as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif



{{-- =======================================================
PREVIEW TABLE
======================================================= --}}

<div class="table-responsive">

<table class="table table-bordered table-striped">

<thead class="table-success">

<tr>

<th>S/N</th>

<th>Student ID</th>

<th>Student Name</th>

<th>CA1</th>

<th>CA2</th>

<th>CA3</th>

<th>Exam</th>

<th>Status</th>

</tr>

</thead>

<tbody>

@foreach($validatedRows as $row)

<tr>

<td>

{{ $loop->iteration }}

</td>

<td>

{{ $row['student_code'] }}

</td>

<td>

{{ $row['student_name'] }}

</td>

<td>

{{ $row['ca1'] }}

</td>

<td>

{{ $row['ca2'] }}

</td>

<td>

{{ $row['ca3'] }}

</td>

<td>

{{ $row['exam'] }}

</td>

<td>

<span class="badge bg-success">

Ready

</span>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

<div class="card-footer">

@if(count($errors)==0)

<form

method="POST"

action="{{ route('admin.result.confirm.csv') }}">

@csrf

<button class="btn btn-success">

<i class="fas fa-check-circle"></i>

Confirm & Save Results

</button>

</form>

@else

<div class="alert alert-warning mb-0">

Please fix the CSV file before saving.

</div>

@endif

</div>

</div>

</div>

@endsection