<style type="text/css">
    .style1{
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 10px;
        text-align: center;
        font-size: 15px;
        color: #d6d78c;
        background: #49474a;
    }
    .style2{
        float: left;
    }

    .dataTables_length,.dataTables_info  {
            width: 0px !important;
    }
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
}
</style>


<div class="row">
    <div class="container">
        <div class="panel panel-default panel-m">
            <div class="panel-heading" style="padding:5px 15px 15px">
                <h3 class="panel-title" style="display: inline-block;"> عرض</h3>
                <a href="{$youtubes[206]->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">
                {literal}
                <form class="form-horizontal"  >
                    {/literal}
                    {if $show == 1}

                    <input  type="hidden" id="doget"  value="studentsget" />
                    <div class="form-group" >
                        <div class="col-lg-2">
                            <label class="sr-only">من التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="start_date" value="">
                        </div>
                        <div class="col-lg-2">
                            <label class="sr-only">إلى التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="end_date" value="">
                        </div>
                        <div class="col-lg-4">
                            <label class="sr-only">المتدربين </label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  المتدرب"   data-table="students" 
                            data-join=""   data-filter="" data-parent="" data-itr=""  id="studentid"
                            data-search="studentname,'/',studentnumber,'/',studentphone"/>
                        </div>

                        <div class="col-lg-4">
                            <label class="sr-only">تخصصات المتدربين</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  تخصصات المتدربين"   data-table="studentaddsubjectdetails" 
                            data-join=" LEFT JOIN studentsubjects ON studentaddsubjectdetails.studentsubjectid = studentsubjects.id  
                             LEFT JOIN studentsubjectgroups ON studentaddsubjectdetails.studentsubjectgroupid = studentsubjectgroups.id "   data-filter="" data-parent="studentid" data-itr=""  id="studentaddsubjectdetailid"
                            data-search="subjectname,'/',subjectgroupname"/>
                        </div>
                    </div>
                    
                     <div class="form-group" > 
                        
                        <div class="col-lg-4">
                            <label class="sr-only">الاختبارات</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  الاختبار  "   data-table="studentsexamsval"
                            data-join=" LEFT JOIN studentsubjects ON studentsexamsval.studentsubjectid = studentsubjects.id  
                            LEFT JOIN studentsexams ON studentsexamsval.studentsexamid = studentsexams.id  
                             LEFT JOIN studentsubjectgroups ON studentsexamsval.studentsubjectgroupid = studentsubjectgroups.id "   data-filter="" data-parent="studentid" data-itr=""  id="studentsexamsvalid"
                            data-search="studentsexams.examname,'/',subjectname,'/',subjectgroupname"/>
                        </div>
                        <div class="col-lg-3">
                            <label class="sr-only">الدفع</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر    "   data-table="studentspays" 
                            data-join="  LEFT JOIN students ON studentspays.studentid = students.id 
                            LEFT JOIN studentsubjects ON studentspays.studentsubjectid = studentsubjects.id "   data-filter="" data-parent="studentid" data-itr=""  id="studentspayid"
                            data-search="studentname,'/',studentspays.paytype,'/',subjectname"/>
                        </div>
                        <div class="col-lg-3">
                            <label class="sr-only">الغياب</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"     data-placeholder="اختر    "   data-table="studentabsences" 
                            data-join=" LEFT JOIN students ON studentabsences.studentid = students.id 
                            LEFT JOIN studentsubjects ON studentabsences.studentsubjectid = studentsubjects.id "   data-filter=" and onlys = 1 " data-parent="studentid" data-itr=""  id="studentabsenceid"
                            data-search="studentname,'/',subjectname"/>
                        </div>
                        <div class="col-lg-2">
                            <label class="sr-only">.</label><br>
                            <input type="radio"  class="onlys "  name="onlys" value="0">
                            <label for="html">حضور</label>
                            <input type="radio" class="onlys " name="onlys"  value="1" checked >
                            <label for="css">غياب</label>
                        </div>
                        
                    </div>
                    {else if $show == 2}
                    <input  type="hidden" id="doget"  value="studentaddsubjectsget" />
                    <div class="form-group" >
                        <div class="col-lg-2">
                            <label class="sr-only">من التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="start_date" value="">
                        </div>
                        <div class="col-lg-2">
                            <label class="sr-only">إلى التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="end_date" value="">
                        </div>
                        <div class="col-lg-4">
                            <label class="sr-only">تخصصات المتدربين</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  تخصصات المتدربين"   data-table="studentaddsubjects" 
                            data-join=" LEFT JOIN studentsubjects ON studentaddsubjects.studentsubjectid = studentsubjects.id 
                              LEFT JOIN studentsubjectgroups ON studentaddsubjects.studentsubjectgroupid = studentsubjectgroups.id "   data-filter="" data-parent="" data-itr="" 
                              id="studentaddsubjectid"
                            data-search="subjectname,'/',subjectgroupname"/>
                        </div>
                        <div class="col-lg-4">
                            <label class="sr-only">المتدربين </label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  المتدرب"   data-table="studentaddsubjectdetails" 
                            data-join=" LEFT JOIN students ON studentaddsubjectdetails.studentid = students.id  "   data-filter="" data-parent="studentaddsubjectid" data-itr=""  id="studentaddsubjectdetailid"
                            data-search="studentname,'/',studentphone"/>
                        </div>
                    </div>
                    
                     <div class="form-group" > 
                        
                        <div class="col-lg-4">
                            <label class="sr-only">الاختبارات</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  الاختبار  "   data-table="studentsexams"
                            data-join="  LEFT JOIN studentsubjects ON studentsexams.studentsubjectid = studentsubjects.id  
                             LEFT JOIN studentsubjectgroups ON studentsexams.studentsubjectgroupid = studentsubjectgroups.id "   data-filter="" data-parent="studentaddsubjectid" data-itr=""  id="studentsexamid"
                            data-search="examname,'/',greatdegree"/>
                        </div>
                        <div class="col-lg-3">
                            <label class="sr-only">الدفع</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر    "   data-table="studentspays" 
                            data-join=" LEFT JOIN studentsubjects ON studentspays.studentsubjectid = studentsubjects.id  
                             LEFT JOIN studentsubjectgroups ON studentspays.studentsubjectgroupid = studentsubjectgroups.id "   data-filter="" 
                             data-parent="studentaddsubjectid" data-itr=""  id="studentspayid"
                            data-search="studentname,'/',studentspays.paytype,'/',subjectname"/>
                        </div>
                        <div class="col-lg-3">
                            <label class="sr-only">الغياب</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"     data-placeholder="اختر    "   data-table="studentabsences" 
                            data-join=" LEFT JOIN students ON studentabsences.studentid = students.id 
                             LEFT JOIN studentsubjects ON studentabsences.studentsubjectid = studentsubjects.id "   data-filter=" and onlys = 1 " 
                             data-parent="studentaddsubjectid" data-itr=""  id="studentabsenceid"
                            data-search="studentname,'/',subjectname"/>
                        </div>
                         <div class="col-lg-2">
                            <label class="sr-only">.</label><br>
                            <input type="radio"  class="onlys "  name="onlys" value="0">
                            <label for="html">حضور</label>
                            <input type="radio" class="onlys " name="onlys"  value="1" checked >
                            <label for="css">غياب</label>
                        </div>
                        
                    </div>
                    {else if $show == 3}
                    <input  type="hidden" id="doget"  value="studentsexamsget" />
                    <div class="form-group" >
                        <div class="col-lg-3">
                            <label class="sr-only">من التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="start_date" value="{$date}">
                        </div>
                        <div class="col-lg-3">
                            <label class="sr-only">إلى التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="end_date" value="{$date}">
                        </div>
                        <div class="col-lg-6">
                            <label class="sr-only">الاختبارات</label>
                           <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  الاختبار  "   data-table="studentsexams"
                            data-join=" LEFT JOIN studentsubjects ON studentsexams.studentsubjectid = studentsubjects.id  
                             LEFT JOIN studentsubjectgroups ON studentsexams.studentsubjectgroupid = studentsubjectgroups.id  "   data-filter="" data-parent="studentaddsubjectid" data-itr=""  id="studentsexamid"
                            data-search="examname,'/',subjectname,'/',subjectgroupname"/>
                        </div>
                    </div>
                    
                    
                    {else}
                     <input  type="hidden" id="doget"  value="studentspaysget" />
                    <div class="form-group" >
                        <div class="col-lg-3">
                            <label class="sr-only">من التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="start_date" value="{$date}">
                        </div>
                        <div class="col-lg-3">
                            <label class="sr-only">إلى التاريخ</label>
                            <input type="text" class="form-control awdatepicker searchdetaildata" autocomplete="off"   data-date-format="yyyy-mm-dd"  id="end_date" value="{$date}">
                        </div>
                        <div class="col-lg-6">
                            <label class="sr-only">الدفع</label>
                            <input  type="text"  class="searchdetaildata getselectjoin"  data-placeholder="اختر  دفع  محدد "   data-table="studentspays" 
                            data-join=" LEFT JOIN students ON studentspays.studentid = students.id  
                            LEFT JOIN studentsubjects ON studentspays.studentsubjectid = studentsubjects.id  
                             LEFT JOIN studentsubjectgroups ON studentspays.studentsubjectgroupid = studentsubjectgroups.id "   data-filter="" data-parent="" data-itr=""  id="studentspayid"
                           data-search="studentname,'/',studentspays.paytype,'/',subjectname"/>
                            
                        </div>
                    </div>

                    {/if}
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="container" id="getdata">
    </div>
</div>



        