@php use App\Http\Controllers\SyStructureArchitectDocument; @endphp
@php $record_class=SyStructureArchitectDocument::classification(['idDocumentClass'=>$record->idDocumentClass]); @endphp
<style>
    #preDoc {
        padding: 10px;
        border-radius: 5px;
        background: #313131;
        color: #FFFFFF;
    }

    #preDoc .code {
        max-width: 500px;
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        font-size: .875em;
        border: #ffffff 1px solid;
        padding: 10px;
        color: #FFFFFF;
        border-radius: 5px;
    }

</style>
<!-- CONTENT -->
<div class="rpanel-title sticky-top">

    <i class="fa fa-cogs"></i> {{$record->xName}}

</div>

<div class="r-panel-body ">
    <h5><small>Classificação: </small>{{$record_class->xName}} </h5>

    <hr>
    <h5>Subtítulo</h5>
    <h6 class="card-subtitle">{{$record->subTitle}}</h6>

    <hr>

    <h5 class="card-title">Descrição: </h5>
    <p class="text-justify">
        {!! $record->description!!}
    </p>
    <hr>
    <h5 class="card-title">Apresentação</h5>
    <div class="card-body-blockquote">
        {!! $record->descriptionScript!!}
    </div>
    <hr>
    <h5 class="card-title">Code:</h5>
    <div id="preDoc">
        <center>
<pre class="code text-left">
{{$record->descriptionScript}}
</pre>
        </center>
    </div>
</div>
<!-- /CONTENT -->

<script>
    $(function () {
        sidebarRightRpanel()
    });

    function sidebarRightRpanel() {
        let width = $('#sidebarRight').outerWidth(true);
        width = parseInt(width - 100);
        $('.code').css('max-width', width + 'px');
    }
</script>
<!-- SIDEBAR-RIGHT -->
<script src="{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}" type="text/javascript"></script>