@extends('layouts.app_admin')

  @section('content')
    <main class="page-content">
    <div class="container-fluid"> 
      <div class="breadcrumb1">
        <ul>
          <li><a href="{{ url('admin-dashboard') }}">Dashboard ></a></li>
         <li><a href="{{ url('brands-list')}}">Brand List ></a></li>
          <li>Add Brand</li>
        </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper">
        <form action="{{ url('add-brand') }}" method="post" enctype='multipart/form-data' id="add_brand">
          {{ csrf_field() }}
          <div class="row">
          <div class="col-md-4">
            <label for="lecture_name_en">Brand Name<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">            
            <input type="text" class="form-control" id="brand_name" placeholder="Enter Brand Name" name="brand_name" data-rule-required="true" data-msg-required="Please enter brand name">
            @if ($errors->has('brand_name'))
              <span for="brand_name" class="error_validate" style="display:block;">
                {{ $errors->first('brand_name') }}
              </span>
            @endif
          </div>
        </div>

        <div class="row">
                <div class="col-md-4">
                    <label for="news_image">Brand Image<span class="maditory_star">*</span></label>
                </div>
                <div class="col-md-8 browse-file-section">
                    <input type="file" name="brand_image" id="brand_image" class="file" style="visibility: hidden;position: absolute;" data-rule-required="true" data-msg-required="Select Brand image.">
                    <div class="input-group col-xs-12">
                      <input type="text" class="form-control" disabled placeholder="Upload Image" >
                      <span class="input-group-btn">
                        <button class="browse btn btn-primary input-lg" type="button"><i class="fa fa-upload" aria-hidden="true"></i> Browse</button>
                      </span>
                    </div>
                    <span for="brand_image" class="error_validate"></span>
                    @if ($errors->has('brand_image'))
                      <span for="brand_image" class="error_validate">{{ $errors->first('brand_image') }}</span>
                    @endif
                </div>
            </div>
        
  
         <div class="row">
            <div class="col-md-4">
            <label for="brand_status">Status<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">
            <div class="select-box">
              <select class="select2" name="brand_status" id="brand_status" data-rule-required="true" data-msg-required="Please select Brand status">
                <option value="" selected>Select Brand Status</option>
                <option value="active">Active</option>
                <option value="inactive">Inactive</option>
              </select>
               <span for="brand_status" class="error_validate"></span>
            </div>
          </div>
        </div>
    
        <div class="row">
          <div class="col-md-9 offset-md-3">
            <div class="text-center form-btn">
              <button class="common-btn active" id="page_sub_btn">Add</button>
              <a href="{{ url('brands-list') }}" class="common-btn">Cancel</a>
             </div>
          </div>
        </div>
      </form>
      </div>
    </div> <!-- container fluid -->
  </main>
  <!-- page-content" -->
</div>
<!-- page-wrapper -->

<script src="https://cdn.ckeditor.com/4.11.3/standard/ckeditor.js"></script>
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>
<script type="text/javascript">
    $('#add_brand').validate({
        ignore: [],
        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();
        }
    });
 
  $(document).on('click', '.browse', function(){
    var file = $(this).parent().parent().parent().find('.file');
    file.trigger('click');
  });
  $(document).on('change', '.file', function(){
    $(this).parent().find('.form-control').val($(this).val().replace(/C:\\fakepath\\/i, ''));
  });
  
  $(function() {
 
            $('.datepicker_time').datetimepicker({
                timepicker: true,
                datepicker: false,
                format: 'H:i:s',
                formatDate: 'H:i:s',
            })
  });
  // $(function() {
  //     // turn the element to select2 select style
  //   CKEDITOR.replace( 'lecture_description_en' );
  //   CKEDITOR.replace( 'lecture_description_hn' );
  //   });
  
  $(function() {
            $('.test').fSelect();
        });
    
   $(function() {
      // turn the element to select2 select style
      $('.select2').select2();
    });



// CKEDITOR.on('instanceReady', function () {
//     $.each(CKEDITOR.instances, function (instance) {
//         CKEDITOR.instances[instance].document.on("keyup", CK_jQ);
//         CKEDITOR.instances[instance].document.on("paste", CK_jQ);
//         CKEDITOR.instances[instance].document.on("keypress", CK_jQ);
//         CKEDITOR.instances[instance].document.on("blur", CK_jQ);
//         CKEDITOR.instances[instance].document.on("change", CK_jQ);
//         CKEDITOR.instances[instance].document.on("click", CK_jQ);
//     });
// });

// function CK_jQ() {
//     for (instance in CKEDITOR.instances) {
//         CKEDITOR.instances[instance].updateElement();
//     }
// }



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

      function get_my_hindi_text(get_text,get_attr){

          if(get_text != ''){

            var get_attr_id = $(get_attr).attr("id");
            // alert(get_attr_id);
            if (get_attr_id == 'lecture_name_en') {
              $("#lecture_name_hn").attr("disabled","disabled");

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

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