<div class="modal animated flipInX faster" id="userModal">
    <div class="modal-dialog modal-md">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-name_en">Create</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <form method="POST" action="{{ route('sub_categories.store') }}" onsubmit="return validation();"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-12 mb-2">
                            <select id="category_id" type="text"
                                class="form-control @error('category_id') is-invalid @enderror" name="category_id">
                                @foreach ($category as $row)
                                    <option value="{{ $row->id }}">{{ $row->title_en }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-12 mb-2">
                            <div data-mdb-input-init class="form-outline">
                                <input type="text" id="title_en" name="title_en" class="form-control" />
                                <label class="form-label" for="title_en">Title English</label>
                            </div>
                        </div>
                        <div class="col-md-12 mb-2">
                            <div data-mdb-input-init class="form-outline">
                                <input type="text" id="title_ps" name="title_ps" class="form-control" />
                                <label class="form-label" for="title_ps">Title Pashto</label>
                            </div>
                        </div>
                        <div class="col-md-12 mb-2">
                            <div data-mdb-input-init class="form-outline">
                                <input type="text" id="title_dr" name="title_dr" class="form-control" />
                                <label class="form-label" for="title_dr">Title Dari</label>
                            </div>
                        </div>
                    </div>


                    <div class="form-group row mb-0">
                        <div class="col-md-6 ">
                            <button type="submit" class="btn btn-primary">
                                {{ __('Save') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
