<!doctype html>
<html>

<head>
    <meta charset="utf-8">

    <title> @yield('title')| - Sis Academico</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- Otros metadatos -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    

    
    <style>
        .timeline {
            list-style: none;
            padding: 0;
            position: relative;
            margin-left: 20px;
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: #dee2e6;
        }

        .timeline-item {
            position: relative;
            padding-left: 20px;
        }

        .timeline-item::before {
            content: '';
            position: absolute;
            left: -10px;
            top: 5px;
            width: 14px;
            height: 14px;
            background: #0d6efd;
            border-radius: 50%;
            border: 3px solid white;
            box-shadow: 0 0 0 2px #0d6efd;
        }

        

    </style>
    @include('layouts.head-css')
</head>

<body id="body" class="">
        @include('layouts.left-sidebar-tab')
        @include('layouts.topbar')
    <!-- Begin page -->
    <div class="page-wrapper">

        <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->

            <div class="page-content-tab">
                <!-- Start content -->
                <div class="container-fluid">
                   
                   @yield('content')
                   
                </div> <!-- content -->
            </div>
            @include('layouts.footer')

        <a href="javascript:void(0)" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

    </div>
    <!-- END wrapper -->

    <!-- right sidebar file here  -->
    @include('layouts.right-sidebar')
    <!-- ============================================================== -->
    <!-- End Right content here -->
    <!-- ============================================================== -->

    @include('layouts.vendor-scripts')
  


</body>

</html>
