@extends('Admin.Layout.main_layout') 	

@section('main_container')

<!-- begin app-main -->

<div class="app-main" id="main">

   <!-- begin container-fluid -->

   <div class="container-fluid">

      <!-- begin row -->

      <div class="row">

         <div class="col-md-12 m-b-30">

            <!-- begin page title -->

            <div class="d-block d-sm-flex flex-nowrap align-items-center">

               <div class="page-title mb-2 mb-sm-0">

                  <h1>Manage CMS Pages</h1>

               </div>

               <div class="ml-auto d-flex align-items-center">

                 

                  <a class="btn btn-dark text-white" href="{{ route('addPage') }}">Add CMS Page</a>

               </div>

            </div>

            <!-- end page title -->

         </div>

      </div>

      <!-- end row -->

      <!-- begin row -->

      <div class="row editable-wrapper">

                            <div class="col-lg-12 ">

                                <div class="card card-statistics">

                                    <div class="card-body">

                                        <div class="table-responsive">

                                            <table id="table" class="table display responsive nowrap table-light table-bordered">

                                                <thead class="thead-light">

                                                    <tr>

                                                        <th scope="col">id</th>

                                                        <th scope="col">Page Name</th>

                                                        <th scope="col">Slug Name</th>

                                                        <th scope="col">Actions</th>

                                                    </tr>

                                                </thead>

                                                <tbody>

                                                     @if(!$page_arr->isEmpty())

                                                    @foreach($page_arr as $key => $data)

                                                        <tr>

                                                        <th scope="row">{{ ($key+1) }}</th>

                                                        <td>{{ $data->pg_name }}</td>

                                                        <td>{{ $data->slug }}</td>

                                                        <td>

                                                            <div class="actions">
                                                            <a class="btn btn-sm bg-success-light"  href="{{ route('editPage', $data->pg_id)}}">
                                                                <i class="fe fe-edit" style="font-size: 2em;"></i> 
                                                                </a>

                                                               
                                                                <a  href="javascript:void(0)" data-delete_url="{{url('page/delete/'.$data->pg_id)}}"   class="btnDelete btn btn-sm bg-danger-light">
                                                                <i class="fe fe-trash" style="font-size: 2em;"></i> 
                                                                </a>

                                                            </div>

                                                        </td>

                                                        </tr>

                                                    @endforeach  

                                                    @else

                                                        <p class="text-danger mt-2" style="padding-left:450px;">No Page Available</p>

                                                    @endif

                                                    

                                                </tbody>



                                            </table>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

      <!-- end row -->

   </div>

   <!-- end container-fluid -->

</div>

<!-- end app-main -->

</div>

<!-- end app-container -->

@endsection