<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<?= base_url() ?>/css/app.css">
    <link rel="stylesheet" href="<?= base_url() ?>assets/icon/font_awesome/css/all.min.css"/>
    <link rel="stylesheet" href="<?= base_url() ?>assets/css/general-class.css"/>
    <link rel="stylesheet" href="<?= base_url() ?>assets/libs/iziToast/iziToast.min.css"/>
    <link rel="shortcut icon" href="<?= base_url() ?>assets/images/favicon.png">
    <title><?= getTitle() ?> | <?= $title ?></title>
</head>
<body class="bg-white">
<div class="">
    <div class="md:max-w-[100%] mx-auto grid grid-cols-12 ">

        <div class="block col-span-12  md:row-span-3 z-20">
            <div class="flex justify-start pl-3 gap-x-3 items-center relative top-0 left-0 right-0 w-[100%] bg-[#C40C0C] rounded-bl-[1rem] rounded-br-[1rem] md:rounded-bl-[1.3rem] md:rounded-br-[1.3rem] py-5">
                <a href="javascript:void(0)" onclick="history.back()">
                    <img src="<?= base_url() ?>assets/images/ic-back-white.svg">
                </a>
                <p class="text-[24px] font-semibold text-white Montserrat"><?= $title ?></p>
            </div>
        </div>

        <?= $this->renderSection('content') ?>

    </div>
</div>
</body>
</html>