@extends('nati.layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">

        <b-col md="12" lg="2">
            <div class="pt-3">
                <div class="card card-default">
                    <div class="card-body">
                        <nav>
                            <ul class="sidebar-nav">
                                <li>
                                    <a href="/reports" class="list-group-item" data-toggle="collapse" data-target="#vendas" style="color: #515253;">Vendas<i class="fas fa-chevron-down float-right" data-tool="card-collapse"></i>
                                    </a>
                                    <div class="collapse" id="vendas">
                                        <a class="list-group-item" style="color: #515253;" href="#">Geral</a>
                                        <a class="list-group-item" style="color: #515253;" href="#">Outra ação</a>
                                        <a class="list-group-item" style="color: #515253;" href="#">Alguma coisa aqui</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="/reports/vendas" class="list-group-item" style="color: #515253;">Vendas</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </b-col>
        <b-col md="12" lg="10">
            @yield('reports')
        </b-col>
    </div>
</div>
@endsection()