<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[239]->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 searchBindReport">
                            <option value="-1"> اختر </option>
                            {foreach $employees as $employee}
                            <option value="{$employee->employeeId}">{$employee->employeeName} </option>
                            {/foreach}
                        </select>
                    </div>

                    <div class="form-group wds10">
                        <label class="sr-only">من التاريخ</label>
                        <input type="text" class="form-control searchBindReport awdatepicker" autocomplete="off"     data-date-format="yyyy-mm-dd" id="fromDate" >
                    </div>
                    <div class="form-group wds10">
                        <label class="sr-only">إلى التاريخ</label>
                        <input type="text" class="form-control searchBindReport awdatepicker" autocomplete="off"     data-date-format="yyyy-mm-dd" id="toDate" >
                    </div>
                </form>
            </div>
            <hr/>
            <div id="reportSearchResult">


                <!-- Table -->




            </div>
            <!--            </fom>-->
            <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}