@if($services->count() > 0)
<b class="text-bold text-success">JO SERVICE(S)</b>
<table class="table table-condensed table-bordered">
    <thead class="table-header-bg">
        <tr>
            <th width="53%">DESCRIPTION</th>
            <th width="20%" class="text-right">AMOUNT</th>
            <th width="12%">P. METHOD</th>
            <th width="10%" class="text-center">STATUS</th>
            <th width="5%" class="text-center"></th>
        </tr>
    </thead>
    <tbody>
        @foreach($services AS $s)
        <tr>
            <td>{{ $s->description }}</td>
            <td class="text-right">{{ number_format($s->amt_basic,2,".",",") }}</td>
            <td>{{ strtoupper($s->payment_method) }}</td>
            <td class="text-right">
                @if($s->status == 'up')
                <label class="label label-danger">UNPAID</label>
                @endif

                @if($s->status == 'p')
                <label class="label label-success">PAID</label>
                @endif
            </td>
            <td class="text-center">
                @if($s->status == 'up')
                <a href="#" class="cancel-add-service" data-capid="{{ $s->cap_id }}" data-joid="{{ $s->joborder_id }}" data-sid="{{ $s->id }}" data-servdesc="{{ strtoupper($s->description) }} @ {{ number_format($s->amt_basic,2,".",",") }}">
                    <i class="fa fa-fw fa-times text-danger"></i>
                </a>
                @elseif($s->status == 'p')
                <i class="fa fa-check text-success"></i>
                @endif
            </td>
        </tr>
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <td colspan="1" class="text-bold">TOTAL AMOUNT</td>
            <td colspan="1" class="text-right">{{ number_format($services->sum('amt_basic'),2,".",",") }}</td>
            <td colspan="1"></td>
        </tr>
    </tfoot>
</table>
@endif

<b class="text-bold text-success">ADDITIONAL JO SERVICES</b>
<table class="table table-condensed table-bordered" id="tbl-services">
    <thead class="table-header-bg">
        <tr>
            <th width="70%">DESCRIPTION</th>
            <th width="30%">AMOUNT</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="5" class="form-group" style="padding:2px">
                <input type="text" id="services-grand-total" class="fees-control form-control text-right" disabled="true">
            </td>
        </tr>
    </tfoot>
</table>

<div class="row">
    <div class="form-group col-xs-6" style="padding-right:6px">
        <select id="services_payment_method" class="form-control select2 select2-hidden-accessible" data-placeholder="PAYMENT METHOD" style="width: 100%;" aria-hidden="true" disabled="true">
            <option></option>
            <option value="full">FULL PAYMENT</option>
            <option value="atb">ADD TO BILL</option>
        </select>
    </div>
    <div class="form-group col-xs-2" style="padding-left:0px; padding-right:0px">
        <input id="services_terms" type="text" class="form-control num wnum-only pnum-only" placeholder="TERMS" disabled="true">
    </div>
    <div class="form-group col-xs-4" style="padding-left:6px">
        <input id="services_amortization" type="text" class="form-control text-right" placeholder="AMORTIZATION" disabled="true">
    </div>
</div>