@extends('admin/layout')
@section('page_title','Add Category')
@section('blog_select','active')
@section('category_select','active')
@section('content')


<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Add
        <small>Category</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li class="">Blog</li>
        <li class="active">Add Category</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">

            <div class="box box-warning">
                <div class="box-header with-border">
                    <div class="d-flex justify-content-end text-right">
                        <a href="{{route('admin.blogs.categories')}}" class="btn btn-warning"><i
                                class="fa fa-arrow-left"></i>&nbsp;&nbsp;Back</a>
                    </div>

                </div>
                <div class="box-body">
                    <div class="col-md-12">
                        <form action="{{route('admin.blogs.categories.store-category')}}" method="post">
                            @csrf
                            <div class="form-group">
                                <label for=" ">Category Name <span class="text-red">*</span></label>
                                <input type="text" class="form-control category_name" name="category_name"
                                    placeholder="Enter Category Name....." value="{{old('category_name')}}"
                                    onkeyup="setSlug()">
                                <p class="text-red">@error('category_name') {{$message}} @enderror</p>
                            </div>
                            <div class="form-group">
                                <label for="">Category Slug <span class="text-red">*</span></label>
                                <input type="text" class="form-control category_slug" name="category_slug"
                                    placeholder="Enter Category Slug....." value="{{old('category_slug')}}">
                                <p class="text-red">@error('category_slug') {{$message}} @enderror</p>
                            </div>
                            <div class="form-group">
                                <label for="">Description</label>
                                <textarea class="category_desc form-control" name="category_desc"
                                    id="category_desc"></textarea>
                            </div>
                            <button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Save</button>
                        </form>
                    </div>
                </div>
                <!-- /.box-body -->

            </div>
        </div>
    </div>
</section>


@endsection

@section('scripts')
<script>
    function setSlug(){
        let category_name = $('.category_name').val();
        category_name = category_name.toLowerCase();
        let category_slug = category_name.replace(/\s/g, '-');
        $('.category_slug').val(category_slug);
    }
</script>
{{-- <script src="{{ asset('backend_assets/custom_js/company.js') }}"></script> --}}

@endsection