@extends('layouts.master')
@section('css')
    <link rel="stylesheet" href="{{asset('stylesheets/news.css')}}">
@stop
@section('content')
<div id="page">
    <div id="main" class="news">
        <section>
            <div class="container container_bg">
                <ul class="nav nav-pills justify-content-center" id="myTab" role="tablist">
                    @foreach($self_eavalution_qustion_list as $key => $cases)
                    <li class="nav-item" role="presentation">
                        <a class="nav-link {{ ($key == 0)?"active":"" }}" id="case{{ $cases->id }}-tab" data-toggle="tab" href="#case{{ $cases->id }}" role="tab"
                            aria-controls="case{{ $cases->id }}" aria-selected="true">{{ $cases->title }}</a>
                    </li>
                    @endforeach
                </ul>
                <div class="tab-content" id="myTabContent">
                    @foreach ($self_eavalution_qustion_list as $key => $cases)
                    <div class="tab-pane fade show {{ ($key == 0)?"active":"" }}" id="case{{ $cases->id }}" role="tabpanel" aria-labelledby="case{{ $cases->id }}-tab">
                        <ul class="news-list">
                          
                            
                            <li class="list filtr-item" data-category="notice">
                                <span class="date">{{ $cases->date }}</span>
                                <a href="{{ route('self_eavalution_qustion_list_detail',[$cases->id]) }}" class="news-title">
                                    <span class="ellipsis">{{ $cases->title }}</span>
                                    <span class="more">More</span>
                                </a>
                            </li>
                            
                        </ul>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </div>
</div>
@stop
@section('script')
    <script src="{{ asset('js/filter.js') }}"></script>
@stop