@extends('adminlte::page')

@section('title', 'Add Glossary')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Add Glossary</h3>
            </div>
            
<form method="POST" action="{{ isset($glossary) ? route('admin.glossaries.update', $glossary->id) : route('admin.glossaries.store') }}">
    @csrf
    @if(isset($glossary))
        @method('PUT')
    @endif
    <div class="box-body">
        <div class="form-group">
            <label>Category</label>
            <select name="category_id" class="form-control" required>
                <option value="">Select Category</option>
                @foreach($categories as $cat)
                    <option value="{{ $cat->id }}" {{ (isset($glossary) && $glossary->category_id == $cat->id) ? 'selected' : '' }}>
                        {{ $cat->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="form-group">
            <label>Name</label>
            <input type="text" name="name" value="{{ old('name', $glossary->name ?? '') }}" class="form-control" required>
        </div>

        <div class="form-group">
            <label>Slug</label>
            <input type="text" name="slug" value="{{ old('slug', $glossary->slug ?? '') }}" class="form-control" required>
        </div>

        <div class="form-group">
            <label>Heading</label>
            <input type="text" name="heading" value="{{ old('heading', $glossary->heading ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Sub Heading</label>
            <input type="text" name="sub_heading" value="{{ old('sub_heading', $glossary->sub_heading ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Tagline</label>
            <input type="text" name="tagline" value="{{ old('tagline', $glossary->tagline ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Description</label>
            <textarea name="description" id="description-editor" class="form-control" rows="6">{{ old('description', $glossary->description ?? '') }}</textarea>
        </div>

        <div class="form-group">
            <label>Meta Title</label>
            <input type="text" name="meta_title" value="{{ old('meta_title', $glossary->meta_title ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Meta Keywords</label>
            <input type="text" name="meta_keywords" value="{{ old('meta_keywords', $glossary->meta_keywords ?? '') }}" class="form-control">
        </div>

        <div class="form-group">
            <label>Meta Description</label>
            <textarea name="meta_description" class="form-control" rows="3">{{ old('meta_description', $glossary->meta_description ?? '') }}</textarea>
        </div>

        <div class="form-group">
            <label>Is Published</label>
            <select name="is_published" class="form-control">
                <option value="1" {{ isset($glossary) && $glossary->is_published ? 'selected' : '' }}>Yes</option>
                <option value="0" {{ isset($glossary) && !$glossary->is_published ? 'selected' : '' }}>No</option>
            </select>
        </div>

        <div class="form-group">
            <label>Status</label>
            <select name="status" class="form-control">
                <option value="1" {{ isset($glossary) && $glossary->status ? 'selected' : '' }}>Active</option>
                <option value="0" {{ isset($glossary) && !$glossary->status ? 'selected' : '' }}>Inactive</option>
            </select>
        </div>
    </div>

    <div class="box-footer">
        <button type="submit" class="btn btn-primary">{{ isset($glossary) ? 'Update' : 'Create' }}</button>
        <a href="{{ route('admin.glossaries.index') }}" class="btn btn-secondary">Back</a>
    </div>
</form>

        </div>
    </div>
</div>
@section('js')
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
<script>
    CKEDITOR.replace('description-editor');
</script>
@stop
@stop