{{-- CodeMirror JS --}}
<link rel="stylesheet" href="{{ asset('admin-assets/vendors/codemirror/lib/codemirror.css') }}">
<link rel="stylesheet" href="{{ asset('admin-assets/vendors/codemirror/addon/hint/show-hint.css') }}">

{{-- CodeMirror JS --}}
<script src="{{ asset('admin-assets/vendors/codemirror/lib/codemirror.js') }}"></script>
<script src="{{ asset('admin-assets/vendors/codemirror/mode/css/css.js') }}"></script>
<script src="{{ asset('admin-assets/vendors/codemirror/mode/javascript/javascript.js') }}"></script>
<script src="{{ asset('admin-assets/vendors/codemirror/addon/hint/show-hint.js') }}"></script>
<script src="{{ asset('admin-assets/vendors/codemirror/addon/hint/css-hint.js') }}"></script>
<script src="{{ asset('admin-assets/vendors/codemirror/addon/hint/javascript-hint.js') }}"></script>
<script>
  var cssEditor = CodeMirror.fromTextArea(document.getElementById("css"), {
        extraKeys: {"Ctrl-Space": "autocomplete"},
        lineNumbers: true,
        mode: "css"
      });
  var jsEditor = CodeMirror.fromTextArea(document.getElementById("js"), {
      extraKeys: {"Ctrl-Space": "autocomplete"},
      lineNumbers: true,
      mode: "javascript"
    });

  $( document ).ready(function() {
    setTimeout(function() {
      cssEditor.refresh();
      jsEditor.refresh();
    },3000);
});


</script>