@extends('layouts.admin')

@section('title','Custom Pages')

@section('content')
    <h4>Pages</h4>
    <div class="row">
        <div class="col-md-5">
            <form action="{{ route('admin.pages.store') }}" method="POST">
                @csrf
                <div class="mb-2">
                    <label>Title</label>
                    <input class="form-control" name="title" required>
                </div>
                <div class="mb-2">
                    <label>Slug</label>
                    <input class="form-control" name="slug" required>
                </div>
                <div class="mb-2">
                    <label>Content (HTML)</label>
                    <textarea class="form-control" name="content" rows="3"></textarea>
                </div>
                <div class="mb-2 form-check">
                    <input class="form-check-input" type="checkbox" name="is_published" id="publishedPage">
                    <label class="form-check-label" for="publishedPage">Published</label>
                </div>
                <button class="btn btn-sm btn-success">Create Page</button>
            </form>
        </div>
        <div class="col-md-7">
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>Title</th>
                        <th>Slug</th>
                        <th>Published</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($pages as $page)
                        <tr>
                            <td>{{ $page->title }}</td>
                            <td>{{ $page->slug }}</td>
                            <td>{{ $page->is_published ? 'Yes' : 'No' }}</td>
                            <td>
                                <form action="{{ route('admin.pages.destroy', $page) }}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $pages->links() }}
        </div>
    </div>
@endsection