@php
    $isEdit = isset($page) && $page;
@endphp

<div class="row g-3">

    <div class="col-md-6">
        <label class="form-label">{{ __('front.slug') }}</label>
        <input type="text"
               name="slug"
               value="{{ old('slug', $isEdit ? $page->slug : '') }}"
               class="form-control @error('slug') is-invalid @enderror"
               placeholder="{{ __('front.e_g_about_us') }}">
        @error('slug') <div class="invalid-feedback">{{ $message }}</div> @enderror
        <div class="form-text">{{ __('front.lowercase_hyphen_only') }}</div>
    </div>

    <div class="col-md-6">
        <label class="form-label">{{ __('front.title') }}</label>
        <input type="text"
               name="title"
               value="{{ old('title', $isEdit ? $page->title : '') }}"
               class="form-control @error('title') is-invalid @enderror"
               placeholder="{{ __('front.page_title') }}">
        @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-12">
        <label class="form-label">{{ __('front.body') }}</label>
        <textarea name="body"
                  rows="10"
                  class="form-control @error('body') is-invalid @enderror"
                  placeholder="{{ __('front.write_page_content') }}">{{ old('body', $isEdit ? $page->body : '') }}</textarea>
        @error('body') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-12">
        <div class="form-check">
            <input class="form-check-input"
                   type="checkbox"
                   name="is_published"
                   value="1"
                   id="is_published"
                   @checked(old('is_published', $isEdit ? $page->is_published : true))>
            <label class="form-check-label" for="is_published">
                {{ __('front.published') }}
            </label>
        </div>
        @error('is_published') <div class="text-danger small">{{ $message }}</div> @enderror
    </div>

</div>

<hr class="my-3">