<!DOCTYPE html>

<html
    class="h-100 light-style layout-navbar-fixed layout-menu-fixed"
    dir="ltr"
    data-theme="theme-default"
    data-assets-path="<?= site_url('themes/vuexy/') ?>"
    data-template="vertical-menu-template-no-customizer">


<head>
    <meta charset="utf-8">
    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

    <meta name="description" content="" />
    <!-- Icons -->
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/fonts/fontawesome.css') ?>" />
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/fonts/tabler-icons.css') ?>" />
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/fonts/flag-icons.css') ?>" />

    <!-- Core CSS -->
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/rtl/core.css') ?>" />
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/rtl/theme-semi-dark.css') ?>" />
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/safekat.css') ?>" />
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>">
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/flatpickr/flatpickr.css') ?>" />



    <!-- Vendors CSS -->
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/perfect-scrollbar/perfect-scrollbar.css') ?>" />

    <!-- Page CSS -->
    <?= $this->renderSection('css') ?>

    <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/safekat.css') ?>" />

</head>

<body>

    <div class="layout-container">
        <div class="layout-page">
            <div class="content-wrapper">
                <div class="container-fluid flex-grow-1 container-p-y">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-info">
                                <div class="card-header">
                                    <div class="d-flex aling-items-center justify-content-between">
                                        <h3 class="card-title"><?= $header ?></h3>
                                        <span class="app-brand-logo">
                                            <img src="http://localhost:8000/themes/vuexy/img/safekat/logos/sk-logo.png" width="150px">
                                        </span>
                                    </div>
                                </div>
                                <!--//.card-header -->
                                <div class="card-body">
                                    <?= $this->renderSection('content') ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <footer class="content-footer footer bg-footer-theme">
                    <div class="container-fluid">
                        <div class="footer-container d-flex align-items-center justify-content-center py-2 flex-md-row flex-column">
                            <div>
                                <a href="#" target="_blank" class="fw-semibold">Safekat</a> © <?= date('Y'); ?>
                            </div>

                        </div>
                    </div>
                </footer>
            </div>

        </div>
    </div>

</body>

</html>