@extends('layouts.student')
@section('css')
    <!-- begin::datepicker -->
    <link rel="stylesheet" href="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
    <!-- end::datepicker -->

    <!-- begin::select2 -->
    <link rel="stylesheet" href="/assets/vendors/select2/css/select2.min.css" type="text/css">
    <!-- end::select2 -->
    <style>
        hr {
            border-top: 2px dashed red;
        }
    </style>
@endsection('css')
@section('navbar')



@endsection('navbar')
@section('sidebar')

@endsection('sidebar')
@section('header')
    <div class="page-header">
        <div>
            <h3> آزمون {{$exams[0]->exam->title}}</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/student">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#">آزمون آنلاین</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> آزمون {{$exams[0]->exam->title}}</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')

@section('content')
    <div class="card">
        <div class="card-body">

            <div style="text-align: center">
                <h4 class="panel-title" style="padding-top: 40px;font-size: large;font-family: 'B Titr' ">
                    آزمون {{$exams[0]->exam->title}}
                    @if($exams[0]->exam->filename)
                        <a href="{{ route('exam.download', $exams[0]->exam->id) }}"
                           class="btn btn-outline-warning">
                            <i class="icon-download"></i>&nbsp; دانلود فایل کلی آزمون </a>
                    @endif
                </h4>
            </div>


            <div class="panel-heading">
                <div class="heading-elements">
                    <ul class="icons-list">
                        <li><a data-action="collapse"></a></li>
                        <li><a data-action="close"></a></li>
                    </ul>
                </div>
            </div>
            <div id="questions">
                @foreach($exams as $exam)
                    <button class="btn btn-primary">گزینه درست:{{$exam->myoptions[0]->correct}}</button>
                    <button class="btn btn-info">گزینه انتخابی شما:
                        @if(count($exam->useranswers)>0)
                            {{$exam->useranswers[0]->option_id}}
                        @endif
                    </button>
                    <div id="questions0">
                        <div class="row">
                            <div class="col-md-12">
                                <br>
                                <label>صورت سوال
                                    @if($exam->dars_id)
                                        -
                                        {{\App\dars::where('id',$exam->dars_id)->pluck('name')->first()}}&nbsp;
                                    @endif
                                </label>
                                <br>
                                <textarea rows="6" cols="40" type="text"
                                          class="form-control">
                                        {{$exam->description}}
                        </textarea>
                                <br>

                            </div>
                            @if(!empty($exam->file))

                                <div class=" col-md-6">
                                    <br>
                                    {{--@dd($exam->file);--}}
                                    <img class="" width="410" height="300"
                                         src="{{url('/images/exam/'.$exam->file)}}"
                                         alt="...">
                                </div>
                            @endif
                        </div>
                        <br>
                        <label>گزینه ها</label>

                        <div class=" col-md-12">
                            @foreach($exam->myoptions as $myoptions)