@extends('backend.student.layouts.right_side_bar')
@section('studentBody')

    <div class="content p-0">

        @if(session('success'))
                <div class="col-sm-12">
                    <div role="alert" style="background-color:#d4edda; color:#155724; border-radius: 5px;" class="alert  alert-dismissible show">
                        <span class="btn btn-success btn-xs">Success</span> {{session('success')}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
                <div style="clear: both;"></div>
            @endif
            @if(session('error'))
                <div class="col-sm-12">
                    <div role="alert" style="background-color:#d4edda; color:#155724; border-radius: 5px;" class="alert  alert-dismissible show">
                        <span class="btn btn-danger btn-xs">Error</span> {{session('error')}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
                <div style="clear: both;"></div>
            @endif
            @if($errors->any())
                <div class="col-sm-12">
                    <div role="alert" style="background-color:#d4edda; color:#155724; border-radius: 5px;" class="alert  alert-dismissible show">
                        @foreach($errors->all() as $error)
                            <span class="btn btn-danger btn-xs">Error</span> {{$error}}<br>
                        @endforeach
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                </div>
                <div style="clear: both;"></div>
        @endif
            <!-- Overview -->
            <div class="block block-rounded block-bordered">
                <div class="block-header block-header-default">
                        <h6 class="font-w600">{{$headingName}}
                        </h6>
                    <a href="{{url('student/questions')}}" class="btn btn-danger btn-sm" style="float: right;"><i class="fa fa-backward"></i> Back</a>
                </div>

                <div class="block-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <tbody>
                                    <tr class="table-active">
                                        <td class="d-none d-sm-table-cell"></td>
                                        <td class="font-size-sm text-muted">
                                            <a href="#">
                                                @if($question->user->type=='admin')
                                                    {{$question->user->client->company_name}}
                                                @elseif($question->user->type=='student')
                                                    {{$question->user->student->first_name}} {{$question->user->student->last_name}}
                                                @else
                                                    {{$question->user->name}}
                                                @endif
                                            </a> on <em>{{ $question->created_at->diffForHumans() }} || {{date('M d, Y H:i:A',strtotime($question->created_at))}}</em>
                                        </td>
                                    </tr>
                                    <tr>
                                        @php
                                            $rowspan = count($question->answers)+1;
                                        @endphp
                                        <td rowspan="{{$rowspan}}" class="d-none d-sm-table-cell text-center" style="width: 140px;">
                                            <p>
                                                <a href="#">
                                                    @if($question->user->type=='admin')
                                                        <img class="img-avatar" src="{{url('public/uploads/clients'.'/'.$question->user->name.'/logo'.'/'.$question->user->client->logo)}}" alt="">
                                                    @elseif($question->user->type=='student')
                                                        <img class="img-avatar" src="{{url('public/uploads/student'.'/'.$question->user->name.'/image'.'/'.$question->user->student->image)}}" alt="">
                                                    @else
                                                        <img class="img-avatar" src="{{asset('public/theme/assets/media/avatars/avatar7.jpg')}}" alt="">
                                                    @endif

                                                </a>
                                            </p>
                                            <p class="font-size-sm">{{count($question->user->active_questions)}} Posts</p>
                                        </td>
                                        <td>
                                            {{$question->question}}
                                        </td>
                                    </tr>
                                    @if(count($question->answers)>0)
                                        @foreach($question->answers as $answer)
                                            <tr id="answers_{{$answer->id}}">
                                                <td>
                                                    <table class="table table-borderless">
                                                        <tbody>
                                                        <tr class="table-active">
                                                            <td class="d-none d-sm-table-cell"></td>
                                                            <td class="font-size-sm text-muted">
                                                                <a href="#">
                                                                    @if($answer->user->type=='admin')
                                                                        {{$answer->user->client->company_name}}
                                                                    @elseif($answer->user->type=='student')
                                                                        {{$answer->user->student->first_name}} {{$answer->user->student->last_name}}
                                                                    @else
                                                                        {{$answer->user->name}}
                                                                    @endif
                                                                </a> on <em>{{ $answer->created_at->diffForHumans() }} || {{date('M d, Y H:i:A',strtotime($answer->created_at))}}</em>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="d-none d-sm-table-cell text-center" style="width: 140px;">
                                                                <p>
                                                                    <a href="#">
                                                                        @if($answer->user->type=='admin')
                                                                            <img class="img-avatar" src="{{url('public/uploads/clients'.'/'.$answer->user->name.'/logo'.'/'.$answer->user->client->logo)}}" alt="">
                                                                        @elseif($answer->user->type=='student')
                                                                            <img class="img-avatar" src="{{url('public/uploads/student'.'/'.$answer->user->name.'/image'.'/'.$answer->user->student->image)}}" alt="">
                                                                        @else
                                                                            <img class="img-avatar" src="{{asset('public/theme/assets/media/avatars/avatar7.jpg')}}" alt="">
                                                                        @endif
                                                                    </a>
                                                                </p>
                                                                <p class="font-size-sm">{{count($answer->user->active_questions)}} Posts</p>
                                                            </td>
                                                            <td>
                                                                {!! $answer->answer !!}
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    @if(\Illuminate\Support\Facades\Auth::check())
                                        <tr class="table-active" id="forum-reply-form">
                                            <td class="d-none d-sm-table-cell"></td>
                                            <td class="font-size-sm text-muted">
                                                <a href="be_pages_generic_profile.html">
                                                    @if(\Illuminate\Support\Facades\Auth::user()->type=='admin')
                                                        {{\Illuminate\Support\Facades\Auth::user()->client->company_name}}
                                                    @elseif(\Illuminate\Support\Facades\Auth::user()->type=='student')
                                                        {{\Illuminate\Support\Facades\Auth::user()->student->first_name}} {{\Illuminate\Support\Facades\Auth::user()->student->last_name}}
                                                    @else
                                                        {{\Illuminate\Support\Facades\Auth::user()->name}}
                                                    @endif
                                                </a> Just now
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="d-none d-sm-table-cell text-center">
                                                <p>
                                                    <a href="#">
                                                        @if(\Illuminate\Support\Facades\Auth::user()->type=='admin')
                                                            <img class="img-avatar" src="{{\Illuminate\Support\Facades\Auth::user()->client->logo}}" alt="">
                                                        @elseif(\Illuminate\Support\Facades\Auth::user()->type=='student')
                                                            <img class="img-avatar" src="{{\Illuminate\Support\Facades\Auth::user()->student->image}}" alt="">
                                                        @else
                                                            <img class="img-avatar" src="{{asset('public/theme/assets/media/avatars/avatar7.jpg')}}" alt="">
                                                        @endif
                                                    </a>
                                                </p>
                                                <p class="font-size-sm">{{count(\Illuminate\Support\Facades\Auth::user()->active_questions)}} Posts</p>
                                            </td>
                                            <td>
                                                <form action="{{url('forum/question_id=').$question->id.'/answer'}}" method="POST">
                                                    {{csrf_field()}}
                                                    <div class="form-group">
                                                        <textarea class="form-control" id="js-ckeditor" name="answer" placeholder="Write your answer"></textarea>
                                                    </div>
                                                    <div class="form-group">
                                                        <button type="submit" class="btn btn-hero-primary">
                                                            <i class="fa fa-reply mr-1"></i> Reply
                                                        </button>
                                                    </div>
                                                </form>
                                            </td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Overview -->
        </div>
        <!-- END Page Content -->

@endsection
@section('script')


    {{--<!-- Page JS Plugins -->--}}
    {{--<script src="{{asset('public/theme')}}/assets/js/plugins/jquery-bootstrap-wizard/bs4/jquery.bootstrap.wizard.min.js"></script>--}}

    <!-- Page JS Code -->
    <script src="{{asset('public/theme')}}/assets/js/pages/be_forms_wizard.min.js"></script>


@endsection