<style>
    th,td{
        border: 1px solid #ddd !important;
    }
</style>
<div class="row">
    <div class="container">
        <!--show-------------------------------------------------------------------------------------------->
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading">
                <h3 class="panel-title"><strong>تقرير الأرباح و الخسائر(الدخل): </strong></h3>
                <a href="{$youtubes[224]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="width: 2%;"></a>
            </div>
            <div class="panel-body">
                <div>
                    <table class="table table-black">
                        <tr class="">
                            <th colspan="2" style="text-align: center;" class="color-black">المدين </th>
                            <th colspan="2" style="text-align: center;" class="color-black">الدائن </th>
                        </tr>
                        {for $foo = 0 to $realCount step=2}
                        {if $reportArr[$foo]->name =="" && $reportArr[$foo+1]->name ==""}
                        {else}
                        <tr>
                            <th>{$reportArr[$foo]->customName}</th>
                            <td>{$reportArr[$foo]->theValue}</td>
                            <th>{$reportArr[$foo+1]->customName}</th>
                            <td>{$reportArr[$foo+1]->theValue}</td>
                        </tr>
                        {/if}
                        {/for}
                        <tr class="bg-black">
                            <th>المجموع:</th>
                            <td>{$totalDebtor}</td>
                            <th>المجموع:</th>
                            <td>{$totalCreditor}</td>
                        </tr>
                    </table>
                    <br/>
                    <div class="col-lg-offset-16 col-lg-4">
                        <div class="well well-sm">
                            <h4 class="text-center">{$gainLossMsg}</h4>
                        </div>
                    </div>
                </div>
                </br>
            </div>
        </div>
    </div>
</div>