{{-- @extends('layouts.office') --}}
@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <form id="office_form" name="office_form" style="display: none;" target="office_frame" action="{!! $url !!}" method="post">
                {{-- <input name="ui_defaults" value="UIMode=classic" type="hidden" /> --}}
                <input name="access_token" value="{!! $accessToken !!}" type="text" />
                <input name="access_token_ttl" value="{!! $ttl !!}" type="text" />
            </form>
            <span id="frameholder"></span>
        </div>
    </div>
</div>

<script type="text/javascript">
    var frameholder = document.getElementById('frameholder');
    var office_frame = document.createElement('iframe');
    office_frame.name = 'office_frame';
    office_frame.id = 'office_frame';
    office_frame.title = 'Office Frame';
    office_frame.setAttribute('allowfullscreen', 'true');
    office_frame.setAttribute(
        'sandbox',
        'allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation allow-popups-to-escape-sandbox allow-downloads allow-modals'
    );
    frameholder.appendChild(office_frame);
    document.getElementById('office_form').submit();
</script>
@endsection