@extends('layouts.admin')

@section('content')
      <div class="card mb-3">
        <div class="card-header d-flex">
          <i class="fa fa-table"></i>
            <a href="{{ route('admin.pages.index') }}" class="btn btn-primary ml-auto">Back</a>
        </div>
        <div class="card-body">
          <div class="container">
            <form method="POST" action="{{route('admin.pages.update', $page)}}">
                @csrf
                @method('PATCH')

                <div class="col-6 form-group">
                    <label for="title">Title</label>
                    <input type="text" class="form-control" name="title"  value="{{ old('title', $page->title) }}">
                </div>

                <div class="col-6 form-group">
                    <label for="slug">Slug</label>
                    <input type="text" class="form-control" name="slug"  value="{{ old('slug', $page->slug) }}" >
                </div>

                <div class="col-6 form-group">
                    <label for="active">Status</label>
                    <select name="active" id="active" class="form-control">
                        <option value="">---</option>
                        <option value="1" {{ old('active', $page->active) == "Active" ? 'selected' : null }}>Active</option>
                        <option value="0" {{ old('active', $page->active) == "Inactive" ? 'selected' : null }}>Inactive</option>
                    </select>
                    @error('active')<span class="text-danger">{{ $message }}</span>@enderror
                </div>

                <div class="col-lg-12 form-group">
                    <label for="body">Content</label>
                    <textarea name="content" class="form-control summernote">{{ old('content', $page->content) }}</textarea>
                </div>

                <div class="col-lg-12 form-group">
                    <button type="submit" class="btn btn-primary mt-3">Update</button>
                </div>
            </form>
          </div>
        </div>
      </div>
@endsection

@section('scripts')
<script>
        $(document).ready(function() {
            $('.summernote').summernote({
                tabSize: 2,
                height: 200,
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'underline', 'clear']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ]
            });
        });
</script>
@endsection