@extends('layouts.dashboard')

@section('content')
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0">Edit Blog Post</h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item">
            <a href="{{ url('/dashboard') }}">Home</a>
          </li>
          <li class="breadcrumb-item active">Edit Page</li>
        </ol>
      </div>
    </div>
  </div>
</div>

<section class="content">
  <div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
      <h3 class="card-title mb-0">Edit Blog Post</h3>
      <a href="{{ url('admin-blog') }}" class="btn btn-sm btn-outline-secondary">
        <i class="fas fa-arrow-left mr-1"></i> Back to all blog posts
      </a>
    </div>
    <div class="card-body">
      @include('util.notify')
      <form method="POST" action="{{ route('pages.update', $page->id) }}" novalidate class="form-styling register-form" id="register_form">
        @csrf
        @method('PUT')
        <div class="form-row">
          <div class="col-md-3 col-12">
            <div class="form-group">
              <label for="name">Page Name <i>*</i></label>
              <small class="checkuser">(4 to 30 characters)</small>
              <input type="text" name="name" id="name" class="form-control longinput" value="{{ old('name', $page->name) }}" autocomplete="off" />
            </div>
            @error('name')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
          
          <div class="col-md-3 col-12">
            <div class="form-group">
              <label for="type">Type <i>*</i></label>
              <select name="type" class="form-control">
                <option value="menu" {{ $page->type == 'menu' ? 'selected' : '' }}>Menu Page</option>
                <option value="service" {{ $page->type == 'service' ? 'selected' : '' }}>Service Page</option>
                <option value="business" {{ $page->type == 'business' ? 'selected' : '' }}>Business/Vendor Page</option>
                <option value="attribute" {{ $page->type == 'attribute' ? 'selected' : '' }}>Attribute Page</option>
                <option value="blog" {{ $page->type == 'blog' ? 'selected' : '' }}>Blog Page</option>
                <option value="category" {{ $page->type == 'category' ? 'selected' : '' }}>Category Page</option>
              </select>
            </div>
          </div>
          <div class="col-md-3 col-12">
            <div class="form-group">
              <label for="format">Format <i>*</i></label>
              <select name="format" class="form-control">
                <option value="listicle" {{ $page->format == 'listicle' ? 'selected' : '' }}>Listicle Format</option>
                <option value="article" {{ $page->format == 'article' ? 'selected' : '' }}>Article Format</option>
                <option value="company" {{ $page->format == 'company' ? 'selected' : '' }}>Company Format</option>
                <option value="info" {{ $page->format == 'info' ? 'selected' : '' }}>Info Format</option>
              </select>
            </div>
          </div>

          <div class="col-md-3 col-12">
            <div class="form-group">
              <label for="parent_id">Under Another Page? <i>*</i></label>
              <select name="parent_id" class="form-control">
                <option value="0">No</option>
                @foreach($pages as $p)
                <option value="{{ $p->id }}" {{ $page->parent_id == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                @endforeach
              </select>
            </div>
          </div>

          <div class="col-md-4 col-12">
            <div class="form-group">
              <label for="metatitle">Meta Title <i>*</i></label>
              <small>(About 60 characters, including space)</small>
              <input type="text" name="metatitle" class="form-control longinput" value="{{ old('metatitle', $page->metatitle) }}" autocomplete="off" />
            </div>
            @error('metatitle')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
          <div class="col-md-3 col-12">
            <div class="form-group">
              <label for="keywords">Keywords</label>
              <input type="text" name="keywords" id="keywords" class="form-control longinput" value="{{ old('keywords', $page->keywords) }}" autocomplete="off" />
            </div>
            @error('keywords')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>
          <div class="col-md-3 col-12">
            <div class="form-group">
              <label for="slug">Slug <i>*</i></label>
              <small class="checkuser">(all-lower-case)</small>
              <input type="text" name="slug" id="slug" class="form-control longinput" value="{{ old('slug', $page->slug) }}" autocomplete="off" />
            </div>
            @error('slug')
            <small class="invalid-feedback" role="alert">
              <strong>{{ $message }}</strong>
            </small>
            @enderror
          </div>

          <div class="col-md-2 col-12">
            <div class="form-group">
              <label for="author_id">Author <i>*</i></label>
              <select name="author_id" class="form-control">
                <option value="">Select Author</option>
                @foreach($authors as $author)
                  <option value="{{ $author->id }}" {{ (old('author_id', $page->author_id) == $author->id) ? 'selected' : '' }}>
                    {{ $author->name }}
                  </option>
                @endforeach
              </select>
            </div>
          </div>

          <div class="col-md-12 col-12">
            <div class="form-group">
              <label for="metadescription">Meta Description <i>*</i></label>
              <small class="checkuser">(150 - 160 characters long)</small>
              <textarea name="metadescription" id="metadescription" class="form-control">{{ old('metadescription', $page->metadescription) }}</textarea>
            </div>
          </div>
          <div class="col-md-12 col-12">
            <div class="form-group">
              <label for="description">Description</label>
              <small class="checkuser">(SEO friendly)</small>
              <textarea class="form-control summernote" id="summernote" placeholder="Enter the Description" name="description">{{ old('description', $page->description) }}</textarea>
            </div>
          </div>
          
        </div>
        <div class="center">
          <button class="btn btn-primary" type="submit">Save Changes</button>
          <a href="{{ url('admin-blog') }}" class="btn btn-outline-secondary ml-2">Back to all blog posts</a>
        </div>
      </form>
    </div>
    <div class="card-footer">
      <small>Update and manage pages for your website. Ensure each page is well-optimized for SEO.</small>
    </div>
  </div>
</section>
@endsection