@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($case 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 ($case 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">
                            @if ($cases->successCase)
                            @foreach ($cases->successCase as $success_case)
                            <li class="list filtr-item" data-category="notice">
                                <span class="date">{{ $success_case->date }}</span>
                                <a href="{{ route('case_detail',[$success_case->id]) }}" class="news-title">
                                    <span class="ellipsis">{{ $success_case->title }}</span>
                                    <span class="more">More</span>
                                </a>
                            </li>
                            @endforeach
                            @endif
                        </ul>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </div>
</div>
@stop
@section('script')
    <script src="{{ asset('js/filter.js') }}"></script>
@stop