@extends('layouts.app_admin')

@section('content')

<!-- sidebar-wrapper  -->
<main class="page-content course_page">
   <div class="container-fluid">
      <div class="breadcrumb1">
         <ul>
            <li><a href="{{ url('/dashboard') }}">Dashboard ></a></li>
            <li>Landing Page</li>
         </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper add-field">
        @include('admin.session_message.success')
        @include('admin.session_message.error')
         <form id="privacy_policy" action="" method="POST" >
            @csrf
            <div class="row">
              <div class="col-md-4">
                <label for="pname">Content (English)</label>
              </div>

              <div class="col-md-8">            
                <textarea type="text" data-rule-required="true" class="form-control" id="content_english" data-msg-required="Enter Content (English)." onchange="get_my_hindi_text(this.value);" placeholder="Content (English)" name="content_english">{{ $content->page_description_en }}</textarea>
                @if ($errors->has('content_english'))
                    <span for="content_english" class="error_validate">{{ $errors->first('content_english')}}</span>
                @endif
              </div>

            </div>

             <div class="row">
            <div class="col-md-4">
            </div>
            <div class="col-md-8 want-hindi">            
              
             <input type="checkbox" class="form-control" id="wanthindi" name="wanthindi">
          
              
              <label for="wanthindi">Do you want to covert in Hindi ?</label>
            
            </div>
          </div>


            <div class="row loader_div_element">
               <div class="col-md-8 offset-md-4">
                  <img src="{{url('/public/admin_assets/images/admin_loader.gif')}}" style="width:50px;height:50px;"><span>Please wait we are translating your text..</span>
               </div>
            </div>

            <div class="row">
              <div class="col-md-4">
                <label for="bid_type_hindi">Content (Hindi)</label>
              </div>
              
              <div class="col-md-8">            
                <textarea type="text" data-rule-required="true" class="form-control" id="content_hindi" data-msg-required="Enter Content (Hindi)." onchange="get_my_hindi_text(this.value);" placeholder="Content (Hindi)" name="content_hindi">{{ $content->page_description_hn }}</textarea>
                @if ($errors->has('content_hindi'))
                    <span for="content_hindi" class="error_validate">{{ $errors->first('content_hindi')}}</span>
                @endif
              </div>

            </div>
          
            <div class="row">
              <div class="col-md-8 offset-md-4">
                <div class="text-center form-btn">
                  <button type="submit" class="common-btn active">Update</button>
                  
                </div>
              </div>
            </div>

         </form>
      </div>
   </div>
   <!-- container fluid -->
</main>
<!-- page-content" -->
</div>
<!-- page-wrapper -->
<script src="public/admin_assets/developer_validate/jquery.validate.min.js"></script>
<script src="public/admin_assets/developer_validate/custom_validate.js"></script>


  <script type="text/javascript">
   $('#privacy_policy').validate({
       onfocusout: function(element) {
       this.element(element);
       },
       errorClass: 'error_validate',
       errorElement:'span',
       highlight: function(element, errorClass) {
       $(element).removeClass(errorClass);

       },
       submitHandler:function(form)
       {
   
      $('#page_sub_btn').prop("disabled", true);
      form.submit();
       }
   });


    /******For Convert In Hindi Text Start*********/

    $(function () {

        $("#wanthindi").click(function () {

            var get_my_ck_editor_val = CKEDITOR.instances.content_english.getData();

            if(get_my_ck_editor_val != ''){
          
              if ($(this).is(":checked")) {

                $('.loader_div_element_content').css('display','block');

                CKEDITOR.instances.content_hindi.setReadOnly(true);

                var get_my_ck_editor_val = CKEDITOR.instances.content_english.getData();

                if(get_my_ck_editor_val != ''){

                    $.ajax({
              
                             type:'POST',
                             
                             url:'{{url("/hindi-translate-method1")}}',
                             
                             data:{ get_english_text : get_my_ck_editor_val, "_token" : '