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

@section('subhead')
    <title>Ecomm - 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">Edit Tag</h2>
                </div>
                <div id="form-validation" class="p-5">
                   <div class="preview">
                        <form id="tags_edit_form" action="javascript:;" 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"
                                    placeholder="Tag name" value="{{ $tag->name }}"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">Update</button>
                            <a href="{{route('tags.index')}}"
                            class="btn btn-outline-secondary w-24 inline-block mr-1 mb-2">Back</a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        const update_tags_route = '{{ route('tags.update', $tag->id) }}'
    </script>
    <script src="{{ asset(mix('js/backend/pages/tags/edit.js')) }}"></script>
@endsection