{!! Form::open(array('class' => 'stdform','id'=>'payment_voucher_form','route'=>'payment-vouchers.store')) !!}
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">CREATE VENDOR PAYMENTS VOUCHER</h3>
</div>
<div class="modal-body">
    <input type="hidden" name="type" value="VENDOR">

    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Payment Date</label>

            <div class="field span8">
                <input type="text" name="date" class="span12 make_payment_date" required/>
            </div>
        </div>
        <div class="span6">
            <label class="span4">Paid From</label>

            <div class="field span8">
                <select name="dr_account_id" data-placeholder="Credited Account" required
                        id="vendor_credited_account">
                    @foreach($credit_account_groups as $credit_account_group)
                        <optgroup label="{{$credit_account_group->name}}">
                            @foreach($credit_account_group->accounts as $account)
                                <option class="account-select"
                                        value="{{$account->id}}"> {{$account->name}} </option>
                            @endforeach
                        </optgroup>
                    @endforeach
                </select>
            </div>
        </div>
    </div>

    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Reference Number</label>

            <div class="field span8">
                <input type="text" name="reference_number" class="span12"/>
            </div>
        </div>
        <div class="span6">
            <label class="span4">Paid to </label>

        <span class="field span8">
                    <select data-placeholder="Credited Account" required
                            id="vendor_debited_account">
                        <option class="account-select" value="NONE"> Select Vendor Account</option>
                        @foreach($vendor_debit_account_groups as $vendor_debit_account_group)
                            <optgroup label="{{$vendor_debit_account_group->name}}">
                                @foreach($vendor_debit_account_group->accounts as $account)
                                    <option class="account-select"
                                            value="{{$account->id}}"> {{$account->name}} </option>
                                @endforeach
                            </optgroup>
                        @endforeach
                    </select>
        </span>
        </div>
    </div>

    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Exchange Rate</label>

            <div class="field span8">
                <input type="text" name="exchange_rate" class="span12" required/>
            </div>
        </div>

        <div class="span6">
            <label class="span4">Paid By </label>

        <span class="field span8">
            <select name="paid_by" id="vendor_paid_by" required>
                @foreach($employees as $employee)
                    <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                @endforeach
            </select>
        </span>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-condensed">
                <thead>
                <tr>
                    <th>Invoice</th>
                    <th>Currency</th>
                    <th>Payable</th>
                    <th>Amount</th>
                    {{--<th>Balance</th>--}}
                    <th></th>
                </tr>
                </thead>
                <tbody id="added_vendor_grn">

                </tbody>
            </table>
        </div>
    </div>
    <div class="row-fluid" style="margin-top: 2px">
        <div class="span12">
            <label class="span2">Narration</label>

        <span class="field span10">
           <textarea cols="80" rows="1" class="span12" name="remarks"></textarea>
        </span>
        </div>
    </div>

</div>
<div class="modal-footer">
    <button class="btn btn-success" type="submit">SUBMIT PAYMENT(S)</button>
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    {{--<button class="btn" type="button" id="add_vendor_grn"><i class="icon-plus-sign"></i> Add GRN</button>--}}
</div>
{!! Form::close() !!}