@extends('layout.admin')
@section('content')
    <div class="col-md-9">
        <!-- Question for athlete -->
        <div class="card card--has-table">
            <div class="card__header card__header--has-btn">
                <h4>Question for {{ $athlete->first_name.' '.$athlete->last_name }}</h4>
                <button class="btn btn-default btn-xs card-header__button" data-popup-open="popup-add-question">Add Question</button>
            </div>
            <div class="card__content">
                @if(0 < count($questions))
                    <div class="table-responsive">
                        <table class="table table-hover game-player-result">
                            <thead>
                                <tr>
                                    <th class="game-player-result__score">id</th>
                                    <th class="game-player-result__score">question</th>
                                    <th class="game-player-result__score">category</th>
                                    <th class="game-player-result__score">response</th>
                                    <th class="game-player-result__date">Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($questions as $key => $question)
                                    <tr>
                                        <td class="game-player-result__score">{{ $question->question_id }}</td>
                                        <td class="game-player-result__score">{{ $question->question }}</td>
                                        <td class="game-player-result__score">?????????</td>
                                        <td class="game-player-result__score">?????????</td>
                                        <td class="game-player-result__date">{{ Carbon\Carbon::parse($question->created_at)->formatLocalized('%A %d %B %Y') }}</td>
                                    <tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="pull-right">
                            {{ $questions->links() }}
                        </div>
                    </div>
                @else
                    <div class="row p-20">
                        <div class="col-sm-12">
                            Questions do not exist
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
    <div class="popup" data-popup="popup-add-question">
        <div class="popup-inner">
            <div class="col-sm-12">
                <h6 class="text-center">Add a new question for {{ $athlete->first_name.' '.$athlete->last_name }}</h6>
            </div>
            <div class="col-sm-12">
                <form action="" class="contact-form">
                    <div class="form-group">
                        <label for="question">question<span class="required">*</span></label>
                        <textarea name="question" rows="4" id="question" class="form-control" placeholder="Enter your question here..."></textarea>
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="select-qtype">Select question type ? (Response_flag)</label>
                        <select name="qtype" id="select-qtype" class="form-control">
                            <option selected="selected" disabled="disabled">-Select-</option>
                            <option value="True">True</option>
                            <option value="False">False</option>
                        </select>
                    </div>
                    <div class="form-group form-group--submit">
                        <button type="button" data-popup-close="popup-add-question" class="btn btn-primary-inverse btn-lg btn-block">Add question</button>
                    </div>
                </form>
            </div>
            <a class="popup-close" data-popup-close="popup-add-question" href="#">x</a>
        </div>
    </div>
@endsection