@extends('layouts.master')
@section('css')
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
<style type="text/css">
    th {
        text-align: center;
    }
    td {
        vertical-align: middle !important;
    }
</style>
@stop
@section('content')
<div class="alert alert-info">
    <strong>Estudiante:</strong> {{ $submission->nombres }} {{ $submission->apellidos }} <br>
    <strong>Materia:</strong> {{ $submission->materia }} <br>
    <strong>Docente:</strong> {{ $submission->docente_nombre }} {{ $submission->docente_apellido }} <br>
    <strong>Sección:</strong> {{ $submission->seccion }} <br>
    <strong>ID Submission:</strong> {{ $submission->submission_id }}
</div>
<div class="text-center">
<a class="btn btn-warning btn-sm" href="{{ url()->previous() }}">
    Volver
</a>
</div>

<br>

<div class="table-responsive">
<table class="table table-bordered table-striped">
    <thead>
        <tr>
            <th>Pregunta</th>
            <th>Respuesta</th>
        </tr>
    </thead>
    <tbody>
        @foreach($respuestas as $r)
        <tr>
            <td>{{ $r->question_text }}</td>
            <td class="text-center">{{ $r->answer_value }}</td>
        </tr>
        @endforeach
    </tbody>
</table>
</div>

@endsection