@extends('uibuilder::layouts.app')

@section('title', 'Edit Structure: ' . $structure->name)

@section('content')
<div id="ui-builder-app" 
     data-structure-id="{{ $structure->id }}"
     data-structure="{{ json_encode($structure) }}"
     style="min-width: 1600px;">
    <!-- Vue app will mount here -->
    <div class="loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
        <div>
            <div class="loading-spinner" style="width: 40px; height: 40px; margin: 0 auto 20px;"></div>
            <p>Loading UI Builder...</p>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('modules/uibuilder/builder/css/builder.css') }}">
@endpush

@push('scripts')
<script type="module" src="{{ asset('modules/uibuilder/builder/js/builder.js') }}?v={{ time() }}"></script>
@endpush