<form class="c-form js-form-validation" id="id_6ac9f6628f528" data-component="form" method="post" action="/submit-form" name="id_6ac9f6628f528">
<!-- notice.blade.php -->
<div class="c-notice c-form__notice-failed u-margin__bottom--4 c-notice--danger" aria-hidden="true" id="id_6ac9f6628f528-validation-error" data-component="notice" aria-labelledby=
"notice__text__id_6ac9f6628f528-validation-error">
<span class="c-notice__icon"><!-- icon.blade.php -->
<span class="c-icon c-icon--report c-icon--material c-icon--material-report c-icon--svg-material c-icon--color-black c-icon--size-md" role="img" data-nosnippet="" translate="no" aria-label=
"Icon: Undefined" aria-hidden="false" data-component="icon"><svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 960 960" fill="currentcolor" style=
"fill:var(--icon-color, currentColor)">
<path d=
"M480 680Q497 680 508.5 668.5Q520 657 520.0 640.0Q520 623 508.5 611.5Q497 600 480 600Q463 600 451.5 611.5Q440 623 440.0 640.0Q440 657 451.5 668.5Q463 680 480 680ZM440 520H520V280H440ZM330 840 120 630V330L330 120H630L840 330V630L630 840ZM364 760H596L760 596V364L596 200H364L200 364V596ZM480 480Z">
</path></svg></span></span> <span id="notice__text__id_6ac9f6628f528-validation-error" data-js-notice-message="true" class="c-notice__message">There were errors with your submission. Please
correct them and try again.</span>
</div><!-- field.blade.php -->
<div class="c-field c-field--text c-field--md c-field--radius-md" id="id_6ac9f6628ef8e" data-component="field">
<label class="c-field__label" for="input_id_6ac9f6628ef8e" id="label_id_6ac9f6628ef8e">Name <span class="u-color__text--danger" aria-hidden="true">*</span></label>
<div class="c-field__inner c-field__inner--text">
<input id="input_id_6ac9f6628ef8e" value="" aria-labelledby="label_id_6ac9f6628ef8e" type="text" name="name" required="required" data-js-required="" data-required="1" aria-required="true"
autocomplete="on" />
<div class="c-field_focus-styler u-level-top"></div><!-- icon.blade.php -->
<span class="c-icon c-field__suffix c-field__error-icon c-icon--error-outline c-icon--material c-icon--material-error_outline c-icon--svg-material c-icon--size-md" aria-hidden="false" role=
"img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-component="icon"><svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 960 960"
fill="currentcolor" style="fill:var(--icon-color, currentColor)">
<path d=
"M480.0 680.0Q497 680 508.5 668.5Q520 657 520.0 640.0Q520 623 508.5 611.5Q497 600 480.0 600.0Q463 600 451.5 611.5Q440 623 440.0 640.0Q440 657 451.5 668.5Q463 680 480.0 680.0ZM440 520H520V280H440ZM480 880Q397 880 324.0 848.5Q251 817 197.0 763.0Q143 709 111.5 636.0Q80 563 80 480Q80 397 111.5 324.0Q143 251 197.0 197.0Q251 143 324.0 111.5Q397 80 480 80Q563 80 636.0 111.5Q709 143 763.0 197.0Q817 251 848.5 324.0Q880 397 880 480Q880 563 848.5 636.0Q817 709 763.0 763.0Q709 817 636.0 848.5Q563 880 480 880ZM480 800Q614 800 707.0 707.0Q800 614 800 480Q800 346 707.0 253.0Q614 160 480 160Q346 160 253.0 253.0Q160 346 160 480Q160 614 253.0 707.0Q346 800 480 800ZM480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Z">
</path></svg></span> <!-- icon.blade.php -->
<span class="c-icon c-field__suffix c-field__success-icon c-icon--check-circle-outline c-icon--material c-icon--material-check_circle_outline c-icon--svg-material c-icon--size-md" aria-hidden=
"false" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-component="icon"><svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox=
"0 0 960 960" fill="currentcolor" style="fill:var(--icon-color, currentColor)">
<path d=
"M424 664 706 382 650 326 424 552 310 438 254 494ZM480 880Q397 880 324.0 848.5Q251 817 197.0 763.0Q143 709 111.5 636.0Q80 563 80 480Q80 397 111.5 324.0Q143 251 197.0 197.0Q251 143 324.0 111.5Q397 80 480 80Q563 80 636.0 111.5Q709 143 763.0 197.0Q817 251 848.5 324.0Q880 397 880 480Q880 563 848.5 636.0Q817 709 763.0 763.0Q709 817 636.0 848.5Q563 880 480 880ZM480 800Q614 800 707.0 707.0Q800 614 800 480Q800 346 707.0 253.0Q614 160 480 160Q346 160 253.0 253.0Q160 346 160 480Q160 614 253.0 707.0Q346 800 480 800ZM480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Q480 480 480.0 480.0Q480 480 480 480Z">
</path></svg></span>
</div>
</div><button class="c-button c-button__filled c-button__filled--default c-button--md" type="submit" aria-label="Submit" data-component="button"><span class="c-button__label"><span class=
"c-button__label-text">Submit</span></span></button>
</form>
@form([
'method' => 'POST',
'action' => '/submit-form',
'validation' => true,
'errorMessage' => 'There were errors with your submission. Please correct them and try again.',
'successMessage' => 'Your form has been submitted successfully!'
])
@field([
'type' => 'text',
'name' => 'name',
'label' => 'Name',
'required' => true,
])
@endfield
@button([
'type' => 'submit',
'text' => 'Submit',
])
@endbutton
@endform
