@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card mb-3 mt-3">
                <div class="card-header pb-0">
                    <h6>Preview Layout MSJ Career</h6>
                </div>
                <div class="card-body">
                    <div style="height: 450px; overflow: hidden; border: 1px solid #ddd; border-radius: 0.5rem;">
                        <iframe 
                            class="embed-responsive-item" 
                            src="{{ route('preview.homepage') }}" 
                            frameborder="0" 
                            style="
                                width: 125%; 
                                height: 125%; 
                                transform: scale(0.8); 
                                transform-origin: top left;
                            ">
                        </iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection