@extends('layouts.sidebar')
@section('title', 'Nomadic-Language')
@section('content')
<div class="pagetitle">
  <h1 class="float-start">Language</h1>
</div>

<section class="section profile position-relative">
  <div class="row">
    <div class="col-md-6">
    <h3>{{ $language }}</h3>
    </div>
    <div class="col-md-6 float-end text-end">
      <input id="btn_saveLanguage" type="button" class="btn btn-primary" value="Save" data-language="{{$lng}}" style="margin-right:0px;"/>
    </div>
  </div>
  <div class="col-xl-12">
    <textarea id="languageContent" class="form-control" rows="40">{{ $content }}</textarea>
  </div>
</section>
@endsection
@section('footer_scripts')
<script>
  $(document).ready(function () {
    $(document).on('click', '#btn_saveLanguage', function(){
      $('#btn_saveLanguage').prop('disabled', true);
      let content = $('#languageContent').val();
      let language = $('#btn_saveLanguage').data('language');
      $.ajax({
          type: 'POST',
          dataType: 'json',
          data: {_token:_token, content:content, language:language},
          url: APP_URL+"/language-save",
          success: function(res) {
            $('#btn_saveLanguage').prop('disabled', false);
            if(res.status){
              $("#alertMsg .pagemsgcontent").html('<div class="alert alert-success">Language saved successfully.</div>');
              $("#alertMsg").modal("show");
            }
          },
          error: function(res) {
            $('#btn_saveLanguage').prop('disabled', false);
            ajax_error(res);
          }
      });
    });
    
    
  });
</script>
@endsection