@extends('layouts.app')

@section('content')
    <div class="container">

        <br>
        <br>
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">All Pages

                </div>

                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-condensed" id="newsTable">
                            <thead>
                            <tr>
                                <th><span>id.</span></th>
                                <th><span>Title</span></th>
                                <th>Link</th>
                                <th><span>Action</span></th>

                            </tr>
                            </thead>
                            <tbody >

                            @foreach($pages as $page)
                                <tr>
                                    <th>{{$page->id}}</th>
                                    <th>{{$page->title}}</th>
                                    <th>{{url('page/'.$page->slug)}}</th>
                                    <th><a href="{{url('/admin/pages/delete/'.$page->id)}}" class="btn btn-danger">Delete</a>
                                        <a href="{{url('/admin/pages/edit/'.$page->slug)}}" class="btn btn-info">Edit</a></th>
                                </tr>

                            @endforeach
                            </tbody>
                        </table>

                    </div>

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

@endsection
@section('footerscript')
    <script>
        $("#newsTable").dataTable();
    </script>

@endsection