{% include "../../header.html" %}
{% include "../../navigation.html" %}
<div class="wrapper">
    <div class="container-fluid">
            <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="btn-group pull-right">
                                <h4 class="page-title">Settings</h4>
                            </div>
                            <ol class="breadcrumb hide-phone p-0 m-0">
                                <li class="breadcrumb-item"><a href="#">HuntCMS</a></li>
                                <li class="breadcrumb-item"><a href="#">Settings</a></li>
                                <li class="breadcrumb-item active">Settings List</li>
                            </ol>
                        </div>
                    </div>
                </div>
            <div class="row">
                <div class="col-sm-6">       
                    <div class="m-b-30">
                            <a href="{{ url('system.setting.add', '')}}"  class="btn btn-success waves-effect waves-light">Add <i class="mdi mdi-plus-circle-outline"></i></a>
                    </div>
                </div>
            </div>

        <!-- Page-Title -->
        <table class="table table-striped add-edit-table" id="datatable-editable">

        <thead>
                <tr>
                    <th data-toggle="true">Name</th>
                    <th data-hide="phone">Key</th>
                    <th data-hide="phone, tablet">Value</th> 
                    <th data-hide="phone, tablet">Operate</th>      
                </tr>
        </thead>
        <!-- end page title end breadcrumb -->
        
            <tbody>
                    {% for li in list %}
                    <tr>
                           
                            <td>{{ li.explain }}</td>
                            <td>{{ li.key }}</td>
                            <td>{{li.value }}</td>
                            <td class="actions">
                                <a href="{{ url('system.setting.del', '')}}?id={{ li.id }}" class="on-default remove-row" data-toggle="tooltip" data-placement="top" title="" data-original-title="Click Delete"><i class="fa fa-trash-o"></i></a> 
                                <a href="{{ url('system.setting.edit', '')}}?id={{ li.id }}" class="on-default edit-row" data-toggle="tooltip" data-placement="top" title="" data-original-title="Click Edit"><i class="fa fa-pencil"></i></a>  
 
                            </td>
                        </tr>
                    {% endfor %}
            </tbody>
                <tfoot>
                        <tr class="active">
                            <td colspan="5">
                                <div class="text-right">
                                    <ul class="pagination pagination-split justify-content-end footable-pagination m-t-10 m-b-0"></ul>
                                </div>
                            </td>
                        </tr>
                </tfoot>    
            </table>


        <!-- end row -->
        <div class="clearfix">
                {% include "../../paginate.html" %}
            </div>

    </div> <!-- end container -->
</div>

<!-- end wrapper -->
{% include "../../footer.html" %}
<script type="text/javascript" src="/assets/vendor/parsleyjs/dist/parsley.min.js"></script>