{#include main fluid=true}

{#title}Testing{/title}
{#body}

<div id="tables" class="table-responsive">
    {#for cn in info:tests.results.failing.orEmpty}
    <div class="col mb-12">
        <div class="card h-100 shadow">
            <div class="card-header bg-danger text-light">
                {cn.className}
            </div>
            <div class="card-body bg-dark">
                {#for r in cn.failing}
                <div>
                <p class="card-text text-danger">
                    {r.displayName}
                </p>
                <p class="card-text">
                    {#for log in r.logOutput}
                    <p class="card-text">
                        {log.raw}
                    </p>
                    {/for}
                </p>
                </div>
                {/for}
                {#for r in cn.passing}
                    {#if r.test}
                        <p class="card-text text-success">
                            {r.displayName}
                        </p>
                    {/if}
                {/for}
                {#for r in cn.skipped}
                {#if r.test}
                <p class="card-text text-warning">
                    {r.displayName}
                </p>
                {/if}
                {/for}
            </div>
        </div>
    </div>
    {/for}
    <hr/>
    {#for cn in info:tests.results.passing.orEmpty}
    <div class="col mb-12">
        <div class="card h-100 shadow">
            <div class="card-header bg-success text-light">
                {cn.className}
            </div>
            <div class="card-body bg-dark">
                {#for r in cn.passing}
                  {#if r.test}
                    <p class="card-text text-success">
                        {r.displayName}
                    </p>

                    <p class="card-text">
                        {#for log in r.logOutput}
                        <p class="card-text">
                            {log.raw}
                        </p>
                        {/for}
                    </p>
                  {/if}
                {/for}
                {#for r in cn.skipped}
                    {#if r.test}
                        <p class="card-text text-warning">
                            {r.displayName}
                        </p>

                        <p class="card-text">
                            {#for log in r.logOutput}
                            <p class="card-text">
                                {log.raw}
                            </p>
                            {/for}
                        </p>
                    {/if}
                {/for}
            </div>
        </div>
    </div>
    {/for}
    {#for cn in info:tests.results.skipped.orEmpty}
    <div class="col mb-12">
        <div class="card h-100 shadow">
            <div class="card-header bg-warning text-light">
                {cn.className}
            </div>
            <div class="card-body">
                {#for r in cn.skipped}
                    {#if r.test}
                    <p class="card-text text-warning">
                        {r.displayName}
                    </p>
                    {/if}
                {/for}
            </div>
        </div>
    </div>
    {/for}
</div>

{/body}
{/include}