{% set report = createModel('Reports','reports').findById(uuid) %}
<div class="ui segment">
    <div class="ui two column grid">
        <div class="ui column">
            <div class="flex flex-rows items-center">
                <div class="lr-4 pr-2 font-bold">
                    {{ labels.report }}
                </div>
                <div class="pr-2">
                    {{ report.title }}
                </div>
                <div class="pr-2 font-bold">
                    {{ labels.user }}
                </div>
                <div class="pr-2">
                    {{ report.user.user_name_or_email }}
                </div>
            </div> 
        </div>
        <div class="ui column right aligned">
            <button 
                class="ui red mini icon button delete-report-data" 
                title="{{ labels.delete }}"
                uuid="{{ report.uuid }}">
                <i class="icon trash"></i>
            </button>
        </div>
    </div>
</div>
<div class="ui two column grid">
    <div class="column" >            
        {% if report is not empty %}
            <div class="ui segment" id="report_chart">
                {{ component('reports::admin.reports.data.chart',{ report_id: report.id }) }}
            </div>            
        {% endif %}
    </div>
    <div class="column">  
        {% if report is not empty %}
            <div class="ui segment" id="report_summary">
                {{ component('reports::admin.reports.data.summary',{ report_id: report.id }) }}
            </div> 
        {% endif %}
    </div>  
</div>
<!--
<div class="ui two column grid">
    <div class="column"> 
        <div class="ui segment" id="report_data">
            {% if report is not empty %}
                {{ component('reports::admin.reports.data.data',{ report_id: report.id }) }}
            {% endif %}
        </div>
    </div>        
    <div class="column">
    </div>
</div>
-->