<style>
    @media (min-width: 768px){
        .form-horizontal .form-group {
            margin-right: -10px;
            margin-left:-10px;
        }
    }
    table i{
        font-size:18px;
        margin: 5px
    }
    .remove{
        color: #ec0000;
        font-size: 22px;

    }
    .edit{
        color:green

    }
    .detail{
        color:#0e7fd9
    }
    .billtable thead>tr>th {
        color: #eeecda;
        background-color: #0081a8;
    }

    .data-search{
        margin: 10px 15px 0;
    }
    .btn-dark {
        color: #fff;
        background-color: #636262;
        border-color: #646464;
        margin-bottom: 15px
    }
    .data-search .form-control{
        border-radius:3px
    }
    .card{
        box-shadow: 0 4px 16px rgba(0,0,0,.12);
        padding: 10px;
        margin: 20px 0;
        border-radius: 5px
    }
</style>


<div class="row">

    <div class="container">


        <ol class="breadcrumb">
            <li><a href="#">تقرير المشروعات مفصل</a></li>
            <li class="active">عرض</li>
        </ol>

        <div class="panel panel-default panel-m">
            <div class="panel-heading">
                <h3 class="panel-title"> عرض    تقرير المشروعات مفصل  </h3>
                <a href="{$youtubes[242]->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">
                <form class="form-inline hidden-print" action="projectReportControllerdetail.php" method="post">
                    <div class="data-search">
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                     <label class="sr-only">اسم المشروع</label>
                                        <input type="hidden" name="searchvalue" id="searchvalue" value="{$Programsettingdata['searchvalue']}"/>
                                        <input type="text"  id="projectId" name="projectId"  class="select2product wdt100"  data-placeholder="اختر مشروع" />  
                                </div>
                                <button type="submit" class="btn btn-primary">بحث</button>
                            </div>


                        </div>
                    </div>

                </form>

               <div class="col-lg-12">
                     <div class="col-lg-6">
                        {if $clientdebtchangeamountint}
                         <table class="table billtable table-bordered table-black card ">
                            <thead>
                                 <tr >
                                <th colspan="6" style="background:#000 ">مدفوعات للمشروع {$clientdebtchangeamountint}</th>
                                   
                                </tr>
                                <tr>
                                    <th >رقم الوصل</th>
                                    <th>  قيمة الايصال </th>
                                    <th> الدين قبل</th>
                                    <th>الدين بعد</th>
                                    <th>  تاريخ الايصال </th>
                                     <th> التعليق</th>
                                </tr>
                            </thead>
                            <tbody>
                                {foreach $clientdebtchangeData as $clientdebtchange}
                                <tr>
                                    <td>{$clientdebtchange.clientdebtchangeid}</td>
                                    <td>{$clientdebtchange.clientdebtchangeamount}</td>
                                    <td>{$clientdebtchange.clientdebtchangebefore}</td>
                                    <td>{$clientdebtchange.clientdebtchangeafter}</td>
                                    <td>{$clientdebtchange.clientdebtchangedate}</td>
                                    <td>{$clientdebtchange.comment}</td>
                                </tr>                               
                                {/foreach}
                            </tbody>
                        </table>
                        {/if}
                         {if $allincomeValue}
                         <table class="table billtable table-bordered table-black card ">
                            <thead>
                                <tr >
                                <th colspan="5" style="background:#000 ">الايرادات   {$allincomeValue}</th>
                                   
                                </tr>
                                <tr>
                                    <th >اسم الايراد</th>
                                    <th>التصنيف الرئيسي</th>
                                    <th>قيمة الايراد</th>
                                    <th>  التاريخ </th>
                                     <th> التعليق</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                                {foreach $incomeData as $income}
                                <tr>
                                    <td>{$income.incomeName}</td>
                                    <td>{$income.incomeTypeName}</td>
                                    <td>{$income.incomeValue}</td>
                                    <td>{$income.incomeDate}</td>
                                    <td>{$income.incomeDetails}</td>
                                </tr>
                               
                                {/foreach}
                            </tbody>

                        </table>
                         {/if}

                    </div>

                     <div class="col-lg-6">
                         {if $projectexchmaterial}
                          <table class="table billtable table-bordered table-black card ">
                            <thead>
                                <tr >
                                <th colspan="3" style="background:#000 ">صرف مواد للمشروع  {$projectexchmaterialtotal}</th>
                                   
                                </tr>
                                <tr>
                                    <th >التاريخ</th>
                                    <th> القيمه </th>
                                     <th> المنتجات </th>
                                </tr>
                            </thead>
                            <tbody>
                                {foreach $projectexchmaterial as $projectexchmateria}
                                <tr>
                                    <td>{$projectexchmateria->sysdate}</td>
                                    <td>{$projectexchmateria->totalbuyprice}</td>
                                    <td>{foreach $projectexchmateria->proname as $pro}
                                        {$pro.productName} -  كميه  {$pro.pronumber}  - السعر   
                                        {$pro.probuyprice} /
                                        {/foreach}
                                    </td>
                                </tr>                               
                                {/foreach}
                            </tbody>
                        </table>
                         {/if}

                         {if $projectexchmaterialreturn}
                         <table class="table billtable table-bordered table-black card ">
                            <thead>
                                 <tr >
                                <th colspan="3" style="background:#000 ">مرتجع صرف مواد للمشروع   {$projectexchmaterialreturntotal}</th>
                                   
                                </tr>
                                <tr>
                                    <th >التاريخ</th>
                                    <th> القيمه </th>
                                    <th> المنتجات </th>
                                </tr>
                            </thead>
                            <tbody>
                                {foreach $projectexchmaterialreturn as $projectexchmaterialretur}
                                <tr>
                                    <td>{$projectexchmaterialretur.sysdate}</td>
                                    <td>{$projectexchmaterialretur.totalbuyprice}</td>
                                    <td>{foreach $projectexchmaterialretur->proname as $pro}
                                        {$pro.productName} -  كميه  {$pro.pronumber}  - السعر   
                                        {$pro.probuyprice} /
                                        {/foreach}
                                    </td>
                                </tr>                               
                                {/foreach}
                            </tbody>
                        </table>
                        {/if}
                        {if $expensesData}
                         <table class="table billtable table-bordered table-black card ">
                            <thead>
                                 <tr >
                                <th colspan="5" style="background:#000 ">المصروفات {$allexpensesValue}</th>
                                   
                                </tr>
                                <tr>
                                    <th > إسم المصروف   </th>
                                    <th> إسم المصروف    </th>
                                    <th> المبلغ </th>
                                    <th>التاريخ</th>
                                    <th> التعليق</th>
                                  
                                </tr>
                            </thead>
                            <tbody>
                                {foreach $expensesData as $expenses}
                                <tr>
                                    <td>{$expenses.expensesname}</td>
                                    <td>{$expenses.expensestypename}</td>
                                    <td>{$expenses.expensesValue}</td>
                                    <td>{$expenses.expensesdate}</td>
                                    <td>{$expenses.expensesdetails}</td>
                                </tr>
                                 
                                {/foreach}
                            </tbody>

                        </table>
                       {/if} 
                         {if $supplierdebtchangeData}
                         <table class="table billtable table-bordered table-black card ">
                            <thead>
                                 <tr >
                                <th colspan="3" style="background:#000 "> الدفعات    {$allsupplierdebtchangeamountv}</th>
                                   
                                </tr>
                                <tr>
                                   
                                    <th> المبلغ </th>
                                    <th>التاريخ</th>
                                    <th> التعليق</th>
                                  
                                </tr>
                            </thead>
                            <tbody>
                                {foreach $supplierdebtchangeData as $supplierdebtchange}
                                <tr>
                                    <td>{$supplierdebtchange.supplierdebtchangeamount}</td>
                                    <td>{$supplierdebtchange.supplierdebtchangedate}</td>
                                    <td>{$supplierdebtchange.comment}</td>
                                </tr>
                                 
                                {/foreach}
                            </tbody>

                        </table>
                          {/if} 
                    </div>
                </div>
               
              

                {if $txt}
                <div class="col-lg-12" style="text-align: center;">
                        <button type="button" class="btn btn-dark ft-nor" style="font-size: 20px" >
                            {$txt} <span class="badge wht-clo">
                                <div >{$operation}</div>
                            </span>
                        </button>
                   
                </div>
                {/if}

            </div> <!-- end of panel-body-->

        </div>  <!-- end of panel panel-default-->

    </div> <!-- end of container-->

</div>  <!-- end of row-->


{literal}
<script>
    $(document).ready(function () {
        $('.dataTableClass22').dataTable({
            "order"
                    : [
                        [4, "desc"]       // order by drug cat
                    ]
        });
       
       
    });
</script>
{/literal}