@extends('layouts.app')
@section('title','نتيجة مقياس '.$data['title'])

@section('content')
<main class="main-content">
    <section>
    <h2>{{$data['title']}}</h2>
        <div class="d-flex justify-content-center results-total mb-4 font-weight-bold">
                
            <div class="number text-center pt-5 text-white rounded-circle">{{$data['estbiandegree']}}/{{$data['totaldegree']}}</div>
        </div>
        <div class="d-flex justify-content-center">
            <div class="p-2">
                <div class="mb-5">
                    <p class="text-center">لقد حصلت على {{$data['estbiandegree']}} من {{$data['totaldegree']}}</p>
                    <p>نتيجتك هي <b> {{$data['result']}}</b></p>
                </div>
                <div class="d-flex justify-content-center">
                    <div class="p-2">
                        <div class="button-wrapper text-center mt-2 button">
                             @if($maxscreen > $screenId)  
                                <a href="{{route('getScreenInfo',[$stageId,$screenId+1])}}"   class="btn large-btn btn-green">التالي</a>
                            @else
                                <a href="{{route('closeStage',$stageId)}}"  class="btn large-btn btn-green">إنهاء المرحلة </a>
                            @endif
                        </div>
                       <div class="button-wrapper text-center mt-4">
                           <a href="{{route('getScreenInfo',[$stageId,$screenId])}}" class="btn large-btn btn-border-green">العودة للاستبيان</a>
                       </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-labelledby="resultModalLabel" aria-hidden="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">

                </div>
                <div class="modal-body p-4">
                    <strong id="esmodtit">{{$data['message']}}</strong>
                    <p id="esmodbody"></p>
                    <div id="continuediv" style="display: none">0</div>
                </div>
                <div class="modal-footer center-block">
                    <button type="button" class="btn btn-warning large-btn mx-auto"  data-dismiss="modal">موافق</button>
                </div>
            </div>
        </div>
    </div>
 
</main>
<script>
    $(window).on('load',(function () {
        $('#resultModal').modal('show');
    }));
</script>


 @endsection