@push('style')
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
@endpush
<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Subject*</label>
            <select name="subject_id" class="form-control" required onchange="getSubjectParents()" id="subject">
                <option value="">-- Select --</option>
                @foreach (\App\Models\ExamsSubjectMaster::checkLogin()->get() as $item)
                @php
                $selected = "";
                if (old('subject_id', $data->subject_id ?? null) == $item->id) {
                $selected = "selected";
                }
                @endphp
                <option value="{{$item->id}}" {{$selected}}>{{$item->subject_title}}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group">
            <label for="">Select Parent</label>
            <select name="parent_id" class="form-control" id="parent">
            </select>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Topic Name*</label>
            <input type="text" class="form-control" name="topic_name" value="{{ old('topic_name', $data->topic_name ?? null) }}" required>
        </div>
        <div class="form-group">
            <label for="">Description</label>
            <textarea class="form-control ck_editor" name="description">{{ old('description', $data->description ?? null) }}</textarea>
        </div>
    </div>

   </div>

@push('script')
@include('master.exams.subject_topic.script')
<script>
    $(document).ready(function() {
        $('.all_accessories').chosen();
    });
</script>
@endpush
@push('script')
<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            // [ Add phone validator ] start
            $.validator.addMethod(
                'phone_format',
                function(value, element) {
                    return this.optional(element) || /^[0-9]{10}$/.test(value);
                },
                'Invalid phone number.'
            );
            $.validator.addMethod("validation_fullname", function(value, element) {
                return this.optional(element) || /^[a-zA-Z0-9- ]+$/i.test(value);
            }, "Please enter alphabets number space and - only.");

            $.validator.addMethod("validation_subject_code", function(value, element) {
                return this.optional(element) || /^[a-zA-Z0-9]+$/i.test(value);
            }, "Please enter valid subject code. Enter only alphabet and numeric only");

            // [ Initialize validation ] start
            $('#subjecttopic-form').validate({
                ignore: '.ignore, .select2-input',
                focusInvalid: false,
                rules: {
                    'subject_id': {
                        required: true,
                    },
                    'parent_id': {
                        required: true,
                    },
                    'tags': {
                        required: true,
                    },
                    'topic_name': {
                        required: true,
                        validation_fullname: true
                    },

                    // Checkbox groups  //
                },

                // Errors //

                errorPlacement: function errorPlacement(error, element) {
                    var $parent = $(element).parents('.form-group');

                    // Do not duplicate errors
                    if ($parent.find('.jquery-validation-error').length) {
                        return;
                    }

                    $parent.append(
                        error.addClass('jquery-validation-error small form-text invalid-feedback')
                    );
                },
                highlight: function(element) {
                    var $el = $(element);
                    var $parent = $el.parents('.form-group');

                    $el.addClass('is-invalid');

                    // Select2 and Tagsinput
                    if ($el.hasClass('select2-hidden-accessible') || $el.attr('data-role') === 'tagsinput') {
                        $el.parent().addClass('is-invalid');
                    }
                },
                unhighlight: function(element) {
                    $(element).parents('.form-group').find('.is-invalid').removeClass('is-invalid');
                }
            });

        });
    });
</script>
@endpush