@extends('student.layouts.app')
@section('titlePage', 'Check answer')
@section('content')
@push('script')
<script>  
    document.getElementById("dr-1").classList.add("active");
</script>
@endpush
<!-- <div class="breadcrumb-header justify-content-between">
    <div class="left-content">
        <span class="main-content-title mg-b-0 mg-b-lg-1 tx-primary">TEST-STATUS</span>
    </div>
    <div class="justify-content-center mt-2">
        <ol class="breadcrumb breadcrumb-style3">
            @if ($type == "Tests")
            <li class="breadcrumb-item tx-15">
                <span class="float-right">
                    <a href="{{$_SERVER['HTTP_REFERER'] }}">BACK</a>
                </span>
            </li>
            <li class="breadcrumb-item tx-15 tx-primary">
                Test - Status
            </li>
            @else
            <li class="breadcrumb-item tx-15">
                <span class="float-right">
                    <a href="{{ _route('student.assignments.index') }}">BACK</a>
                </span>
            </li>
            <li class="breadcrumb-item tx-15 tx-primary">
                Assignment - Status
            </li>
            @endif
        </ol>
    </div>
</div> -->
<!-- <hr class="title-bottom"> -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <!-- <h5 class="tx-primary">Result for {{$test->title}}</h5> -->
                <div class="p-sm-2 p-1 border-bottom d-flex justify-content-between align-center">
					<h5 class="text-primary mb-1">Result for {{$test->title}}</h5>
					<div class="justify-content-center">
						<ol class="breadcrumb breadcrumb-style3">
							<li class="breadcrumb-item tx-15"><a href="{{ _route('student.tests.index')}}"><i class="feather icon-home"></i></a></li>
							<li class="breadcrumb-item active" style="text-transform: none;">View Correct Answer</li>
						</ol>
					</div>
				</div>
            </div>
            <div class="card-body">
                <div class="table-responsive dt-responsive">
                    <div id="dt-ajax-array_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        @include('common.alert')
                        <div class="row">
                            <div class="col-sm-12">
                                <ul class="list-group">
                                    @foreach ($data as $item)
                                    @php
                                    //dd($data);
                                    if ($type == "Tests")
                                    $end_date = date('d-m-Y H:i:s',strtotime($item->quiz_question->end_time));
                                    @endphp
                                    <li class="list-group-item">
                                        @if ($type == "Tests")
                                        <a href="{{ _route('student.tests.check-correct-answer-detail', [
                                                    'id' => $item->id,
                                                    'slug' => $test->slug
                                                ]) }}" class="btn btn-primary">View Correct Answer: {{$end_date}}</a>
                                        @else
                                        <a href="{{ _route('student.assignments.check-correct-answer-detail', [
                                                    'id' => $item->id,
                                                    'slug' => $test->slug
                                                ]) }}" class="btn btn-primary">View Correct Answer: {{$item->updated_at}}</a>
                                        @endif

                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- [ Main Content ] end -->
</div>
@endsection