@extends('layouts.admin')
@section('content')
<div class="card">
            <div class="card-header bg-white p-4">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h4 class="mb-0 text-dark fw-bold"><i class="bi bi-table me-2 text-primary"></i>Site Pages</h4>
                    </div>
                    <div class="col-md-6 text-end">
                        <a href="new-page" class="btn btn-primary fw-bold">Add Page </a>
                        <!-- <div class="input-group"> -->
                            
                            <!-- <input type="text" class="form-control" id="searchInput" placeholder="Search projects, client, or status..."> -->
                            <!-- <span class="input-group-text"><i class="bi bi-search"></i></span> -->
                             
                             <!-- <span class="input-group-text"><i class="bi bi-plus"></i></span> -->
                        <!-- </div> -->
                    </div>
                </div>
            </div>
            
            <div class="card-body p-3">
                <div class="table-responsive">

                 <table id="tablepagelist" class="table table-striped table-bordered table-hover align-middle me-2">
                                                <thead>
                                                        <th>Title</th>
                                                        <th>URL</th>
                                                        <th>Parent</th>
                                                        <th>Location</th>
                                                        <th>Position</th>
                                                        <th>Status</th>
                                                        <th width="100">Action</th>
                                                 
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                    
                </div>
            </div>
        </div>
@endsection