
<script type="text/javascript" charset="utf-8">


    $(document).ready(function () {
        $('#example').dataTable({
            "bPaginate": false,
            "bStateSave": true,
            "sDom": 'TCR<"clear">lfrtip',
            "oTableTools": {
                "aButtons": [
                    "copy",
                    "print",
                    {
                        "sExtends": "collection",
                        "sButtonText": "حفظ",
                        "aButtons": ["csv", "xls"]
                    }
                ]
            }
        });
    });

</script>


            </div>
            <div class="row">
                <div class="container">
                    <ol class="breadcrumb">
                        <li><a href="#"> الشئون القانونية</a></li>
                        <li><a href="Cases.php?do=show"> قضايا</a></li>
                        <li class="active">عرض</li>
                    </ol>
                    <div class="panel panel-default panel-m">
                        <div class="panel-heading hidden-print" style="padding:5px 15px 15px">
                            <h3 class="panel-title hidden-print" style="display: inline-block;"> عرض </h3>
                            <a href="{$youtubes[198]->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="Cases.php" class="hidden-print">
                                <input type="button" id="submit" style="margin-left: 12px" class="btn btn-primary pull-left " value="إضافة جديد" />
                            </a>
                      
                                        
                        <button type="button" id="btn_current" class="btn btn-success active"> قضايا جارية</button>
                        <button type="button" id="btn_done" class="btn btn-default">قضايا تم الحكم فيها</button>
                    
                        </div>
                    </div>

            
          
            <!-- Table -->
            {literal}
            <form method="post" action="Cases.php?do=show" onsubmit="if (Spry.Widget.Form.validate(this)) {return true;} else {return false;}">
                {/literal}

    <div id="section_current">
      
        <table class="display table-black" id="example">
            <thead>
                <tr>
                    <th>رقم الدعوى</th>
                    <th>الخصوم</th>
                    <th>المختص</th>
                    <th>الموضوع</th>
                    <th>قرار المحكمة</th>
                    <th>مكان حفظ الملف</th>
                    <th>اسم المستخدم</th>
                    <th>تاريخ الاضافة/التعديل</th>
                    <th class="hidden-print">تعديل</th>
                    <th class="hidden-print">حذف</th>
                </tr>
            </thead>
            <tbody>
                {foreach $showData as $data}
                {if $data.status == 0}
                <tr>
                    <td>{$data.case_num}</td>
                    <td>{$data.opponents}</td>
                    <td>{$data.specialist_name}</td>
                    <td>{$data.subject}</td>
                    <td>{$data.decision}</td>
                    <td>
                        {if $data.place == in}
                             داخل الجمعية
                        {else if $data.place == out}
                             خارج الجمعية
                        {/if}
                    </td>
                     <td>{$data.employeename}</td>
                    <td>{$data.sys_date}</td>
                    <td class="hidden-print"> <a href="Cases.php?do=edit&id={$data.id}" class="btn btn-default btn-lg editicon"></a> </td>
                    <td class="hidden-print"><a href="Cases.php?do=deleteFinaly&id={$data.id}" type="button" class="btn btn-default btn-lg deleteicon"></a></td>
                </tr>
                {/if}
                {/foreach}
            </tbody>
        </table>
    </div>

    <div id="section_done" style="display:none;">
        <table class="display table-black">
            <thead>
                <tr>
                    <th>رقم القضية</th>
                    <th>الموضوع</th>
                    <th>ملاحظات</th>
                    <th>مكان حفظ الملف</th>
                    <th>اسم المستخدم</th>
                    <th>تاريخ الاضافة/التعديل</th>
                    <th class="hidden-print">تعديل</th>
                    <th class="hidden-print">حذف</th>
                </tr>
            </thead>
            <tbody>
                {foreach $showData as $data}
                {if $data.status == 1}
                <tr>
                    <td>{$data.case_num}</td>
                    <td>{$data.subject}</td>
                    <td>{$data.notes}</td>
                    <td>
                        {if $data.place == in}
                             داخل الجمعية
                        {else if $data.place == out}
                             خارج الجمعية
                        {/if}
                    </td>
                    <td>{$data.employeename}</td>
                    <td>{$data.sys_date}</td>
                    <td class="hidden-print"> <a href="Cases.php?do=edit&id={$data.id}" class="btn btn-default btn-lg editicon"></a> </td>
                    <td class="hidden-print"><a href="Cases.php?do=deleteFinaly&id={$data.id}" type="button" class="btn btn-default btn-lg deleteicon"></a></td>
                </tr>
                {/if}
                {/foreach}
            </tbody>
        </table>
    </div>

                <div class="clearfix"></div>

            </form>
            
        </div>

    </div>
</div>
{literal}
<script type="text/javascript">
    var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {isRequired: false, invalidValue: "-1"});

    $(document).ready(function() {
        $('#btn_done').click(function() {
            $('#section_current').hide();
            $('#section_done').show();
            $(this).addClass('btn-success active').removeClass('btn-default');
            $('#btn_current').addClass('btn-default').removeClass('btn-success active');
        });
        $('#btn_current').click(function() {
            $('#section_done').hide();
            $('#section_current').show();
            $(this).addClass('btn-success active').removeClass('btn-default');
            $('#btn_done').addClass('btn-default').removeClass('btn-success active');
        });
    });
</script>
{/literal}