
<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 class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">المتجر اونلاين</a></li>
            <li><a href="boarding.php?do=show">البوردنج</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[47]->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="boarding.php" class="hidden-print"><input type="button"  id="submit" style="margin-left: 12px" class="btn btn-primary pull-left " value="اضافة جديد"/></a>
            </div>
            <div class="panel-body">
                <div id="outputString" class="alert alert-block alert-success fade in" style="display:none">
                    <button type="button" class="close pull-left" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <p id="outputStringValue">{$outputString}</p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <hr/>

            <!-- Table -->
            {literal}
            <form method="post" action="boarding.php?do=executeOperation" onsubmit="if (Spry.Widget.Form.validate(this)) {
                        return true;
                    } else {
                        return false;
                    }">
                {/literal}
                <table class="display table-black" id="example">
                    <thead>
                        <tr>
                            <th>العنوان</th>
                            <th class="hidden-print">تعديل</th>
                            <th class="hidden-print">حذف </th>
                        </tr>
                    </thead>
                    <tbody>

                        {foreach $showData as $data}
                        <tr>
                            <td>{$data->title}</td>
                            <td class="hidden-print"> <a href="boarding.php?do=edit&id={$data->id}" class="btn btn-default btn-lg editicon"></a> </td>
                            <td class="hidden-print"><a href="boarding.php?do=deleteFinaly&id={$data->id}" type="button" class="btn btn-default btn-lg deleteicon"></a></td>
                        </tr>
                        {/foreach}

                    </tbody>

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

            </form>
        </div>

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