firefly-iii/resources/twig/bills/edit.twig

{% extends "./layout/default.twig" %}
{% block content %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, bill) }}
    {{ Form.model(bill, {'class' : 'form-horizontal','id' : 'update','url' : route('bills.update', bill.id)}) }}

<input type="hidden" name="id" value="{{bill.id}}" />

<div class="row">
    <div class="col-lg-6 col-md-12 col-sm-6">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <i class="fa fa-exclamation-circle"></i> {{ 'mandatoryFields'|_ }}
            </div>
            <div class="panel-body">
                {{ ExpandedForm.text('name') }}
                {{ ExpandedForm.tags('match') }}
                {{ ExpandedForm.amount('amount_min') }}
                {{ ExpandedForm.amount('amount_max') }}
                {{ ExpandedForm.date('date',bill.date.format('Y-m-d')) }}
                {{ ExpandedForm.select('repeat_freq',periods) }}
        </div>
    </div>


</div>
    <div class="col-lg-6 col-md-12 col-sm-6">
        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-smile-o"></i> {{ 'optionalFields'|_ }}
            </div>
            <div class="panel-body">
                {{ ExpandedForm.integer('skip') }}
                {{ ExpandedForm.checkbox('automatch',1) }}
                {{ ExpandedForm.checkbox('active',1) }}

            </div>
        </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <i class="fa fa-bolt"></i> {{ 'options'|_ }}
                </div>
                <div class="panel-body">
                    {{ ExpandedForm.optionsList('update','bill') }}
                </div>

            </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <p>
            <button type="submit" class="btn btn-lg btn-success">
                <i class="fa fa-plus-circle"></i> Update bill
            </button>
        </p>
    </div>
</div>
</form>

{% endblock %}
{% block styles %}
    <link href="css/bootstrap-tagsinput.css" type="text/css" rel="stylesheet" media="all">
{% endblock %}
{% block scripts %}
    <script type="text/javascript" src="js/bootstrap-tagsinput.min.js"></script>
{% endblock %}