<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Quản lý Công Nợ</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.3/xlsx.full.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.22/jspdf.plugin.autotable.min.js"></script>
    <link href="<?php echo module_dir_url('template_module1', 'assets/css/style.css'); ?>" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
    .note_color {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .color_block {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-left: -8px;
    }

    .form-control.input-sm.filter {
        width: auto !important;
        color: #d73505;
        font-weight: 600;
    }
    </style>
</head>
<?php if (isset($error)): ?>
<div id="success-alert" class="float-alert animated fadeInRight col-xs-10 col-sm-3 alert alert-danger">
    <span class="fa-solid fa-circle-exclamation" data-notify="icon"></span>
    <span class="alert-title"><?php echo $error; ?></span>
</div>
<?php endif; ?>
<?php if (isset($success_message)): ?>
<div id="success-alert" class="float-alert animated fadeInRight col-xs-10 col-sm-3 alert alert-success">
    <span class="fa-regular fa-bell" data-notify="icon"></span>
    <span class="alert-title"><?php echo $success_message; ?></span>
</div>
<?php endif; ?>