@extends('app')
@push('css')
<style>
    .error{
        
        color:red;
    }
</style>
@endpush
@section('content')



<div class="container-xl my-5" style="min-height: 600px">
    <div class="row">
        
        <div class="col-md-12 col-lg-12">
            
          <div class="table-responsive mt-3">
            <table id="myTable" class="table table-hover order-list">
                <thead>
                    <tr>
                        <th>SL</th>
                        <th>Page Title</th>
                        <th>View Page</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($items as $key=>$item)
                    <tr>
                        <td>{{ $key+1 }}</td> 
                        <td>{{ $item->title1 }}</td> 
                        <td>
                            <a href="{{ route('viewPage', ['id' => $item->id]) }}">View Page</a>
                        </td> 
                    </tr>
                    @endforeach
                </tbody>
            </table>
          </div>
            
            
          </div>
      
    </div>
</div>

            
@endsection