@extends('Layouts.adminLayout')
@section('title')
    {{__('Insert Category Attribute')}}
@endsection
@section('breadcrumb')
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                                    <li class="breadcrumb-item"><a href="#">{{__('Product')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Insert Category Attribute')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
<section class="input-validation">
                    <div class="row">
                        <div class=" col-md-12 col-12">
                            <div class="card">
                                

                                <div class="card-header">
                                    <h4 class="card-title">{{__('Insert Category Attribute')}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form class="needs-validation" method="POST"
                                              action="{{route('Admin.categoryAttributes.store')}}"
                                              enctype="multipart/form-data" novalidate>
                                            @CSRF
                                            <div class="row">
                                            <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Language')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('lang') ? ' is-invalid' : '' }} " id="lang" data-live-search="true" name="lang" required onchange="changeLanguage(this.value)" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Languages'] as $value)
                                                                  <option value="{{$value->slug}}" @if(old('lang') == $value->slug) selected @endif >{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
																	 @if ($errors->has('lang'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('lang') }}</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Title')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="title" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}"  placeholder="{{__('Title')}}"  id="title" value="{{ old('title') }}" required tabindex="2" >
													    @if ($errors->has('title'))
                                                            <div class="invalid-feedback">{{ $errors->first('title') }}</div>
                                                        @endif
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Category')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                                <select class="select2 form-control {{ $errors->has('category') ? ' is-invalid' : '' }}" data-live-search="true" id="category" name="category" required >
                                                                 <option value="">{{__('Select')}}</option>

                                                                </select>
														   @if ($errors->has('category'))
                                                            <div class="invalid-feedback">{{ $errors->first('category') }}</div>
                                                        @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
                                                    <div class="form-group col-12 col-md-6" style="margin-top: 20px;">
                                                        <fieldset class="checkbox">
                                                            <div class="vs-checkbox-con vs-checkbox-primary">
                                                                <input type="checkbox" name="filter" value='1'>
                                                                <span class="vs-checkbox">
                                                                    <span class="vs-checkbox--check">
                                                                        <i class="vs-icon feather icon-check"></i>
                                                                    </span>
                                                                </span>
                                                                <span class="">{{__('Filter')}}</span>
                                                            </div>
                                                        </fieldset>
                                                    </div>
													
                                            </div>

                                                <div class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Save')}}</button>
                                                </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>

   </section>
@endsection
@section('script')
    <script>
                function changeLanguage (selectedLang) {
                    $.ajax({
                    url: "{{route('Admin.categoryAttributes.language')}}",
                    type: "POST",
                    data: {
                        _token : "{{csrf_token()}}",
                        lang : selectedLang
                    },
                    success:function (data) {
                        $('#category').html('');
                        $.each(data,function(index,value){
                            $('#category').append('<option value="'+value.id+'">'+value.title+'</option>')
                        });
                        $('#category').trigger('change');
                    }
                });
    }

    </script>
@endsection