{!! Form::model($agreement_transaction, ['action' => ['TransactionController@store'],  'id' => 'fm_agreement_transaction', 'class' => 'form-horizontal', 'role' => 'form']) !!}      

{!! Form::hidden('id', null, ['id' => 'id']) !!}

{!! Form::hidden('agreement_id', null, ['id' => 'agreement_id']) !!}

<input type = "hidden" id ="capital_interest_split" name = "capital_interest_split" value={{ $capital_interest_split }}>

<input type = "hidden" id ="transactions_by_payment_no" name = "transactions_by_payment_no" value={{ $transactions_by_payment_no }}>

{{-- See hilbit-transaction-create.js for hiding and showing divs triggered by changes to transaction type --}}

<div class = "form-group all">
    {!! Form::label('type_id', 'Transaction type:', ['class' => 'control-label col-sm-2']) !!}
    <div class="col-sm-10">   
        {!! Form::fancySelect('type_id', $type_list, ['class' => 'form-control', 'required' => 'required'], ['automatic', 'credit', 'deposit']) !!}
    </div>
</div>
    
{{-- Don't show payment no for agreement types that do not group transactions by payment no --}}
<div class = "transactions-by-payment-no">
    <div class = "form-group not-automatic not-deposit all">
        {!! Form::label('payment_no', 'Payment No:', ['class' => 'control-label col-sm-2']) !!}
        <div class="col-sm-10">
        {!! Form::text('payment_no', null, ['class' => 'form-control', 'type' => 'integer', 'min' => $min_payment_no, 'max'=> $max_payment_no]) !!}
        </div>
    </div>
</div>

    
<div class = "form-group all">     
    {!! Form::label('effective_date', 'Effective date:', ['class' => 'control-label col-sm-2']) !!}
    <div class="col-sm-10">
        <div class='input-group datepicker'>
            {!! Form::formattedDate('effective_date', ['class' => 'form-control', 'type'=> 'text']) !!}
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
             </span>
        </div>
    </div>
</div>                
    
{{-- Capital and interest fields are only for agreements whose transactions are split into capital and interest --}}
     
<div class = "capital-interest-split">

    {{-- Don't show this for deposit and automatic transaction types --}}
    <div class = "form-group not-automatic not-deposit all">
        {!! Form::label('interest', 'Interest:', ['class' => 'control-label col-sm-2']) !!}
        <div class="col-sm-10">
        {!! Form::text('interest', null, ['class' => 'form-control', 'type' => 'number']) !!}
        </div>
    </div>
        
    {{-- Don't show this for deposit and automatic transaction types --}}
    <div class = "form-group not-automatic not-deposit all">
        {!! Form::label('capital', 'Capital:', ['class' => 'control-label col-sm-2']) !!}
        <div class="col-sm-10">
        {!! Form::text('capital', null, ['class' => 'form-control', 'type' => 'number']) !!}
        </div>
    </div>
</div>
    
    
{{-- Only show this for deposit and automatic transaction types or for agreements whose transactions are not split
  -- into capital and interest
--}}
<div class = "form-group automatic deposit amount-only">
    {!! Form::label('amount', 'Amount:', ['class' => 'control-label col-sm-2']) !!}
    <div class="col-sm-10">
    {!! Form::text('amount', null, ['class' => 'form-control', 'type' => 'number']) !!}
    </div>
</div>
    

<div class = "form-group all">
    {!! Form::label('reference', 'Reference:', ['class' => 'control-label col-sm-2']) !!}
    <div class="col-sm-10">
    {!! Form::text('reference', null, ['class' => 'form-control']) !!}
    </div>
</div>    

<div class = "form-group all">
    {!! Form::label('comment', 'Comment:', ['class' => 'control-label col-sm-2']) !!}
    <div class="col-sm-10">
    {!! Form::text('comment', null, ['class' => 'form-control']) !!}
    </div>
</div>


<div>
     
   
{!! Form::close() !!}