@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-headerbg-white p-4">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h4 class="mb-0 text-dark fw-bold"><i class="bi bi-table me-2 text-primary"></i>Add Blog Category</h4>
                    </div>
                    <div class="col-md-6 text-end">
                        <!-- <a href="new-page" class="btn btn-primary fw-bold"> </a> -->
                        <!-- <div class="input-group"> -->
                            
                            <!-- <input type="text" class="form-control" id="searchInput" placeholder="Search projects, client, or status..."> -->
                            <!-- <span class="input-group-text"><i class="bi bi-search"></i></span> -->
                             
                             <!-- <span class="input-group-text"><i class="bi bi-plus"></i></span> -->
                        <!-- </div> -->
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                                                <div class="col-md-8 ml-auto mr-auto">
                                                    <form id="addblogcategoryForm">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>Blog Category Name</label>
                                                                    <input type="text" name="inputName" placeholder="This will show in Front end" class="form-control cForm">
                                                                    <span class="form-error"></span>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>Blog Category URL</label>
                                                                    <input type="text" name="inputUrl" placeholder="This will show in address bar" class="form-control cForm">
                                                                    <span class="form-error"></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>Parent</label>
                                                                    <select name="inputParent"  class="form-control">
                                                                        <option value="0">No Parent</option>
                                                                        @foreach ($blogcategory as $bc)
                                                                          <option value="{{$bc->blog_category_id}}">{{$bc->category_name}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                       
                                                        </div>
                                                        <div class="row">
                                                           
                                                            <div class="col-md-6 col-xs-6">
                                                                <div class="text-right mrg-top-5">
                                                                    <button type="submit" class="btn btn-primary" id="blogcategorysubmit">Save</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
            </div>
</div>
@endsection