@extends('adminlte::page')

@section('title', 'Blog Category Add')

@section('content')
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Add Forum Category</h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form role="form" enctype="multipart/form-data" method="POST" action="{{ route('admin.forum-category.store') }}" autocomplete="off">
                    @csrf
                    <div class="box-body">
                        {{--<div class="form-group">
                            <label>Select Category</label>
                            <select class="category select2 rounded form-control" name="category_id" id="category_id">
                                <option value="">Select Category...</option>
                                    @foreach ($categories as $key=>$value)
                                        <option value="{{ $key }}">{{ $value }} </option>
                                    @endforeach
                            </select>
                        </div>--}}
                        <div class="form-group">
                            <label>Name</label>
                            <input type="text" class="form-control" id="category_name" name="name" placeholder="Name"
                                   value="{{ old('name') }}" required>
                        </div>
						
						<div class="form-group">
                            <label>Slug</label>
                            <input type="text" class="form-control" id="category_slug" name="slug" placeholder="Slug"
                                   value="{{ old('slug') }}" required>
                        </div>
                        <div class="form-group">
                            <label>Description</label>
                            <input type="text" class="form-control" name="cat_description" placeholder="Description"
                                   value="{{ old('cat_description') }}">
                        </div>
                        <div class="form-group">
                            <label>Meta Title</label>
                            <input type="text" class="form-control" name="meta_title" placeholder="Meta Title"
                                   value="{{ old('meta_title') }}">
                        </div>

                        <div class="form-group">
                            <label>Meta Key</label>
                            <input type="text" class="form-control" name="meta_key" placeholder="Meta Key"
                                   value="{{ old('meta_key') }}">
                        </div>

                        <div class="form-group">
                            <label>Meta Description</label>
                            <input type="text" class="form-control" name="meta_description" placeholder="Meta Description"
                                   value="{{ old('meta_description') }}">
                        </div>


                        <div class="form-group">
                            <label>Category Visibility</label>
                            <input id="switch" class="switch-chk-input" name="status" type="checkbox">
                            <label for="switch" class="switch-chk"></label>
                        </div>
						
						{{--<div class="form-group">
                            <label>Image</label>
                            <input type="file" class="form-control" name="image" required>

                        </div>

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

                        <div class="form-group">
                            <label>Meta Key</label>
                            <input type="text" class="form-control" name="meta_key" placeholder="Meta Key"
                                   value="{{ old('meta_key') }}">
                        </div>

                        <div class="form-group">
                            <label>Meta Description</label>
                            <input type="text" class="form-control" name="meta_description" placeholder="Meta Description"
                                   value="{{ old('meta_description') }}">
                        </div>
						
                      
                        <div class="form-group">
                            <label>Featured</label>
                            <input id="switch1" class="switch-chk-input" name="featured" type="checkbox">
                            <label for="switch1" class="switch-chk"></label>
                        </div>--}}
                    </div>
                    <!-- /.box-body -->

                    <div class="box-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.box -->
        </div>
    </div>
@stop

@section('js')
<script>
    $(document).ready(function(){
            $('#category_name').keyup(function(e){
                var str = $('#category_name').val();
                str = str.replace(/[^\w\s]|_/g, '') // Remove all non-alphanumeric characters except spaces
                  .replace(/\s+/g, '-') // Replace spaces with dashes
                  .toLowerCase(); // Convert to lowercase
                $('#category_slug').val(str);
                $('#category_slug').attr('placeholder', str);
            });
        });
 
</script>
@stop