<!DOCTYPE html>
<html lang="en">
    @include('supervisor.layouts.top')
    <body>
        @include('supervisor.layouts.header')
        <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
            <div class="container-fluid">
                <div class="row">
                    @include('supervisor.layouts.left_menu')
                    <div class="col-md-10 col-12 mt-5" style="padding:1rem; padding-top: 2.5rem!important;">
                        {{-- <div class="tab-content" id="pills-tabContent"> --}}
                            @yield('content')
                            @include('supervisor.layouts.footer')
                        {{-- </div><!--end tab content--> --}}
                    </div><!--end col-->
                </div><!--end row-->
            </div><!--end container-->
        </section><!--end section-->
        @include('supervisor.layouts.bottom')
        @include('supervisor.layouts.modal')
    </body>
</html>
