{#
    Macro to render a card View component
#}
{% macro view(id, dataId, title, content) %}
    <div id="{{ id }}" data-id="{{ dataId }}" class="card d-none" >
        <div class="card-header">
            <div class="d-flex justify-content-between">
                <h4 class="m-0">{{ title }}</h4>
                <div class="card-header-tools">
                    <button class="btn btn-xs rounded-bottom btn-light text-muted p-1"
                            data-id="btnCollapseView">
                        <i class="fa fa-minus"></i>
                    </button>
                    &nbsp;
                    <button class="btn btn-xs rounded-bottom btn-light text-muted p-1"
                            data-id="btnCloseView">
                        <i class="fa fa-times"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="card-body">
            {{ content|raw }}
        </div>
    </div>
{% endmacro %}