@extends('layout.backend.containerlist')
@section('header_css')

@endsection
@section('footer_js')
<script type="text/javascript">
    $(document).ready(function() {
        $('#sidebar li').removeClass('active');
        $('#sidebar a').removeClass('active');
        $('#sidebar').find('#miscellaneous').addClass('active');
        $('#sidebar').find('#seo').addClass('active');

        var oTable = $('#seo-table').dataTable();
    });
</script>
@endsection
@section('dynamicdata')

<div class="row">
    <div class="col-sm-12">
        <section class="panel">
            <header class="panel-heading">
                Seos
            </header>
            <div class="panel-body">
                @include('layout.backend.alert')
                <div class="adv-table editable-table ">                 
                    <div class="btn-group">
                    </div>
                    <table class="display table table-bordered table-striped" id="seo-table">
                        <thead>
                            <tr>
                                <th>
                                    S N
                                </th>
                                <th>
                                    Page
                                </th>
                                <th>
                                    Options
                                </th>
                            </tr>
                        </thead>
                        <tbody id="tablebody">
                            @forelse($seos as $index=>$record)
                            <tr class="gradeX" id="seo_{{ $record->id }}" >
                                <td>
                                    {{ $index+1 }}
                                </td>
                                <td class="page">
                                    {{ $record->page }}
                                </td>
                                <td>
                                    <a href="{!! route('admin.miscellaneous.seo.edit', $record->id) !!}" title="Edit Notice"><i class="fa fa-edit"></i></a>&nbsp;
                                </td>
                            </tr>
                                @empty
                                <tr>
                                    <td colspan="3">No record found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>
                                    S N
                                </th>
                                <th>
                                    Page
                                </th>
                                <th>
                                    Options
                                </th>
                            </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </section>
    </div>
</div>

@stop