@extends('layouts.admin')
@section('css')
@endsection
@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p> {{ __('handbooks.title') }}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('common.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a href="{{route('handbooks.index')}}">{{ __('handbooks.title') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">
                <div class="d-block">
                    <p class="font25 font-semi-bold">{{ $title }}</p>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-4">
                        <div class="bg-grey p-3">
                            <ul class="list-unstyled directory-list">
                               {!! $layout !!}
                            </ul>
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-8">
                        <div class="bg-grey p-3 h-100">
                            <div class="bg-white p-3">
                               <p class="font-semi-bold">Description</p>
                                <!-- <p class="font12">Dolorem dolores sint sequi quidem labore rem vero quia. Aut ut enim suscipit saepe est soluta soluta dolores et. Atque reprehenderit atque ut rerum expedita</p>
                                <p class="font12">Iure sit voluptas. Veritatis ullam atque hic sint. Officiis eligendi voluptates perspiciatis consequatur beatae quo est voluptate inventore.</p>
                                <p class="font12">Cum quis eius perferendis. Cum nulla maxime qui corrupti eum neque occaecati placeat. Neque dolorum aliquid. In iste sit repellendus mollitia placeat et vero quam est. At odit laudantium sapiente. Ab vero quae. Distinctio non repudiandae facere quia maiores vitae rem. Sed accusantium architecto blanditiis iste vel ut. Qui beatae aut sint rerum fugit nobis adipisci amet.</p>-->
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
    $(document).ready(function() {
        $('.directory-list a').click(function(e){
            e.preventDefault();
            if($(this).next('.sub-directory').length > 0){
                $(this).toggleClass('openDirectory');
            }
        });
    });
</script>
@endsection