{{-- <div class="row" id="form-image">
    <div class="col-md-9">
        <div class="form-group">
            <label for="" class="control-label required">Title</label>
            <input class="form-control" type="text" name="title" value="{{old('title', $data->title ?? null)}}" required>
        </div>
        <div class="form-group">
            <label class="control-label required" for="form-control-8">Short Text</label>
            <textarea class="form-control" name="short_text" rows="3" required="">{{old('short_text', $data->short_text ?? null)}}</textarea>
        </div>
        <div class="form-group">
            <label class="control-label required" for="form-control-8">Description</label>
            <textarea class="form-control ck_editor" name="description" rows="3" required="">{{old('description', $data->description ?? null)}}</textarea>
        </div>
        <div class="form-group">
            <label for="seo_title" class="control-label">SEO Title</label>
            <input class="form-control" id="seo_title" placeholder="SEO Title" name="seo_title" type="text" value="{{old('seo_title',$data->seo_title ?? null)}}">
        </div>
        <div class="form-group">
            <label for="seo_description" class="control-label">SEO description</label>
            <textarea class="form-control" rows="3" id="seo_description" placeholder="SEO description" name="seo_description" cols="50">{{old('seo_description',$data->seo_description ?? null)}}</textarea>
        </div>
        <div class="form-group">
            <label class="control-label">SEO Keywords</label>
            <textarea id="keywords" name="seo_keywords" class="form-control" cols="5">{{old('seo_keywords',$data->seo_keywords ?? null)}}</textarea>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label class="control-label required">Status</label>
            @php
                $status = old('status', $data->status ?? null);
            @endphp
            <select class="form-control" name="status" required="">
                @foreach (\App\Pages::getStatus() as $key => $item)
                    <option value="{{$key}}" @if ($status == $key) selected=""@endif>{{$item}}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group">
            @php
                $has_quick_link = $data->has_quick_link ?? 0;
            @endphp
            <label class="control-label required">Has Quick Link?</label>
            <select class="form-control" name="has_quick_link" required="">
                <option value="0" @if ($has_quick_link == 0) selected=""@endif>No</option>
                <option value="1" @if ($has_quick_link == 1) selected=""@endif>Yes</option>
            </select>
        </div>
        @include('common.lfm', [
            'type' => 'image',
            'name' => 'Image',
            'input' => 'image',
            'required' => false,
            'file' => $data->image ?? null,
        ])
        <div class="form-group">
            <label for="">Tags</label>
            @php
                $tags = old('tags', json_decode($data->tags ?? null, true));
                $tags = is_array($tags) ? $tags : [];
            @endphp
            <select name="tags[]" multiple class="form-control js-tags">
                @if (count($tags) > 0)
                    @foreach ($tags as $tag)
                        <option value="{{$tag}}" selected>{{$tag}}</option>
                    @endforeach
                @endif
            </select>
        </div>
		<div class="form-group">
			@php
				$tags_attributes = $data->tags_attributes ?? [];
			@endphp
			{{ Form::label('attributes', 'Select Attributes - Company') }}
			<select name="attributes-company[]" id="select-attributes-company" class="form-control">
				@foreach($tags_attributes as $attribute)
					@if ($attribute['type'] == \App\TagAttributes::TYPE_COMPANY)
						<option value="{{$attribute['id']}}" selected="selected">{{$attribute['name']}}</option>
					@endif
				@endforeach
			</select>
		</div>
    </div>
    <div class="col-md-9">
        <div class="form-group">
            <button type="submit" class="btn btn-primary btn-block">
                <i class="fa fa-save"></i> Save Now</button>
        </div>
    </div>
</div>
@push("script")
@include('master.common.script-attributes', ['url' => _route('master.ajax.ajax.search-attributes')])
@endpush --}}


<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <label for="" class="control-label required">Title*</label>
            <input class="form-control" type="text" name="title" value="{{old('title', $data->title ?? null)}}" required>
        </div>
        <div class="form-group">
            <label class="control-label required" for="form-control-8">Short Text*</label>
            <textarea class="form-control" name="short_text" rows="3" maxlength="250" required="">{{old('short_text', $data->short_text ?? null)}}</textarea>
        </div>
        <div class="form-group">
            <label class="control-label required" for="form-control-8">Description*</label>
            <textarea class="form-control" name="description" rows="3" required="">{{old('description', $data->description ?? null)}}</textarea>
        </div>
        <div class="form-group">
                <label for="seo_title" class="control-label">SEO Title</label>
                <input class="form-control" id="seo_title" placeholder="SEO Title" name="seo_title" type="text" maxlength="190" value="{{old('seo_title',$data->seo_title ?? null)}}">
            </div>
            <div class="form-group">
                <label for="seo_description" class="control-label">SEO description</label>
                <textarea class="form-control" rows="3" id="seo_description" placeholder="SEO description" name="seo_description" maxlength="190" cols="50">{{old('seo_description',$data->seo_description ?? null)}}</textarea>
            </div>
            <div class="form-group">
                <label class="control-label">SEO Keywords</label>
                <textarea id="keywords" name="seo_keywords" class="form-control" cols="5" maxlength="500">{{old('seo_keywords',$data->seo_keywords ?? null)}}</textarea>
            </div>
    </div>
</div>
<script src="{{ asset('assets/vidiyal/plugins/select2/js/select2.min.js') }}"></script>
<script src="{{ asset('assets/vidiyal/js/tags.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            $.validator.addMethod("validation_description", function(value, element) {
                var minLength = 0;
                var maxLength = 500;
                var descriptionLength = value.trim().length;
                return this.optional(element) || (descriptionLength >= minLength && descriptionLength <= maxLength);
            }, '<span class="error-message">Please enter a description between 50 and 500 characters.</span>');
            // [ Initialize validation ] start
            $('#page-form').validate({
                ignore: '.ignore, .select2-input',
                focusInvalid: false,
                rules: {
                    'description':{
                        validation_description: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>