@extends('student.layouts.app')
@section('titlePage', 'Code Compiler')
@section('content')
<script>
    document.getElementById("ktss-10").classList.add("active");
</script>
<div class="flex-grow-1 container-p-y mt-4">
<div class="row">
        <div class="col-sm-12">
			<div class="card">
				<div class="card-body">
                        <h4 class="font-weight-bold py-3 mb-0">
                            <span class="float-left">
                                <a href="{{_route('student.compiler.compilerList')}}" style="font-size: 15px"><i class="fas fa-arrow-left" style="font-size: 12px"></i> BACK</a>
                            </span></br></br>
                            {{$code['name']}} Compiler
                        </h4>
                        <hr class="title-bottom">
                        <div data-pym-src='https://www.jdoodle.com/plugin' data-language="{{$code['code']}}"
                        data-version-index="4" data-libs="mavenlib1, mavenlib2">{!! $code['def_code'] !!}
                    </div>
                    <script src="https://www.jdoodle.com/assets/jdoodle-pym.min.js" type="text/javascript"></script>
    <!-- [ Main Content ] end -->
</div>
</div>
</div>
</div>
 
@endsection

@push('script')
<script>
    setTimeout(() => {
        var iframe = document.getElementsByTagName("iframe")[0];
        var elmnt = iframe.contentWindow.document.getElementsByClassName("embed-brand-area")[0];
        elmnt.style.display = "none";
    }, 2000);
  

</script>
@endpush