@extends('layouts.master')
@section('title')
@lang('translation.Form_Layouts')
@endsection
@section('content')
@include('components.breadcum')
    <div class="row">
        <div class="col-12">
        </div>
        <div class="card">
            <div class="card-body">
                <form class="" name="main_form" id="main_form" method="post" action="{{route('admin.sub_category.update',$data->id)}}" enctype="multipart/form-data">
                    {!! get_error_html($errors) !!}
                    @csrf
                    @method('PATCH')
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">Category</label>
                        <div class="col-md-10">
                            <select class="form-control" name="parent_id" id="parent_id">
                                <option value="">--Select Category--</option>
                                @foreach(getAllCategory() as $key => $value)
                                    <option value="{{$value->id}}" @if($value->id == $data->category_id) selected @endif>{{$value->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">
                            <span class="text-danger">*</span>Name
                        </label>
                        <div class="col-md-10">
                            <input type="text" id="title" name="title" class="form-control" value="{{$data->name}}" placeholder="Enter Name" maxlength="100">
                        </div>
                    </div>
                    <div class="kt-portlet__foot">
                        <div class="">
                            <div class="row">
                                <div class="wd-sl-modalbtn">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light"
                                            id="save_changes">Submit
                                    </button>
                                    <a href="{{route('admin.sub_category.index')}}" id="close">
                                        <button type="button" class="btn btn-outline-secondary waves-effect">Cancel
                                        </button>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $("#main_form").validate({
            ignore:[],
            rules: {
                parent_id: {
                    required: true
                },
                title: {
                    required: true,
                    maxlength: 100,
                },
            },
            messages: {
                parent_id: {required: 'Please select category'},
                title: {required: "Please enter title"},
            },
            submitHandler: function (form) {
                addOverlay();
                form.submit();
            }
        });
    </script>
@endsection