<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">العهد</a></li>
        <li><a href="#">عهد </a></li>
        <li class="active">عرض العهد</li>
    </ol>
    <div class="row">
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading">العهد   <br />
                <a href="{$youtubes[237]->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="#" method="post">
                    <div class="form-group wds20">
                        <label class="sr-only">إسم الموظف</label>
                        <select id="employee" name="employee" data-placeholder="اختر " class="select2 wdt100 searchBinds">
                            <option value="-1"> اختر </option>
                            {foreach $employees as $employee}
                            <option value="{$employee->employeeId}">{$employee->employeeName} </option>
                            {/foreach}
                        </select>
                    </div>
                </form>
            </div>
            <hr/>
            <div id="searchResult">

                <div class="clearfix"></div>
                <!-- Table -->


                <table class="table table-black">
                    <thead>
                        <tr>
                            <th>#  </th>
                            <th>اسم الموظف </th>
                            <th> عهدة من</th>
                            <th>القيمة </th>
                            <th>التاريخ</th>
                            <th>المستخدم</th>
                            <th class="hidden-print">التعديل</th>
                        </tr>
                    </thead>
                    <tbody id="bindSearchResult">

                    </tbody>

                </table>

            </div>
            </form>
            <div class="clearfix"></div>
            <hr />
            <div  class="hidden-print">
                <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">طباعة</button>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
{literal}
<script type="text/javascript">
    var spryselect2 = new Spry.Widget.ValidationSelect("spryselect2", {invalidValue: "-1", isRequired: false});
</script>
{/literal}