@extends('admin.layouts.app')
@section('title')
    Add Category
@endsection
@section('content')
    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row page-title">
                    <div class="col-md-12">
                        <div class="col-md-12 d-flex justify-content-between">
                            <div class="col-sm-4 col-xl-2 d-flex justify-content-space-between align-center m-0 p-0">
                                <button class="btn text-dark category"><i data-feather="chevron-left"></i></button>
                                <h4 class="">Add Category</h4>
                            </div>
                            <nav aria-label="breadcrumb" class="float-right mt-1">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a>Admin</a></li>
                                    <li class="breadcrumb-item"><a>Add Category</a></li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="card-body">
                                    <form class="form-group subform" method="post" action="{{ route('category.add') }}">
                                        <div class="form-group position-relative mb-3">
                                            {{ csrf_field() }}
                                            @if ($errors->any())
                                                <div class="alert alert-danger">
                                                    <ul>
                                                        @foreach ($errors->all() as $error)
                                                            <li>{{ $error }}</li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            @endif
                                            <input type="hidden" name="category_id"
                                                @isset($_GET['id']) value = "{{ $_GET['id'] }}" @endisset>
                                            <input type="hidden" name="step"
                                                @isset($_GET['step']) value = "{{ $_GET['step'] }}" @endisset>
                                            <label>Category Name</label>
                                            <input type="text" class="form-control" id="categoryName" name="categoryName"
                                                placeholder="Category Name">
                                            <span class="errmsg text-danger"></span>
                                        </div>
                                        <button class="btn btn-info" type="submit">Add</button>
                                    </form>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endsection
            @section('js')
                <script nonce="{{ $cspNonce }}" src="{{ asset(JS) }}/category.js"></script>
                <script nonce="{{ $cspNonce }}" s>
                    $(document).on("click", ".category", function() {
                        window.history.go(-1);
                    });
                </script>
            @endsection