@extends('backend.layouts.app')

@section('content')

    <div class="aiz-titlebar text-left mt-2 mb-3">
    <h5 class="mb-0 h6">Add New Category</h5>
</div>

<div class="col-lg-12 mx-auto">
    @if ($errors->any())
          <div class="alert alert-danger">
             <ul>
                @foreach ($errors->all() as $error)
                   <li>{{ $error }}</li>
                @endforeach
             </ul>

          </div>
        @endif
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{translate('New Category')}}</h5>
        </div>
        <div class="card-body">
            <form action="{{ route('blog.category.store') }}"  enctype="multipart/form-data" method="POST">
                @csrf
                <div class="row">
                    <div class="form-group col-md-12">
                        <label class="col-sm-12 col-from-label" for="title">{{translate('Category Name')}}</label>
                        <div class="col-sm-12">
                            <input type="text" placeholder="{{translate('Post Name')}}" id="title" name="title" class="form-control" required>
                        </div>
                    </div>

                    <div class="form-group col-md-12">
                        <label class="col-sm-12 col-from-label" for="title">{{translate('Category Slug')}}</label>
                        <div class="col-sm-12">
                            <input type="text" placeholder="{{translate('Category Slug')}}" id="title" name="slug" class="form-control" required>
                        </div>
                    </div>

                    <div class="form-group col-md-12" >
                        <label class="col-sm-12 col-from-label" for="description">{{translate('Description')}}</label>
                        <div class="col-sm-12">
                            <textarea type="text" class="form-control richTextBox aiz-text-editor" name="description" placeholder="Description" value="" rows="5" ></textarea>
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                      <label>{{translate('Upload Image')}}</label>
                      <div class="custom-file">
                        <input type="file" name="image" class="custom-file-input" id="customFile">
                        <label class="custom-file-label" for="customFile">{{translate('Choose file')}}</label>
                      </div>
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-12 col-from-label" for="meta_title">{{translate('Meta Title')}}</label>
                        <div class="col-sm-12">
                            <input type="text" placeholder="{{translate('Meta Title')}}" id="meta_title" name="meta_title" class="form-control" >
                        </div>
                    </div>
                   <div class="form-group col-md-12" >
                        <label class="col-sm-12 col-from-label" for="metadescription">{{translate('Meta Description')}}</label>
                        <div class="col-sm-12">
                            <textarea type="text" class="form-control" name="meta_description" placeholder="Meta Description" value="" rows="5"></textarea>
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <label class="col-sm-12 col-from-label" for="metakeyword">{{translate('Meta Keyword')}}</label>
                        <div class="col-sm-12">
                            <input type="text" placeholder="{{translate('Meta Keyword')}}" id="meta_keyword" name="meta_keyword" class="form-control" >
                        </div>
                    </div>
                </div>


                <div class="form-group mb-0 text-right">
                    <button type="submit" class="btn btn-primary">{{translate('Save')}}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection