<!DOCTYPE html>
<html lang="de" data-bs-theme="dark">

<head>
    <meta charset="UTF-8">
    <title>Finanzmanager</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<meta name="description" content="Adminpage for Finanzen" />
	<meta name="author" content="Wimpissinger Markus" />
    <?= $this->renderSection('css_first') ?>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
	<link href="/assets/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css" rel="stylesheet" />
	<link href="/assets/fontawesome6.4.0/css/fontawesome.css" rel="stylesheet">
	<link href="/assets/fontawesome6.4.0/css/solid.css" rel="stylesheet">
    <link href="/assets/fontawesome6.4.0/css/brands.css" rel="stylesheet">
	<link href="/assets/fontawesome6.4.0/css/regular.css" rel="stylesheet">
<!--    <link rel="stylesheet" href="/assets/vendors/perfect-scrollbar/perfect-scrollbar.css"> -->
    <link rel="stylesheet" href="/assets/css/app.css">
    <link href="/assets/DataTables/datatables.min.css" rel="stylesheet"/>
    <?= $this->renderSection('css') ?>
<!--    <link rel="shortcut icon" href="/assets/images/favicon.svg" type="image/x-icon"> -->
</head>

<body>
    <div id="app">
        <div id="sidebar" class="active">
            <?= $this->include('sidebar') ?>
        </div>
        <div id="main">
            <header class="mb-md-3">
                <a href="#" class="burger-btn d-block d-xl-none">
                <i class="fa-solid fa-bars fs-3"></i>
                </a>
            </header>
            <?= $this->renderSection('content') ?>
            <div class="modal" id="mymodal" tabindex="-1">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-body">
                            <h5 class="modal-title"></h5>
                            <p>Wirklich löschen?</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbruch</button>
                            <button type="button" id="modal_ok" class="btn btn-primary">Löschen</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="mySnycModal" tabindex="-1" aria-labelledby="Snc Result Window" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h1 class="modal-title fs-5" id="modalTitle">Modal title</h1>
							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div class="modal-body">
							<p>Please Wait.</p>
						</div>
						<div class="modal-footer d-none">
       						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      					</div>
					</div>
				</div>
			</div>
            <div class="modal fade" id="myChartModal" tabindex="-1" aria-labelledby="Chart Link Window" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h1 class="modal-title fs-5" id="modalTitle">Modal title</h1>
							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div id="modalChartBody" class="modal-body">
							<p>Please Wait.</p>
						</div>
						<div class="modal-footer d-none">
       						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      					</div>
					</div>
				</div>
			</div>
        </div>
    </div>
<!--    <script src="/assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script> 
    <script src="/assets/js/bootstrap.bundle.min.js"></script> -->
    <script src="/assets/jquery-3.6.4.min.js" type="text/javascript"></script>
		<script src="/assets/bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.js" type="text/javascript"></script>
		<script defer src="/assets/fontawesome6.4.0/js/solid.js"></script>
    	<script defer src="/assets/fontawesome6.4.0/js/brands.js"></script>
		<script defer src="/assets/fontawesome6.4.0/js/regular.js"></script>   
        <script src="/assets/DataTables/datatables.min.js"></script>
        <script src="/js/menue.js"></script>
    <script src="/assets/js/main.js"></script>
    <?= $this->renderSection('scripts') ?>
</body>

</html>