@extends('layouts.app')


<style>
    .btn-new{
     background-color: #001d40;
    border-color: #001d40;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
   }
    a:hover{
      color:#fff !important;
      text-decoration: none !important;
    }
</style>
@section('content')
    <div class="container">
        <h2>Add New Page</h2>
        
        <form action="{{ route('pages.store') }}" method="POST">
            @csrf
            <div class="mb-3">
                <label>Title</label>
                <input type="text" name="title" class="form-control" required>
            </div>
            <div class="mb-3">
                <label>Content</label>
                <textarea name="page_content" class="form-control" rows="5" required></textarea>
            </div>
            <div class="mb-3">
                <label>Meta Title</label>
                <input type="text" name="meta_title" class="form-control">
            </div>
            <div class="mb-3">
                <label>Meta Description</label>
                <textarea name="meta_description" class="form-control"></textarea>
            </div>
            <div class="mb-3">
                <label>Meta Keyword</label>
                <input type="text" name="meta_keyword" class="form-control">
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
            <a href="{{ route('pages.index') }}" class="btn-new">Back</a>
        </form>
    </div>
@endsection