@extends('mock-test.layouts.ielts-mock-test')


@section('main')

    <div class="row mt-5">
        <div class="col-12 text-center m-2 mt-5">
            <h1 class="mt-4">IELTS Mock Test</h1>
        </div>
    </div>

    <div class="row">
       
        <div class="card m-auto mb-4" style="width: 19.5rem;">
            <div class="card-body text-center">
                <h3 class="card-title"> <i class="fa-solid fa-headphones"></i> Listening  </h3>
                <hr>
                    <h5>40 Min</h5>
                <hr>
                    <h5>4 Sections</h5>
                <hr>
                    <h5>40 Questions</h5>

                @if(in_array(['test_id' => $test->listening_test_id], $results, true))
                    <a href="" class="btn btn-sm btn-success w-100 mt-2 disabled">Test Submitted</a>
                @else
                    <a href="{{ route('mock-test.ieltsTestPage', ['category' => 'listening', 'testId' => base64_encode(@$test->listening_test_id)]) }}" class="btn btn-sm btn-primary w-100 mt-2">Start Test</a>
                @endif
            </div>
        </div>
       
        <div class="card m-auto mb-4" style="width: 19.5rem;">
            <div class="card-body text-center">
                <h3 class="card-title"> <i class="fa-solid fa-book-open"></i> Reading  </h3>
                <hr>
                    <h5>60 Min</h5>
                <hr>
                    <h5>3 Sections</h5>
                <hr>
                    <h5>40 Questions</h5>
                @if(in_array(['test_id' => $test->reading_test_id], $results, true))
                    <a href="" class="btn btn-sm btn-success w-100 mt-2 disabled">Test Submitted</a>
                @else
                    <a href="{{ route('mock-test.ieltsTestPage', ['category' => 'reading', 'testId' => base64_encode(@$test->reading_test_id)]) }}" class="btn btn-sm btn-primary w-100 mt-2">Start Test</a>
                @endif
            </div>
        </div>

        <div class="card m-auto mb-4" style="width: 19.5rem;">
            <div class="card-body text-center">
                <h3 class="card-title"> <i class="fa-solid fa-pen"></i> Writing  </h3>
                <hr>
                    <h5>60 Min</h5>
                <hr>
                    <h5>2 Tasks</h5>
                <hr>
                    <h5>> 400 Words</h5>
                @if(in_array(['test_id' => $test->writing_test_id], $results, true))
                    <a href="" class="btn btn-sm btn-success w-100 mt-2 disabled">Test Submitted</a>
                @else
                    <a href="{{ route('mock-test.ieltsTestPage', ['category' => 'writing', 'testId' => base64_encode(@$test->writing_test_id)]) }}" class="btn btn-sm btn-primary w-100 mt-2">Start Test</a>
                @endif
            </div>
        </div>

        <div class="card m-auto mb-4" style="width: 19.5rem;">
            <div class="card-body text-center">
                <h3 class="card-title"> <i class="fa-solid fa-volume-high"></i> Speaking  </h3>
                <hr>
                    <h5>11-14 Min</h5>
                <hr>
                    <h5>3 Parts</h5>
                <hr>
                    <h5>Face - to - Face</h5>
                @if(in_array(['test_id' => $test->speaking_test_id], $results, true))
                    <a href="" class="btn btn-sm btn-success w-100 mt-2 disabled">Test Submitted</a>
                @else
                    <a href="{{ route('mock-test.ieltsTestPage', ['category' => 'speaking', 'testId' => base64_encode(@$test->speaking_test_id)]) }}" class="btn btn-sm btn-primary w-100 mt-2">View Test</a>
                @endif
            </div>
        </div>
      
    </div>

@endsection


@section('css')
   
@endsection

@section('script')

@endsection