@extends('Admin.layout.main')

@section('content')
@if(session()->has('success'))
<script>
Swal.fire({
  title: "{{ session('success') }}",
  icon: "success"
});
</script>
@endif

@if(session()->has('error'))
<script>
Swal.fire({
  title: "{{ session('error') }}",
  icon: "error"
});
</script>
@endif


<div class="page-content-wrapper">
        <div class="container mt-4">


<div class="table-responsive mt-5"> 

<table class="table table-bordered">
    <thead class="table-dark">
        <tr>
            <th class="text-center">ID</th>
            <th class="text-center">Slug</th>
            <th class="text-center">state Image</th>

            <th class="text-center">Title</th>
            <th class="text-center">Description</th>
            <th class="text-center">Keywords</th>
            <th class="text-center">Author</th>
            <th class="text-center">Robots</th>
            <th class="text-center">Copyright</th>
            <th class="text-center">Canonical Url</th>
            <th class="text-center">Og Type</th>
            <th class="text-center">Og Url</th>
            <th class="text-center">Og Title</th>
            <th class="text-center">Og Description</th>
            <th class="text-center">Og Image url</th>
            <th class="text-center">Twitter Card</th>
            <th class="text-center">Twitter Url</th>
            <th class="text-center">Twitter Title</th>
            <th class="text-center">Twitter Description</th>
            <th class="text-center">Twitter Image Url</th>
            <th class="text-center">schema Data</th>
            <th class="text-center">custom Script</th>
            <th class="text-center">content</th>
            <th class="text-center">state</th>
            <th class="text-center">city</th>
            <th class="text-center">service</th>
            <th class="text-center">status</th>
            <th class="text-center">created at</th>
            <th class="text-center">updated at</th>
            <th class="text-center">Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach($data as $page)
        <tr>
            <td class="text-center">{{ $page->id }}</td>
            <td class="text-center">{{ $page->slug }}</td>
            <td class="text-center"><img style="height:50px;width:50px; " src="/storage/{{ $page->state_image }}"></td>
            <td class="text-center">{{ $page->title }}</td>
            <td class="text-center">{{ $page->description }}</td>
            <td class="text-center">{{ $page->keywords }}</td>
            <td class="text-center">{{ $page->author }}</td>
            <td class="text-center">{{ $page->robots }}</td>
            <td class="text-center">{{ $page->copyright }}</td>
            <td class="text-center">{{ $page->canonical_url }}</td>
            <td class="text-center">{{ $page->og_type }}</td>   
            <td class="text-center">{{ $page->og_url }}</td>
            <td class="text-center">{{ $page->og_title }}</td>
            <td class="text-center">{{ $page->og_description }}</td>
            <td class="text-center">{{ $page->og_image}}</td>
            <td class="text-center">{{ $page->twitter_card }}</td>
            <td class="text-center">{{ $page->twitter_url }}</td>
            <td class="text-center">{{ $page->twitter_title }}</td>
            <td class="text-center">{{ $page->twitter_description }}</td>
            <td class="text-center">{{ $page->twitter_image }}</td>
            <td class="text-center">{{ $page->schema_json }}</td>
            <td class="text-center">{{ $page->custom_js }}</td>
            <td class="text-center">{{ $page->custom_content }}</td>
            <td class="text-center">{{ $page->state }}</td>
            <td class="text-center">{{ $page->city }}</td>
            <td class="text-center">{{ $page->service }}</td>
            <td class="text-center">{{ $page->is_published }}</td>
            <td class="text-center">{{ $page->created_at }}</td>
            <td class="text-center">{{ $page->updated_at }}</td>
            <td>
                <a href="{{ route('admin.editpage', $page->id) }}" class="btn btn-primary">Edit</a>
                <a href="{{ route('admin.deletepage', $page->id) }}" class="btn btn-danger">Delete</a>
            </td>
            
        </tr>
        @endforeach
    </tbody>
</table>

















        </div>
        <div class="d-flex justify-content-center">
            {{ $data->links() }}
        </div>
        </div>
@endsection