@extends ('backend.layouts.app')

@section('title', 'Update Form')

@section('page-header')
<h1>Update Form</h1>
@endsection

@section('after-styles')
<link rel="stylesheet" href="{{ asset('js/sweetalert2/sweetalert2.min.css') }}">
<link rel="stylesheet" href="{{ asset('js/toastr/toastr.min.css') }}" />
@endsection

@section('content')
<div class="box box-info">
    <div class="box-header with-border">
        <h5 class="card-title">Update Form - ({{ $form->form_name}})</h5>
        <button type="button" id="clearForm" class="btn btn-info">
            Clear Form 
        </button>
        <button type="button" id="saveForm" class="btn btn-primary">
            Save &amp; Submit Form
        </button>

    </div><!--box-header with-border-->

    <div class="box-body">
        <form id="createFormForm" method="POST" action="{{ route('admin.form-manager.update', $form->id) }}">
            @csrf

            <div class="col-12">
                <label for="form-name" class="form-label">Form Name</label>
                <input type="text" class="form-control" id="form-name" name="form-name" value="{{ old('form-name') ?? $form->form_name }}" required />
            </div>
            <div class="col-12 mt-3">
                <div id="fb-editor"></div>
            </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/sweetalert2/sweetalert2.all.min.js') }}"></script>
<script src="{{ asset('js/toastr/toastr.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/create-form.js') }}"></script>

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