@extends('layouts.app')

@section('content')
    <div class="content-section">
        <div class="content-block document-all">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('welcome')}}"><img src="{{asset('img/home.png')}}" alt=""></a></li>
                    <li class="breadcrumb-item active" aria-current="page">Образцы документов</li>
                </ol>
            </nav>

            <h1 class="page-title">Образцы документов</h1>

            <div class="nav-block">
{{--                        <ul class="nav nav-pills flex-column flex-sm-row">--}}
{{--                            <li class="nav-item">--}}
{{--                                <a class="nav-link active" data-toggle="tab" href="#document_1"  aria-selected="true"><img src="img/document-icon.png" alt="">Апелляционная <br/> жалоба</a>--}}
{{--                            </li>--}}
{{--                            <li class="nav-item">--}}
{{--                                <a class="nav-link" data-toggle="tab" href="#document_2" aria-selected="false"><img src="img/document-icon.png" alt="">Исковое заявление <br/> о расторжении брака</a>--}}
{{--                            </li>--}}
{{--                        </ul>--}}

                <div class="tab-content">
                    <div class="tab-pane  show active" id="document_1">
                        <ul>
                            @foreach($documents as $doc)
                                <li><a href="{{route('show.document',['slug' => $doc->title])}}">{{$doc->title}}</a></li>
                            @endforeach
                        </ul>
                    </div>
{{--                            <div class="tab-pane "id="document_2">--}}
{{--                                <ul>--}}
{{--                                    <li><a href="">Вкладка 2 Апелляционная жалоба на решение суда</a></li>--}}
{{--                                    <li><a href="">Образец искового заявления Краткая апелляционная жалоба на решение</a></li>--}}
{{--                                    <li><a href="">Скачать пример апелляционной жалобы заполненный</a></li>--}}
{{--                                    <li><a href="">Образец искового заявления  Апелляционная жалоба (образец заполненный)</a></li>--}}
{{--                                    <li><a href="">Образец искового заявления  Апелляционная жалоба (пример составления)</a></li>--}}
{{--                                    <li><a href="">Образец искового заявления  Пример краткой апелляционной жалобы</a></li>--}}
{{--                                </ul>--}}
{{--                            </div>--}}
                </div>
            </div>

            <div class="text-block">
                <p>Текст сейчас вне вкладки. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit erat ac magna ornare molestie. Pellentesque interdum vitae felis vel faucibus. In mollis libero justo, non iaculis justo sagittis at. Vestibulum enim quam, consectetur maximus neque a, malesuada fringilla tortor. Quisque pulvinar turpis ac luctus gravida. Aenean augue diam, commodo varius fermentum in, convallis eu sem. Cras ornare mi ac mauris lacinia, vitae suscipit ex pellentesque. Maecenas odio nisi, fermentum vulputate magna sit amet, maximus faucibus odio. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce porta feugiat libero vitae aliquet.</p>

                <p>Cras eleifend orci eu nulla elementum, at tristique ipsum tincidunt. Duis vehicula dolor vel neque tempor semper. Praesent luctus nec erat a aliquet. Donec molestie varius justo dapibus rutrum. In pellentesque, risus in auctor lacinia, ligula turpis dignissim sapien, in luctus est urna ut sem. Vivamus ligula purus, gravida at urna facilisis, viverra commodo neque. Curabitur tempus vulputate quam ut sodales. Nulla ut ullamcorper nunc. Nullam dapibus iaculis molestie. Aenean ex sapien, hendrerit ut bibendum vitae, tempus ac nisi.</p>

                <p>Nunc accumsan augue sed purus convallis luctus. Ut vitae justo nec enim fringilla dictum sed quis tortor. Curabitur commodo eros id justo viverra porttitor. Sed nec scelerisque lacus. Pellentesque libero purus, varius vel massa vitae, dignissim facilisis odio. Aenean vel ultricies lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque vestibulum vitae purus sit amet efficitur. Morbi condimentum porttitor ex vel accumsan. Nunc consectetur et justo efficitur ullamcorper. Fusce sed tempus dui. Etiam pellentesque ipsum et fermentum dictum. Pellentesque vitae vulputate ante. Mauris non sem diam.</p>

                <p>Maecenas sem nunc, efficitur non est eu, lacinia bibendum diam. Etiam et egestas ligula, id dignissim diam. Praesent a tincidunt lacus, eu euismod diam. Ut imperdiet, neque vitae finibus faucibus, lorem diam rutrum diam, at vulputate sem nisi vel urna. Proin vel est molestie, ultrices augue sit amet, consectetur risus. Aenean sit amet felis bibendum, ultrices erat quis, egestas turpis. In id scelerisque ipsum. Cras ut laoreet ipsum. Donec ac dui ac quam convallis varius et eu magna.</p>
            </div>

        </div>
    </div>

@endsection