@extends('backend.teacher_backend.teacher_dashboard')
@section('teacher')

<div class="container-fluid">

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">ADD  CBT QUESTIONS</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Add</a></li>
                    <li class="breadcrumb-item active"> CBT Questions</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->


<div class="row">
<div class="col-12">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">My CBT Tests</h4>
        @if($cbtTests->isEmpty())
        <div class="alert alert-info">
            you haven't created any CBT yet.
        </div>
    @else
        

    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
    <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
        <thead>
            <tr class="table-center">
                <!-- <th><b>Title</b></th> !-->
                 <th><b>S/N</b></th>
                <th><b>Class</b></th>
                <th><b>Subject</b></th>
                <th><b>Instructions</b></th> 
                <th><b>Term</b></th>
                <th><b>Session</b></th>
                <th><b>Duration(min)</b></th>
                <th><b>Total Questions</b></th>
                <th><b>Type</b></th>
                <th><b>Action</b></th>
            </tr>
        </thead>
        <tbody>
        @foreach($cbtTests as $key => $test)

        
                                @php
                                    $minutes = $test->duration_minutes;
                                
                                    $hours = floor($minutes / 60);
                                    $remainingMinutes = $minutes % 60;
                                
                                    if ($hours > 0 && $remainingMinutes > 0) {
                                        $formattedDuration = $hours . 'hr ' . $remainingMinutes . 'mins';
                                    } elseif ($hours > 0) {
                                        $formattedDuration = $hours . 'hr';
                                    } else {
                                        $formattedDuration = $remainingMinutes . 'mins';
                                    }
                                @endphp
    <tr>
       <!-- <td><b>{{$test->title}}</b></td> !-->
        <td>{{$key+1}}</td>
        <td>{{$test->class->class_name}}</td>
        <td>{{$test->subject->subject_name}}</td>
        <td>{{$test->title}}</td>
        <td>{{$test->term}}</td>
        <td>{{$test->session}}</td>
        <td align="center">{{ $formattedDuration }}</td>
        <td> <b> {{ $test->questions->count() }}</b> </td> 
        <td>{{$test->assessment_type}}</td>
        <td>

        <div class="d-flex flex-wrap gap-2">
    <a href="{{ route('edit.cbt.test.create', $test->id) }}"
       class="btn btn-success">
        Edit Test
    </a>

    <a href="{{ route('cbt.questions.create', $test->id) }}"
       class="btn btn-success">
        Add Questions
    </a>

    <a href="{{ route('cbt.questions.edit', $test->id) }}"
       class="btn btn-warning">
        Edit Questions
    </a>

    <form action="{{ route('cbt.questions.delete.all', $test->id) }}"
          method="POST"
          class="delete-all-form">
        @csrf
        @method('DELETE')
        <button type="submit" class="btn btn-danger">
            Delete All
        </button>
    </form>
</div>



        </td>
    </tr>
    @endforeach
        </tbody>
    </table>
    @endif

            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->





<script>
    // MASS POP-UP DELETE ALL 
$(document).on('submit', '.delete-all-form', function(e){
    e.preventDefault();
    let form = this;

    Swal.fire({
        title: 'Delete ALL records?',
        text: "This will delete all cbt test for the selected subject and class!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Yes, delete all!'
    }).then((result) => {
        if (result.isConfirmed) {
            form.submit();
        }
    });
});

</script>



<script>
/*
// DELETE ALL TEXT FOR SWEET ALERT TYPING DELETE BEFORE DATA DELETION
$(document).on('submit', '.delete-all-form', function(e){
    e.preventDefault();
    let form = this;
    Swal.fire({
    title: 'Type DELETE to confirm',
    input: 'text',
    showCancelButton: true,
    preConfirm: (value) => {
        if (value !== 'DELETE') {
            Swal.showValidationMessage('You must type DELETE');
        }
        return value;
    }
}).then((result) => {
    if (result.isConfirmed) {
        form.submit();
    }
});
});
*/
</script>




@endsection