@extends('layouts.main')
@section('content')



<div class="container">
    {{ Form::open(['url' => 'examinee/mslexec2/' . $next, 'method' => 'POST', 'name' => 'form', 'id' => 'searchform']) }}
    <h5>MSL適性検査試験2</h5>
    {{-- 通知メッセージ --}}
    @if (session()->has('errors'))
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <input size="15" type="text" readonly name="tlimit" value="">
    <input size="15" type="hidden" readonly name="starttime" value="">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            
            {{ $question->question }}<br/>
            <img class="desc" src="{{ asset('img/' . $question->images) }}">
        </div><!-- /.col-md-4 -->
    </div><!-- /.row -->

    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            
                        @foreach ($answers as $answer) 
                {{ Form::radio("answer" , $i ,'' , ["class"=>"validate[required]", "id"=>"answer" . $i]) }}　
                <label for="answer{{ $i }}" class="control-label btn">
                    <img src="{{ asset('img/' . $answer->contents) }}">
                </label>
                　　　

                            @endforeach
        </div><!-- /.col-md-4 -->
    </div><!-- /.row -->
    
    <br />
    
    <input size="15" type="hidden" readonly name="last" id="last" value="">
    <input size="15" type="hidden" readonly name="prev" id="prev" value="">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            @if ($id == 66) 
            {{ Form::submit(" 　　完了　　 ", ["class"=>"btn btn-success", "onClick" => "execUpdate();"]) }}　
            @else
            {{ Form::submit(" 　　次へ　　 ", ["class"=>"btn btn-success"]) }}　
            @endif
            @if ($id <> 27) 
            {{ Form::submit(" 　　戻る　　 ", ["class"=>"btn btn-default", "onClick" => "execBack();"]) }}
            @endif
        </div><!-- /.col-md-4 -->
    </div><!-- /.row -->
    {!! Form::close() !!}   
</div>

<script Language="JavaScript">
    // 更新
    function execUpdate() {
        // json-txt化して全件post
        document.getElementById("last").value = "1";
    }
    // 戻る
    function execBack() {
        // json-txt化して全件post
        document.getElementById("prev").value = {{ $prev }};
    }
</script>

<script language="JavaScript">
TimeInit({{ $limit }});    // 15分

// グローバル変数
var gSeiseki = new Array(5);    // 成績記録用
var gTimeLimit;    // 制限時間用
var gTimeStart;    // 開始時間用
var gTid;          // タイマー用

// --==*==-- --==*==-- --==*==-- --==*==-- --==*==--
// 制限時間の設定
// 　　引数：時間(分)
// 　　返却値：なし
// --==*==-- --==*==-- --==*==-- --==*==-- --==*==--
function TimeInit(tt){
    gTimeLimit = tt * 60 * 1000;        // 分をミリ秒に変換
    dd = new Date();                    // 開始時間取得

    @if ($request->starttime == "")
        gTimeStart = dd.getTime();          // ミリ秒に変換
    @else
        gTimeStart = {{ $request->starttime }};          // ミリ秒に変換
    @endif

    
    searchform.starttime.value =gTimeStart;
    gTid = setInterval('TimeDisplay()', 1000);    // タイマーセット(1秒)
}

// --==*==-- --==*==-- --==*==-- --==*==-- --==*==--
// 経過時間表示と終了処理
// 　　引数：なし
// 　　返却値：なし
// --==*==-- --==*==-- --==*==-- --==*==-- --==*==--
function TimeDisplay(){
    now = new Date();    // 現在時間取得
    dt = now.getTime() - gTimeStart;    // 経過時間計算
    now.setTime(dt + now.getTimezoneOffset() * 60 * 1000);    // ※1 経過時間設定

    dt1 = "0" + now.getHours();    // ※2
    dt1 = dt1.substring(dt1.length - 2, dt1.length);
    dt2 = "0" + now.getMinutes();
    dt2 = dt2.substring(dt2.length - 2, dt2.length);
    dt3 = "0" + now.getSeconds();
    dt3 = dt3.substring(dt3.length - 2, dt3.length);
    searchform.tlimit.value = dt1 + ":" + dt2 + ":" + dt3;
    if(dt > gTimeLimit){    // ※3
        clearTimeout(gTid);    // タイマー解除
        store_EndFlg();
        alert("テスト終了です。[OK] をクリックして下さい。");
        window.location.href = "{{ url('/menu') }}";
    }
}

</script>

<script>
    function store_EndFlg() {
        $.ajax({
                type : "GET",
                url  : "../end",
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                async : "true",
                data : {"exam_id" : 2},
                scriptCharset : "UTF-8",
                dataType: 'boolean',
        })
    }
</script>

@endsection