{extends file="$layouts_admin"}
{block name="content"}
<div style="max-width: 600px; width: 100%;" class="mx-auto">
<div class="panel">
<div class="panel-hdr">
<h2>{$_L['New Form']}</h2>
</div>
<div class="panel-container">
<div class="panel-content">
<form id="main_form" method="post">
<div class="mb-3">
<label for="inputName">{$_L['Name']}</label>
<input class="form-control" name="name"
{if $selected_form}
value="{{$selected_form->name}}"
{/if}
data-pristine-required id="inputName">
</div>
<div class="mb-3">
<label for="source_id">{$_L['Assign to']}</label>
<select class="form-select" name="admin_id" id="admin_id" data-pristine-required>
{foreach User::select(['id','fullname','username'])->get() as $assign_to_user}
<option value="{$assign_to_user->id}" {if $selected_form} {else} {if $user->id == $assign_to_user->id} selected {/if} {/if} >{$assign_to_user->fullname}</option>
{/foreach}
</select>
</div>
<div class="mb-3">
<label for="source_id">{$_L['Source']}</label>
<select class="form-select" name="source_id" id="source_id" data-pristine-required>
<option>--</option>
{foreach $lead_sources as $lead_source}
<option value="{$lead_source->id}"
{if $selected_form}
{if $selected_form->lead_source_id === $lead_source->id}
selected {/if}
{/if}
>{$lead_source->sname}</option>
{/foreach}
</select>
</div>
<div class="mb-3">
<label for="submit_button_name">{$_L['Submit button text']}</label>
<input class="form-control" name="submit_button_name" {if $selected_form}
value="{{$selected_form->submit_button_name}}"
{/if} id="submit_button_name" data-pristine-required>
</div>
<div class="mb-3">
<label for="success_message">{$_L['Success message']}</label>
<textarea class="form-control"
name="success_message" data-pristine-required id="success_message">{if $selected_form}{{$selected_form->success_message}}{/if}</textarea>
</div>
<div class="mb-3">
<label for="webhook_url">{$_L['Webhook URL']} <small>({$_L['optional']})</small></label>
<input class="form-control" id="webhook_url" name="webhook_url"
{if $selected_form}
value="{{$selected_form->webhook_url}}"
{/if}>
</div>
{if $selected_form}
<input type="hidden" name="form_id" value="{{$selected_form->id}}">
{/if}
<div class="mb-3">
<button id="btn_submit" class="btn btn-primary">{$_L['Next']}</button>
</div>
</form>
</div>
</div>
</div>
</div>
{/block}
{block name=script}
<script>
$(function () {
$('#success_message').redactor(
{
minHeight: 200 // pixels
}
);
let $main_form = $('#main_form');
let $btn_submit = $('#btn_submit');
var form = document.getElementById("main_form");
var pristine = new Pristine(form);
$main_form.on('submit',function (e) {
e.preventDefault();
if(pristine.validate())
{
$btn_submit.prop('disabled',true);
$.post( base_url + 'leads/save-form', $main_form.serialize())
.done(function( data ) {
window.location = base_url + data.url;
}).fail(function (error) {
$btn_submit.prop('disabled',false);
toastr.error(error.responseText);
});
}
});
});
</script>
{/block}