@extends('layouts.app')

@push('css')


@endpush


@section('content')

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
              <div class="d-inline p-2 text-dark" style="font-size: 26px;font-weight: bold">Feedback Answer</div>
          </div>
          <!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <ol class="breadcrumb float-sm-right">
                <div class="d-inline p-2 text-white text-right">
                    <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                </div>
                <div class="d-inline p-2 text-white text-right">
                    <a href="{{ route('feedback.index') }}" class="btn btn-sm btn-primary text-right"><i class="fas fa-arrow-circle-left"></i> Back</a>
                </div>
            </ol>
          </div>
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <!-- Main row -->
        <div class="row">
            <div class="col-md-12 col-x-12 col-sm-12">
                <table id="datatable" class="table table-bordered">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">Questions</th>
                        <th scope="col">Answers</th>
                        <th scope="col">Comment</th>
                        <th scope="col">User Id</th>
                        <th scope="col">Batch Id</th>
                      </tr>
                    </thead>
                    <tbody>
                        @foreach ($feedback_answers as $key=>$feedback_answer)
                        <tr>
                            <th scope="row">{{ $key+1 }}</th>
                            <td>{{ $feedback_answer->questions }} </td>
                            <td>{{ $feedback_answer->answers }}</td>
                            <td>{{ $feedback_answer->comment }}</td>
                            <td>{{ $feedback_answer->users->name }}</td>
                            <td>{{ $feedback_answer->batches->name }}</td>
                        </tr>
                        @endforeach

                        
                    </tbody>
                  </table>
            </div>
        </div>
        <!-- /.row (main row) -->
    </div>
    <!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection

@push('js')

@endpush