@if(is_student_master())
<div class="row">
    <div class="col-12">
        <div class="table-responsive">
            <table class="table table-bordered table-striped mg-b-0 text-md-nowrap">
                <thead>
                    <tr>
                        <td>Name</td>
                        <td>Questions</td>
                        <td>Duration</td>
                       
                    </tr>
                </thead>
                <tbody>					
                    <tr>
                        <td>{{$test->title}}</td>
                        <td>{{$test->total_questions}}</td>
                        <td>{{$test->duration}} m</td>
                        
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@else
<div class="row">
    <div class="col-12">
        <div class="table-responsive">
            <table class="table table-bordered table-striped mg-b-0 text-md-nowrap">
                <thead>
                    <tr>
                        <td>Name</td>
                        <td>Questions</td>
                        <td>Duration</td>
                        <th>Start Date</th>
                        <th>End Date</th>
                    </tr>
                </thead>
                <tbody>					
                    <tr>
                        <td>{{$test->title}}</td>
                        <td>{{$test->total_questions}}</td>
                        <td>{{$test->duration}} m</td>
                        <td>{{$test_series->start_date}}</td>
                        <td>{{$test_series->end_date}}</td>
                    </tr>
                </tbody>
            </table>

            
        </div>
    </div>
</div>
@endif
@php
  $count_number_answerd = $test->countNumberAnswered();
 // echo $test->countNumberAnsweredTestseries('test-series'); exit;
@endphp
{{--
@if (
    (
        ((is_student_master() && !is_null($test_series->payment)) || $test_series->selling_price == 0)
        || is_student()
    )
) --}}

@if (
        (is_student_master() && !is_null($test_series->payment))
)
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body p-4 text-center">
                @if ($canRunTest == false)
                    <h5>Please complete the previous section before moving to another section.</h5>
                @endif

                @php
                    $status_test = $test->getStatus('test-series');
                   /* @if (
                    $canRunTest
                    && $status_test_seri != \App\TestSeriesStatus::STATUS_COMPLETED 
                    && $test->checkMinimumAnsweredOne('test-series')
                    && (now()->parse($test_series->end_date) > (new Carbon)->toDateTimeString())) */
                @endphp
                @if (
                $canRunTest
                && $status_test_seri != \App\TestSeriesStatus::STATUS_COMPLETED 
                && ($test->countNumberAnsweredTestseries('test-series') < 1)
                )
                <button type="button"
                    data-toggle="modal" 
                    data-slug="{{$test->slug}}" 
                    data-href="{!! _route('student.tests.detail', [
                        'slug' => $test->slug,
                        'type' => 'test-series',
                        'test_series_id' => $test_series->id,
                        'section_id' => $section_content->id,
                    ]) !!}"
                    data-target="#modal-instruction-test" 
                    class="btn btn-primary">
                    @if ($status_test == "Paused")
                        Resume Test
                    @else
                        Take Test
                    @endif
                </button>
                @else
                <button rel="tooltip" title="Create new record" class="btn btn-danger disabled btn-disabled" disabled>Completed </button>
                @endif
            </div>
        </div>
    </div>
</div>


@push('modal')
<div class="modal fade" id="modal-instruction-test" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myLargeModalLabel">Instruction</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body" id="text_area">
                {!! $test->instruction->content ?? null !!}
            </div>
            <div class="modal-footer">
                <a href="" class="btn btn-primary">I Agree</a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>
@endpush

@push('script')
<script>
	$('#modal-instruction-test').on('show.bs.modal', function (event) {
		var button = $(event.relatedTarget);
		var href = button.data('href');
		var slug = button.data('slug');
        var modal = $(this);
		modal.find('.modal-footer a').attr('href', href);
	});
</script>

@endpush

@else
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body p-4 text-center">
                @if ($canRunTest == false)
                    <h5>Please complete the previous section before moving to another section.</h5>
                @endif

                @php
                    $status_test = $test->getStatus('test-series');
                @endphp
                @if (
                $canRunTest
                && $status_test_seri != \App\TestSeriesStatus::STATUS_COMPLETED 
                && $test->countNumberAnsweredTestseries('test-series') < 1)
                <button type="button"
                    data-toggle="modal" 
                    data-slug="{{$test->slug}}" 
                    data-href="{!! _route('student.tests.detail', [
                        'slug' => $test->slug,
                        'type' => 'test-series',
                        'test_series_id' => $test_series->id,
                        'section_id' => $section_content->id,
                    ]) !!}"
                    data-target="#modal-instruction-test" 
                    class="btn btn-primary">
                    @if ($status_test == "Paused")
                        Resume Test
                    @else
                        Take Test
                    @endif
                </button>
                @else
                <button rel="tooltip" title="Create new record" class="btn btn-danger disabled btn-disabled" disabled>Completed </button>
                @endif
            </div>
        </div>
    </div>
</div>
<div class="card">
    <div class = "card-body p-2 text-center btn">
        @if ($status_test =='Completed' && $test_series->publish_result_status == 1)
            <a href="{{ _route('student.test-series.score-series', $test->slug) }}" class="btn btn-outline-secondary">Check Score</a>
            <a href="{{ _route('student.test-series.series-check-correct-answer', $test->slug) }}" class="btn btn-outline-warning">Check Correct Answer</a>
        @endif
    </div>
</div>

@push('modal')
<div class="modal fade" id="modal-instruction-test" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myLargeModalLabel">Instruction</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body" id="text_area">
                {!! $test->instruction->content ?? null !!}
            </div>
            <div class="modal-footer">
                <a href="" class="btn btn-primary">I Agree</a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>
@endpush

@push('script')
<script>
	$('#modal-instruction-test').on('show.bs.modal', function (event) {
		var button = $(event.relatedTarget);
		var href = button.data('href');
		var slug = button.data('slug');
        var modal = $(this);
		modal.find('.modal-footer a').attr('href', href);
	});
</script>

@endpush

@endif