<!DOCTYPE html>
<html lang="en">
<head>
    <base href="../../../">
    <meta charset="utf-8" />
    <title>WebMatriks Real Estate CRM</title>
    <meta name="description" content="Login page example">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Asap+Condensed:500">
    <link href="<?= base_url('assets/plugins/general/perfect-scrollbar/css/perfect-scrollbar.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/plugins/general/@fortawesome/fontawesome-free/css/all.min.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/plugins/general/plugins/flaticon/flaticon.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/plugins/general/plugins/line-awesome/css/line-awesome.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/plugins/general/@fortawesome/fontawesome-free/css/all.min.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/css/style.bundle.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/css/datatables.all.min.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/plugins/custom/jstree/dist/themes/default/style.css'); ?>" rel="stylesheet" type="text/css" />
    <link href="<?= base_url('assets/plugins/custom/jkanban/dist/jkanban.min.css'); ?>" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .form-group.has-error .help-block { color: #dd4b39; }
        .form-group.has-error p { color: #dd4b39; }
        .help-block { margin-top: 5px; margin-bottom: 5px; }
        .form-group.has-error .form-control, .form-group.has-error .input-group-addon {
            border-color: #dd4b39; box-shadow: none;
        }
        .dataTables_wrapper { margin-top: 15px; }
        .dataTables_wrapper {
            width: 100%; padding-right: 15px; padding-left: 15px;
            margin-right: auto; margin-left: auto;
        }
        .table-scrollable {
            width: 100%; overflow-x: auto; overflow-y: hidden;
            border: 1px solid #e7ecf1;
        }
        .kt-nav__link { margin: 10px; }
        .form-bg {
            background-image: url(<?= base_url('assets/media/bg/logo-watermark-bg.jpg'); ?>);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100% auto;
            -webkit-background-size: 100% auto;
        }
    </style>
    <link rel="shortcut icon" href="<?= base_url('assets/media/logos/favicon.ico'); ?>" />
</head>

<body style="background-image: url(<?= base_url('assets/media/bg/body_bg.jpg'); ?>)" class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--enabled kt-subheader--transparent kt-page--loading">

<div id="kt_header_mobile" class="kt-header-mobile kt-header-mobile--fixed">
    <div class="kt-header-mobile__logo">
        <?php
        $user_type = session()->get('user_type');
        if (isset($user_type) && $user_type != '') {
        ?>
            <a href="<?= base_url('admin/dashboard'); ?>">
                <img alt="Logo" src="<?= base_url('assets/media/logos/logo.png'); ?>" />
            </a>
        <?php } else { ?>
            <a href="<?= base_url(); ?>">
                <img alt="Logo" src="<?= base_url('assets/media/logos/logo.png'); ?>" />
            </a>
        <?php } ?>
    </div>
    <div class="kt-header-mobile__toolbar">
        <button class="kt-header-mobile__toolbar-toggler" id="kt_header_mobile_toggler"><span></span></button>
        <button class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more-1"></i></button>
    </div>
</div>

<div class="kt-grid kt-grid--hor kt-grid--root">
    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

            <?= view('header_menu'); ?>

            <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch">
                <div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch" id="kt_body">
                    <div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">