Skip to content

Instantly share code, notes, and snippets.

@jacksleight
Last active August 17, 2022 09:01
Show Gist options
  • Save jacksleight/04fdc8c1f8d827313a68261ac94f34fa to your computer and use it in GitHub Desktop.
Save jacksleight/04fdc8c1f8d827313a68261ac94f34fa to your computer and use it in GitHub Desktop.
`statamic_form()` function for Blade
<?php
use Statamic\Tags\Loader;
use Statamic\View\Antlers\Parser;
if (! function_exists('statamic_form')) {
function statamic_form($handle, $params = [])
{
$form = Form::find($handle);
$html = app(Loader::class)->load('form', [
'parser' => app(Parser::class),
'params' => $params,
'content' => '',
'context' => [],
'tag' => "form:{$handle}",
'tag_method' => $handle,
])->$handle();
preg_match('/^<form (.*?)>(.*?)<\/form>$/is', $html, $match);
return [
'handle' => $handle,
'attrs' => $match[1],
'params' => $match[2],
'errors' => optional(session()->get('errors'))->getBag("form.{$handle}"),
'success' => session("form.{$handle}.success"),
'fields' => $form->fields(),
'honeypot' => $form->honeypot(),
];
}
}
@php
$form = statamic_form('contact', [
'redirect' => url('thank-you'),
]);
@endphp
<div>
@if ($form['success'])
<x-success :message="$form['success']" />
@else
<x-errors :errors="$form['errors']" />
<form {!! $form['attrs'] !!}>
<div class="space-y-4">
@foreach ($form['fields'] as $field)
<label>
{{ $field->display() }}
</label>
@if ($field->type() === 'text')
<input name="{{ $field->handle() }}" type="text">
@elseif ($field->type() === 'select')
<select name="{{ $field->handle() }}">
@foreach ($field->get('options') as $option)
{{-- ... --}}
@endforeach
</select>
@else
{{-- ... --}}
@endif
@endforeach
<button>Send Message</button>
</div>
{!! $form['params'] !!}
<input name="{!! $form['honeypot'] !!}">
</form>
@endif
</div>
@DenyEs
Copy link

DenyEs commented Jun 7, 2022

That makes it look a lot cleaner in templates, thank you :) This is a great workaround to use forms with Blade and have it fully customisable at the same time.

@markverg
Copy link

Thanks Jack, really helpful!

@jacksleight
Copy link
Author

@markverg You’re welcome!

FYI: As of 3.3.28 you can now get this data from the built-in form tag. 👍

@markverg
Copy link

@markverg You’re welcome!

FYI: As of 3.3.28 you can now get this data from the built-in form tag. 👍

Thanks, we were on 3.3.25 but looking at the commit I did notice it's now in 3.3.28 so will upgrade right away.

One more thing (sorry)..
I noticed after a submit the field values are missing, I try to put back the values in case of errors so the user can just correct the field(s) and re-submit. Is that just me or is that fixed when using the 3.3.28 native way?

@markverg
Copy link

The old values seem to work, so switching to the now native function.
Thanks a lot for all your work!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment