@extends('admin.layouts.app')

@section('title', __('PTE Mocktest'))

@section('content')
<div class="row clearfix justify-content-center">
    <div class="col-lg-8 col-md-10 col-sm-12 text-center">
        <h4>
            PTE Mocktest
            ({{ $PteMocktest->count() }})
        </h4>
    </div>
</div>



<div class="row">
    <div class="col-lg-4 col-md-4 col-sm-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between">
                <h3 style="color:#066ac9 !important;">Create Paper Own</h3>
            </div>
            <div class="card-body px-2 px-lg-3">
                <div class="row">
                    <div class="col-lg-12">
                        <p>Questions: 55-65</p>
                        <p>Approx Time: 2 hours</p>
                    </div>
                    <div class="col-lg-12 align-self-center">
                        <a href="{{route('pte.mocktest.pattern')}}" class="btn btn-primary float-right">CREATE</a>
                    </div>
                </div>
            </div>   
        </div>
    </div>

    @foreach ($PteMocktest as $data)
    <div class="col-lg-4 col-md-4 col-sm-12">
        <div class="card">
            <div class="card-header bg-info d-flex justify-content-between">
                <h3>Mocktest #{{$loop->iteration}}</h3>
                <span class="badge bg-white text-primary align-self-center">
                    <h3 style="font-size:14px; padding: 0 10px; font-family: inherit; font-weight: normal">Created: {{ \Carbon\Carbon::parse($data->created_at)->format('d/m/Y') }}</h3>
                    <h3 style="font-size:14px; padding: 0 10px; font-family: inherit; font-weight: normal">Updated: {{ \Carbon\Carbon::parse($data->updated_at)->format('d/m/Y') }}</h3>
                </span>
            </div>
            <div class="card-body px-2 px-lg-3">
                <div class="row">
                    <div class="col-lg-4">
                        <p>Questions: {{$data->number_of_question ?? '#NAN'}}</p>
                        <p>Approx Time: 2 hours</p>
                        <p>Pattern: #{{$data->pattern->id}}</p>
                    </div>
                    <div class="col-lg-4 align-self-center text-center">
                        <!-- Add any content or leave empty -->
                    </div>
                    <div class="col-lg-4 align-self-center">
                        <div class="float-right text-right">
                            <form action="{{ route('pte.mocktest.destroy', $data->id) }}"
                                method="POST" class="d-inline" id="deleteForm">
                                @method('DELETE')
                                @csrf
                                <button type="submit" class="btn btn-danger mb-3">
                                    <i class="fas fa-trash-alt"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                    <p>
                        {{$data->ques_pattern ?? 'Speaking: #NAN, Writing: #NAN, Reading: #NAN, Listening: #NAN'}}
                    </p>
                </div>
            </div>
        </div>
    </div>
    
    @endforeach
</div>
@endsection

@section('style')
    <!-- Additional styles can be added here if needed -->
@endsection

@section('script')
    <script src="{{ asset('backend/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
    <!-- Additional scripts can be added here if needed -->
@endsection