{% extends '_include/base.html.twig' %}

{% block title %}New Bank Reconciliation{% endblock %}

{% block breadcrumbs %}
    <nav aria-label="Breadcrumb">
        <ul class="breadcrumb__list">
            <li class="breadcrumb__item"><a href="{{ path('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb__item"><a href="{{ path('app_bank_reconciliation_index') }}">Bank Reconciliation</a></li>
            <li class="breadcrumb__item" aria-current="page">New</li>
        </ul>
    </nav>
{% endblock %}

{% block page_title %}Start New Bank Reconciliation{% endblock %}

{% block content %}
<div class="card">
    <div class="card__body">
        <form method="post">
            <input type="hidden" name="profile" value="{{ profile.id }}">
            <div class="grid grid--2">
                <div class="form-group">
                    <label class="form__label">Bank Account Name / Number <span class="text-danger">*</span></label>
                    <input type="text" name="bank_account" class="form__control" required placeholder="e.g. Wells Fargo Checking ****1234">
                </div>
                <div class="form-group">
                    <label class="form__label">Statement Date <span class="text-danger">*</span></label>
                    <input type="date" name="statement_date" class="form__control" required value="{{ 'last day of last month'|date('Y-m-d') }}">
                </div>
                <div class="form-group">
                    <label class="form__label">Bank Statement Ending Balance ($) <span class="text-danger">*</span></label>
                    <input type="number" name="statement_ending_balance" class="form__control" step="0.01" required placeholder="0.00">
                    <small class="form__help">From your bank statement.</small>
                </div>
                <div class="form-group">
                    <label class="form__label">GL (Book) Ending Balance ($) <span class="text-danger">*</span></label>
                    <input type="number" name="gl_ending_balance" class="form__control" step="0.01" required placeholder="0.00">
                    <small class="form__help">From your general ledger / cash account.</small>
                </div>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn--primary"><i class="fa fa-play"></i> Start Reconciliation</button>
                <a href="{{ path('app_bank_reconciliation_index') }}" class="btn btn--secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}