<style>
    .nodata{
        background-color: #72B4EC;
        color: white;
        border-radius: 13px;
        margin: 14px;
        font-size: 24px;
        text-align: center;
        padding: 5px;
    }
</style>

<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">اداره الموظفين</a></li>
            <li><a href="#">المسحوبات ومكافات</a></li>
            <li class="active">عرض المسحوبات ومكافات </li>
        </ol>
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading" style="padding:5px 15px 15px">
                <h3 class="panel-title" style="display: inline-block;"> عرض  المسحوبات ومكافات </h3>
                <a href="{$youtubes[170]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="width: 2%;"></a>
                <a href="employeePersonalController.php" class="hidden-print"><input type="button" style="margin-left: 12px" id="submit"  class="btn btn-primary pull-left " value="إضافة جديد"/></a>
            </div>

            <div class="panel-body">

                <form action="?do=show" method="post" class="form-inline hidden-print" >



                    <div class="form-group">
                        <label class="sr-only"> اسم الموظف</label>
                        <select name="empName"   class="select2 wdt300" >

                            <option value="-1">اختر موظف</option>
                            {foreach $allemp as $emp}
                            <option value="{$emp->employeeId}">{$emp->employeeName}</option>
                            {/foreach}
                        </select>
                    </div>




                    <div class="form-group">
                        <label class="sr-only"> نوع العمليه</label>
                        <select name="employeepersonneltype"   class="select2 wdt300" >

                            <option value="-1">اختر نوع العمليه </option>
                            <option value="1">مكافاه</option>
                            <option value="2">خصم</option>
                            <option value="3">سحب</option>
                            <option value="4">سلفه</option>
                            <option value="5">تأخير</option>
                            <option value="6">سداد سلفه مباشره</option>
                            <option value="7">سداد سلفه من المرتب</option>
                            <option value="8">تعديل دين عميل</option>
                            <option value="9">غياب</option>
                            <option value="10">قبض</option>
                            <option value="11">استئذان</option>
                            <option value="12">جزاء فنى</option>
                            <option value="13">وقت اضافى</option>
                        </select>
                    </div>




                    <br />
                    <div class="form-group">
                        <label class="sr-only">من التاريخ</label>
                        <input type="text" class="form-control awdatepicker" autocomplete="off"   data-date-format="yyyy-mm-dd" name="from" >
                    </div>
                    <div class="form-group">
                        <label class="sr-only">إلى التاريخ</label>
                        <input type="text" class="form-control awdatepicker" autocomplete="off"   data-date-format="yyyy-mm-dd" name="to" >
                    </div>

                    <button type="submit" class="btn btn-primary">بحث</button>


                </form>




                <table class="table table-black">
                    <thead>
                        <tr bgcolor="">
                            <th>اسم الموظف</th>
                            <th>نوع العمليه</th>
                            <th>قيمة العملية</th>
                            <th>التعليق </th>


                            <th >التاريخ </th>
                            <th class="hidden-print">حذف</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            {if $allEmployeepersonnel}

                            {foreach $allEmployeepersonnel as $emppersonnel}

                        <tr {if $emppersonnel->conditions eq 1}style="background-color:#f4d4d4;" class="noprint"{/if}>

                            <td>{$emppersonnel->employeeName}</td>
                            <td>{if {$emppersonnel->employeepersonneltype} eq 1}
                                مكافأة
                                {elseif {$emppersonnel->employeepersonneltype} eq 2}
                                خصم
                                {elseif {$emppersonnel->employeepersonneltype} eq 3}
                                سحب

                                {elseif {$emppersonnel->employeepersonneltype} eq 4}
                                سلفه


                                {elseif {$emppersonnel->employeepersonneltype} eq 5}
                                تأخير

                                {elseif {$emppersonnel->employeepersonneltype} eq 6}
                                سداد سلفه مباشره

                                {elseif {$emppersonnel->employeepersonneltype} eq 7}
                                سداد سلفه من المرتب


                                {elseif {$emppersonnel->employeepersonneltype} eq 8}
                                تعديل دين عميل

                                {elseif {$emppersonnel->employeepersonneltype} eq 9}
                                غياب

                                {elseif {$emppersonnel->employeepersonneltype} eq 10}
                                قبض

                                {elseif {$emppersonnel->employeepersonneltype} eq 11}
                                استئذان


                                {elseif {$emppersonnel->employeepersonneltype} eq 12}
                                جزاء فنى

                                {elseif {$emppersonnel->employeepersonneltype} eq 13}
                                وقت اضافى


                                {/if}</td>

                            <td>{$emppersonnel->employeepersonnelvalue}</td>
                            <td>{$emppersonnel->employeepersonnelnote}</td>
                            <td nowrap="nowrap">{$emppersonnel->employeepersonneldate}</td>
                            <td  class="hidden-print" nowrap="nowrap">
                                {if {$emppersonnel->employeepersonneltype} eq 8 || {$emppersonnel->employeepersonneltype} eq 10}
                                لا يمكن حذفه
                                {else}


                                {if {$emppersonnel->conditions} eq 0}
                                <a href="?do=delete&id={$emppersonnel->employeepersonnelid}" type="button" class="btn btn-default btn-lg deleteicon"></a>
                                {else}
                                محذوف
                                {/if}



                                {/if}
                            </td>
                        </tr>
                        {/foreach}
                        {/if}

                </table>
                <div class="row">
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى المكافآت ووقت اضافى <span class="badge wht-clo">
                                    <div >{$allReward}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">     اجمالى الخصومات <span class="badge wht-clo">
                                    <div >{$allDiscount}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> اجمالى السحب <span class="badge wht-clo">
                                    <div >{$allWithdrawal}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> اجمالى السلف <span class="badge wht-clo">
                                    <div >{$allLoan}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">   اجمالى التأخير <span class="badge wht-clo">
                                    <div >{$allLate}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">    اجمالى سداد سلفة مباشرة <span class="badge wht-clo">
                                    <div >{$allPayLoan}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> اجمالى سداد سلف من المرتب <span class="badge wht-clo">
                                    <div >{$allPaySalary}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> اجمالى تعديل دين عميل <span class="badge wht-clo">
                                    <div >{$allEditDebit}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">   اجمالى الغياب <span class="badge wht-clo">
                                    <div >{$allAbsence}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> الإجمالى <span class="badge wht-clo">
                                    {assign var=total value=$allReward-$allDiscount-$allWithdrawal-$allLoan-$allLate+$allPayLoan+$allPaySalary+$allEditDebit-$allAbsence}
                                    <div >{$total}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> اجمالى القبض"صافى" <span class="badge wht-clo">
                                    <div >{$allKabd}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">اجمالى الاستئذان <span class="badge wht-clo">
                                    <div >{$allPermission}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> اجمالى المرتب <span class="badge wht-clo">
                                    <div >{$allSalary}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center"> صافى المرتب <span class="badge wht-clo">
                                    <div >{$allSalary+$total}</div>
                                </span></h4>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="well well-sm">
                            <h4 class="text-center">  اجمالى   جزاء فنى<span class="badge wht-clo">
                                    <div >{$artisticpenalty}</div>
                                </span></h4>
                        </div>
                    </div>

                    <!--                    <div class="col-lg-3">
                                            <div class="well well-sm">
                                                <h4 class="text-center">  اجمالى  وقت اضافى <span class="badge wht-clo">
                                                        <div >{$extratime}</div>
                                                    </span></h4>
                                            </div>
                                        </div>-->

                    <div class="clearfix"></div>
                    <hr />
                    {if {count($allEmployeepersonnel)} > 0}
                    <div  class="noprint">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <div class="col-lg-4">
                                    <button type="button" onclick="print_Custom('mycustomheader');" class="btn btn-success pull-right hidden-print">طباعة</button>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>



                    {/if}
                    <div class="clearfix"></div>
                </div>
                <!-- <div class="nodata">عفوا ليس لك صلاحية العرض تواصل مع المدير</div> -->
            </div>
        </div>
    </div>
</div>