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

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

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

<div style="overflow-x:auto;">
    <div class="form-group">
        {!! 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', 'required']) !!}
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                 </span>
            </div>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('payment_type_id', 'Transaction type:', ['class' => 'control-label col-sm-2']) !!}
        <div class="col-sm-10">
            {{-- fancySelect in app/Providers/FormMacroServiceProvider --}}
            {!! Form::fancySelect(
                    'type_id',
                     $type_list,
                     ['class'       => 'form-control',
                      'required'    => 'required',
                      'id'          => 'payment_type_id'],
                      ['internal_payment', 'credit', 'deposit', 'payment']) !!}
        </div>
    </div>

    <div id="payment-password-prompt" class="form-group">
        {{-- Prompt for password if retention has been refunded and transaction type is 'payment'--}}
        {!! Form::label('password', 'Password:', ['class' => 'control-label col-sm-2']) !!}
        <div class="col-sm-10">
        {!! Form::password('password', ['class' => 'form-control']) !!}
        </div>
    </div>

    <div id="div-internal-payment">
        {{-- Show payment balance for internal payment --}}
        <div class = "row small-bottom-padding" >
            <div class ="col-sm-2 text-right">Outstanding Balance:</div>
            <div class ="col-sm-10">{!! DisplayHelper::formatCurrency($agreement->payment_balance) !!}</div>
        </div>

        {{-- Select agreement for internal payment --}}
        <div class="form-group">
           {!! Form::label('credit_agreement_id', 'Agreement to credit:', ['class' => 'control-label col-sm-2']) !!}
           <div class="col-sm-10">
           {!! Form::select('credit_agreement_id', $agreement_list, null, ['class' => 'form-control']) !!}
           </div>
        </div>
    </div>


    <div class = "form-group">
        {!! Form::label('amount', 'Amount:', ['class' => 'control-label col-sm-2']) !!}
        <div class="col-sm-10">
        {!! Form::text('amount', null, ['class' => 'form-control', 'type' => 'number', 'required']) !!}
        </div>
    </div>

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

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

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

{!! Form::close() !!}