
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css">

<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.js"></script>
<h1>View Logs</h1>
<h2>Main</h2>
        <div class="">
            <textarea name="" style="width: 100%; max-width: 100%" id="" cols="30" rows="10">
                {$num=1}
                  {foreach $MainLogs item=line key=i}
                      {$line}

                      {$num=$num+1}
                  {/foreach}
            </textarea>
        </div>
<h2>Users</h2>
<div class="">
            <textarea name="" style="width: 100%; max-width: 100%" id="" cols="30" rows="10">
                {$num=1}
                {foreach $UserLogs item=line key=i}
                    {$line}

                    {$num=$num+1}
                {/foreach}
            </textarea>
</div>
<h2>Modules</h2>
<div class="">
            <textarea name="" style="width: 100%; max-width: 100%" id="" cols="30" rows="10">
                {$num=1}
                {foreach $ModulesLogs item=line key=i}
                    {$line}

                    {$num=$num+1}
                {/foreach}
            </textarea>
</div>
<h2>Security</h2>
<div class="">
            <textarea name="" style="width: 100%; max-width: 100%" id="" cols="30" rows="10">
                {$num=1}
                {foreach $SecurityLogs item=line key=i}
                    {$line}

                    {$num=$num+1}
                {/foreach}
            </textarea>
</div>


<script type="text/javascript">
    $(document).ready(function(){
        $('#logs_main').DataTable();
    });
</script>
