<div class="rounded-2xl border border-border bg-card shadow-sm">
    
    <div class="p-5">
        <form role="form" id="ban_reason" data-parsley-validate="" novalidate=""
              action="<?php echo base_url(); ?>admin/user/set_banned/1/<?= $user_id ?>" method="post"
              class="space-y-4">
            <?= form_textarea_group('ban_reason', lang('ban_reason'), '', 5, true); ?>
            <div class="flex items-center justify-end gap-2 pt-2">
                <button type="button" class="rounded-lg border border-border px-4 py-2 text-xs font-semibold text-foreground hover:bg-muted" data-dismiss="modal"><?= lang('close') ?></button>
                <button type="submit" class="rounded-lg bg-indigo-600 px-4 py-2 text-xs font-semibold text-white shadow-sm hover:bg-indigo-500"><?= lang('save') ?></button>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">

    $(document).ready(function () {
        $("#ban_reason").validate({
            rules: {
                ban_reason: {
                    required: true,
                }
            }
        });
    });</script>
<script src="<?php echo base_url(); ?>asset/js/custom-validation.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>asset/js/jquery.validate.js" type="text/javascript"></script>
