@extends('inc.layout')
@section('content')
<!-- Form Start -->
<div class="container-fluid pt-4 px-4 mb-5 pb-5">
    <div class="row g-4">
        @if(Route::is('pages.edit'))
            <div class="col-12">
                <a href="{{config('app.url')}}/admin/pages" class="btn btn-secondary m-2 float-end">Back</a>
            </div>
            <div class="col-12">
                <form method="POST" action="{{ route('pages.edit', $page_info->id) }}">
                    <h1 class="fs-5">Edit Pages</h1>
                    @csrf
                    <div class="mb-3">
                        <label for="Title" class="form-label">Title</label>
                        <input type="text" value="{{$page_info->title}}" class="form-control" id="title" name="title"
                            aria-describedby="Title">
                    </div>
                    
                    <div class="mb-3">
                        <label for="description" class="form-label">Description</label>
                        <textarea id="div_editor1" name="description">{{$page_info->description}}</textarea>
                    </div>
                    <div class="mb-3">
                        <label for="meta_title" class="form-label">Meta Title</label>
                        <input type="text" value="{{$page_info->meta_title}}" class="form-control" id="meta_title"
                            name="meta_title" aria-describedby="Title">
                    </div>
                    <div class="mb-3">
                        <label for="meta_description" class="form-label">Meta Description</label>
                        <input type="text" value="{{$page_info->meta_description}}" class="form-control"
                            id="meta_description" name="meta_description" aria-describedby="Description">
                    </div>
                    <div class="mb-3">
                        <label for="meta_keywords" class="form-label">Meta Keywords</label>
                        <input type="text" value="{{$page_info->meta_keywords}}" class="form-control" id="meta_keywords"
                            name="meta_keywords" aria-describedby="Keywords">
                    </div>
                    <div class="mb-3">
                        <label for="Slug" class="form-label">Slug</label>
                        <input type="text" disabled value="{{$page_info->slug}}" class="form-control">
                    </div>

                    <button type="submit" name="update" id="update" class="btn btn-primary">Save</button>

                </form>
            </div>

        @else
            <!-- Modal -->
            <div class="modal fade" id="add_pages" tabindex="-1" aria-labelledby="add_pagesLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <form method="POST" id="save_ajax">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5" id="add_pagesLabel">Add Pages</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                @csrf
                                <div class="mb-3">
                                    <label for="Title" class="form-label">Title</label>
                                    <input type="text" class="form-control" id="title" name="title"
                                        aria-describedby="Title">
                                </div>
                               
                                <div class="mb-3">
                                    <label for="description" class="form-label">Description</label>
                                    <textarea class="form-control" name="description" id="div_editor1" rows=6></textarea>
                                </div>
                                <div class="mb-3">
                                    <label for="meta_title" class="form-label">Meta Title</label>
                                    <input type="text" class="form-control" id="meta_title" name="meta_title"
                                        aria-describedby="Title">
                                </div>
                                <div class="mb-3">
                                    <label for="meta_keywords" class="form-label">Meta Keywords</label>
                                    <input type="text" class="form-control" id="meta_keywords" name="meta_keywords"
                                        aria-describedby="Keywords">
                                </div>
                                <div class="mb-3">
                                    <label for="meta_description" class="form-label">Meta Description</label>
                                    <input type="text" class="form-control" id="meta_description" name="meta_description"
                                        aria-describedby="Description">
                                </div>

                                <div class="mb-3">
                                    <label for="Slug" class="form-label">Slug</label>
                                    <input type="text" class="form-control" id="slug" name="slug" aria-describedby="Slug">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- <div class="col-12">
                <a class="btn btn-primary m-2 float-end" data-bs-toggle="modal" data-bs-target="#add_pages">Add New</a>
            </div> -->
            <div class="col-12">
                <div class="bg-light rounded h-100 p-4">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Title</th>
                                    <th scope="col">Slug</th>
                                    <th scope="col">Meta title</th>
                                    <th scope="col">Meta Keywords</th>
                                    <th scope="col">Meta Description</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!$pages_info->isEmpty())
                                {{--@dd($pages_info) --}}
                                    @foreach ($pages_info as $key => $pages)
                                        <tr>
                                            <th scope="row">{{ $loop->iteration }}</th>
                                            <td>{{ $pages->title }}</td>
                                            <td>{{ $pages->slug }}</td>
                                            <td>{{ $pages->meta_title }}</td>
                                            <td>{{ $pages->meta_keywords }}</td>
                                            <td>{{ $pages->meta_description }}</td>
                                            <td>
                                                <a href="pages/{{$pages->id}}/edit" class="btn btn-primary m-2"><i
                                                        class="fa fa-edit"></i></a>
                                                <!-- <a href="pages/{{$pages->id}}/delete" class="btn btn-danger m-2"><i
                                                                    class="fa fa-trash"></i></a>                                 -->

                                            </td>
                                        </tr>
                                    @endforeach

                                @else
                                    <tr>
                                        <td colspan="7" class="text-center">No Any Records Available.</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    <span id="error"></span>
                </div>
            </div>
        @endif
    </div>
</div>
<!-- Form End -->
@endsection