@extends('layouts.admin')

@isset ($page)
@section('title','Admin Edit Page')
@else
@section('title','Admin Create Page')
@endisset

@section('content')
<div class="row">
  <x-content-header :title="isset($page)?'Edit Page':'Create Page'" />
  <div class="col-12">
      <x-card>
          <form class="custom-validation" novalidate autocomplete method="POST"
          @isset($page)
              action="{{route('admin.pages.update', $page)}}"
          @else
              action="{{route('admin.pages.store')}}"
          @endisset
          enctype="multipart/form-data">
          @csrf
          @isset($page)
              @method('PUT')
          @endisset
              <div class="row flex-column-reverse flex-md-row">
                  <div class="col-md-8 align-self-center">

                      <div class="form-group row mb-4">
                          <label for="name" class="col-sm-2 col-form-label">Name<sup class="text-danger">*</sup></label>
                          <div class="col-sm-10">
                              <input type="text" name="name" @isset($page) value="{{ $page->name }}" @endisset class="form-control @error('name') parsley-error @enderror" id="name" placeholder="Enter name..." required>
                              @error('name')
                                  <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                      <li class="parsley-required">{{ $message }}</li>
                                  </ul>
                              @enderror
                          </div>
                      </div>

                      <div class="form-group row mb-4">
                          <label for="slug" class="col-sm-2 col-form-label">Slug<sup class="text-danger">*</sup></label>
                          <div class="col-sm-10">
                              <input type="text" name="slug" @isset($page) value="{{ $page->slug }}" @endisset class="form-control @error('slug') parsley-error @enderror" id="slug" placeholder="Enter slug..." required>
                              @error('slug')
                                  <ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
                                      <li class="parsley-required">{{ $message }}</li>
                                  </ul>
                              @enderror
                          </div>
                      </div>
                  </div>

                  <div class="col-md-4">
                      <div class="position-relative">
                          <label class="d-block text-center">Thumbnail<sup class="text-danger">*</sup></label>
                          <div class="d-flex w-50 m-auto">
                              <img class="img-thumbnail mw-50 img-clickable feature-img feature-image  @error('feature_image') border-danger @enderror" 
                              src="{{ isset($page)?asset($page->feature_image):asset('images/no-image.jpg') }}" alt="No Image" />
                              <input type="file" id="feature_image" class="custom-file-input d-none feature-image" name="feature_image" />
                          </div>
                      </div>
                  </div>

                  <div class="col-12">
                      <div class="form-group">
                          <label for="desc" class="col-sm-2 col-form-label">Description </label>
                          <x-ckeditor name="description">
                              @isset($page)
                              {{$page->description}}
                              @endisset
                          </x-ckeditor>
                      </div>
                  </div>
              </div>

              <button type="submit" class="btn btn-success rounded-pill w-md float-right"><i class="bx bx-check-shield"></i> Save</button>
              <a href="{{route('admin.pages.index')}}" class="btn btn-warning rounded-pill w-md"><i class="bx bx-left-arrow-alt"></i> Back</a>
          </form>
      </x-card>
  </div>
</div>
@endsection