@extends('../backend/layout/' . $layout)

@section('subhead')
    <title>Tags</title>
@endsection

@section('subcontent')
    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-12">
            <!-- BEGIN: Input -->
            <div class="intro-y box">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
                    <h2 class="font-medium text-base mr-auto">Add New Tag</h2>
                </div>
                <div id="form-validation" class="p-5">
                   <div class="preview">
                        <form id="tags_form" class="validate-form">
                            @csrf
                            <div class="input-form m-3 mb-2">
                                <label for="regular-form-1" class="form-label w-full flex flex-col sm:flex-row">Name<span 
                                    class="text-danger">*</span></label>
                                <input id="name" name="name" type="text" class="form-control form__input"
                                    placeholder="Tag name" minlength="3" required data-pristine-required-message="Please enter tag name">
                                <div id="error-name" class="form__input-error text-danger"></div>
                            </div>
                            <button type="submit" id="btn-submit" class="btn btn-primary w-24 mr-1 mb-2">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        const store_tags_route = '{{ route('tags.store') }}'
    </script>
    <script src="{{ asset(mix('js/backend/pages/tags/create.js')) }}"></script>
@endsection