@extends('admin.layouts.master')

@section('page_title', __('admin.Add New :name', ['name' => __('admin.Request Category')]))

@section('page_heading', __('admin.Add New :name', ['name' => __('admin.Request Category')]))

@section('page_text', __('admin.Add New :name', ['name' => __('admin.Request Categories')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Request Categories')

@section('page_breadcrumb_item2', 'Add Request Category')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    <form id="signupForm" class="col-md-8 " method="post" action="{{ route('request_category.store') }}">
                        @csrf
                        <div class="d-flex flex-column mb-7 fv-row">

                            <label for="name" class="fs-6 fw-semibold mb-2">Name</label>

                            <input type="text"  class="form-control required" maxlength="20" required id="name" name="name"
                                placeholder="Name" />
                        </div>
                        <div class="d-flex flex-column mb-7 fv-row">
                            <div class="divider"></div>
                            <div class="clearfix">
                                <button type="submit" id="next-btn"
                                    class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                    @lang('admin.Submit')
                                </button>
                                <a href="{{ route('request_category.index') }}" id="prev-btn"
                                    class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                    @lang('admin.Cancel')
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection