@extends('admin.master.index')

@section('title', 'Categories Edit')

@section('content')
<link rel="stylesheet" href="{{asset('admin/assets/bundles/summernote/summernote-bs4.css')}}">
<div class="main-content">
    <section class="section">
      <div class="section-body">
        <div class="row">
          <div class="col-12 col-md-12 col-lg-12">
            <div class="card">
              <div class="card-header">
                <h4> Edit Categories </h4>
              </div>
                <form action="{{ route('category-update') }}" method="post" id="updatedCategoryFrm">
                    @csrf
                    <div class="card-body">
                      <div class="form-group">
                        <label for="role" class="form-control-label font-weight-300">Select Language</Select><span class="text-danger">*</span></label>
                        <select type="text" name="language_type"  class="form-control">
                            <option value="en" {{$category=='en' ? 'selected' : ''}}>English</option>
                            <option value="fr"  {{$category=='fr' ? 'selected' : ''}}>French</option>
                            <option value="ar"  {{$category=='ar' ? 'selected' : ''}}>Arabic</option>
                        </select>
                        <p style="margin-bottom: 2px;" class="text-danger error_container" id="error-title"></p>
                    </div>
                        <div class="form-group">
                            <label>Categories Name <span class="text-danger">*</span></label>
                            <input type="hidden" name="id" value="{{base64_encode($category->id)}}">
                            <input type="text" name="name" value="{{ $category->name }}" class="form-control">
                            <p id="name_error" class="text-danger error-p"></p>
                        </div>

                        <div class="form-group">
                            <label>Description</label>
                            <textarea name="description" id="" class="summernote form-control" cols="30" rows="10">{{ $category->description }}</textarea>
                            <p style="margin-bottom: 2px;" class="text-danger error_container" id="error-description"></p>
                        </div>

                    </div>
                    <div class="card-footer text-right">
                        <button class="btn btn-primary mr-1" type="submit">Submit</button>
                    </div>
                </form>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

@endsection


@push('customjs')
        <script>
            $('.summernote').summernote({
                toolbar: [
                ['style', ['style', 'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear']],
                ['font', ['fontname', 'fontsize', 'color', 'forecolor', 'backcolor']],
                ['para', ['ul', 'ol', 'paragraph', 'height']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'video', 'hr']],
                ['view', ['fullscreen', 'codeview', 'help']],
                ['misc', ['undo', 'redo']]
            ]
            });
        </script>
    <script src="{{asset('admin/assets/bundles/summernote/summernote-bs4.js')}}"></script>
    <script>
            // $(document).on('submit', 'form#updatedCategoryFrm', function (event) {
            //     event.preventDefault();
            //     //clearing the error msg
            //     $('p.error_container').html("");

            //     var form = $(this);
            //     var data = new FormData($(this)[0]);
            //     var url = form.attr("action");
            //     var loadingText = '<i class="fa fa-circle-o-notch fa-spin"></i> loading...';
            //     $('.submit').attr('disabled',true);
            //     $('.form-control').attr('readonly',true);
            //     $('.form-control').addClass('disabled-link');
            //     $('.error-control').addClass('disabled-link');
            //     if ($('.submit').html() !== loadingText) {
            //         $('.submit').html(loadingText);
            //     }
            //         $.ajax({
            //             type: form.attr('method'),
            //             url: url,
            //             data: data,
            //             cache: false,
            //             contentType: false,
            //             processData: false,
            //             success: function (response) {
            //                 window.setTimeout(function(){
            //                     $('.submit').attr('disabled',false);
            //                     $('.form-control').attr('readonly',false);
            //                     $('.form-control').removeClass('disabled-link');
            //                     $('.error-control').removeClass('disabled-link');
            //                     $('.submit').html('Save');
            //                 },2000);
            //                 console.log(response);
            //                 if(response.success==true) {
            //                     toastr.success("Category Updated Successfully");
            //                     window.setTimeout(function() {
            //                         window.location.href = "{{URL::to('category')}}"
            //                     }, 2000);
            //                 }
            //                 //show the form validates error
            //                 if(response.success==false ) {
            //                     for (control in response.errors) {
            //                     var error_text = control.replace('.',"_");
            //                     $('#error-'+error_text).html(response.errors[control]);
            //                     // $('#error-'+error_text).html(response.errors[error_text][0]);
            //                     // console.log('#error-'+error_text);
            //                     }
            //                     // console.log(response.errors);
            //                 }
            //             },
            //             error: function (response) {
            //                 // alert("Error: " + errorThrown);
            //                 console.log(response);
            //             }
            //         });
            //         event.stopImmediatePropagation();
            //         return false;
            // });

    </script>
@endpush