@extends ('backend.layouts.app')

@section('title', 'View Form Structure')

@section('page-header')
<h1>View Form Structure - ({{ $form->form_name }})</h1>
@endsection

@section('after-styles')
@endsection

@section('content')
<div class="box box-info">
    <div class="box-header with-border">
    </div><!--box-header with-border-->

    <div class="box-body">
        <form action="{{ route('form.submit', $form->identifier) }}" method="POST" id="submitForm" enctype="multipart/form-data">
            @csrf
            <div class="col-12">
                <div id="fb-render"></div>
            </div>

            <div class="col-12 mt-3">
                <button type="submit" class="btn btn-primary confirm-form" data-form="submitForm" data-message="Submit your entry for '{{ $form->name }}'?">
                    <i class="fa fa-submit"></i> Submit Form
                </button>
            </div>

        </form>
    </div><!-- /.box-body -->
</div><!--box-->
@endsection

@section('after-scripts')
<script src="{{ asset('js/forms/jqueryui/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/forms/form-builder/form-builder.min.js') }}"></script>
<script src="{{ asset('js/forms/form-builder/form-render.min.js') }}"></script>

<script src="{{ asset('js/forms/form.js') }}"></script>

<script type="text/javascript">
    window._form_builder_content = {!! json_encode($form->form_builder_json) !!}
</script>
<script src="{{ asset('js/forms/render-form.js') }}"></script>

@include('backend.form-manager.partials.alert_message')
@endsection