@extends('Layouts.adminLayout')
@section('title')
    {{__('Edit 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="#">{{__('Edit 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">{{__('Edit Category Attribute')}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                        <form class="needs-validation" method="POST"
                                              action="{{route('Admin.categoryAttributes.update',$data['categoryAttribute']->id)}}"
                                              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" 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($data['categoryAttribute']->lang==$value->slug) selected @endif >{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
                                                            </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"

                                                                   placeholder="{{__('Title')}}"
                                                                   required value="{{$data['categoryAttribute']->title}}">
                                                        </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" data-live-search="true" id="category" name="category" required >

                                                                  @foreach($data['Category'] as $Category)
                                                                        <option value="{{$Category->id}}" @if($data['categoryAttribute']->category_id==$Category->id) selected @endif >{{$Category->title}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </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' id="filter" >
                                                                <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">{{__('Update')}}</button>
                                                </div>

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

                        </div>

   </section>
@endsection
@section('script')
    <script>
	          @if($data['categoryAttribute']->filter==1 )
        $('#filter').attr('checked', 'checked');
        @endif
		
                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