@if($materials->count() > 0)
<b class="text-bold text-success">JO MATERIAL(S)</b>
<table class="table table-condensed table-hover table-bordered">
    <thead class="table-header-bg">
        <tr>
            <th width="39%">DESCRIPTION</th>
            <th width="8%">UOM</th>
            <th width="15%" class="text-right">UNIT PRICE</th>
            <th width="5%">QTY</th>
            <th width="15%" class="text-right">TOTAL PRICE</th>
            <th width="12%">P. METHOD</th>
            <th width="4%" class="text-center">STATUS</th>
            <th width="2%" class="text-center"></th>
        </tr>
    </thead>
    <tbody>
        @foreach($materials AS $m)

        <tr>
            <td>{{ $m->material_desc }}</td>
            <td>{{ $m->uom ? $m->uom : '-' }}</td>
            <td class="text-right">{{ number_format($m->price_unit,2,".",",") }}</td>
            <td>{{ $m->quantity }}</td>
            <td class="text-right">{{ number_format($m->price_total,2,".",",") }}</td>
            <td>{{ strtoupper($m->payment_method) }}</td>
            <td class="text-center">
                @if($m->status == 'up')
                <label class="label label-danger">UNPAID</label>
                @elseif($m->status == 'p')
                <label class="label label-success">PAID</label>
                @endif
            </td>
            <th class="text-center">
                @if($m->status == 'up')
                <a href="#" class="cancel-add-material" data-capid="{{ $m->cap_id }}" data-joid="{{ $m->joborder_id }}" data-hid="{{ $m->id }}" data-matdesc="{{ strtoupper($m->material_desc) }} @ {{ number_format($m->price_unit,2,".",",") }}">
                    <i class="fa fa-fw fa-times text-danger"></i>
                </a>
                @elseif($m->status == 'p')
                <i class="fa fa-check text-success"></i>
                @endif
            </th>
        </tr>
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <td colspan="1">TOTAL AMOUNT</td>
            <td colspan="4" class="text-right">{{ number_format($materials->sum('price_total'),2,".",",") }}</td>
            <td colspan="1"></td>
        </tr>
    </tfoot>
</table>
@endif

<b class="text-bold text-success">ADDITIONAL JO MATERIALS</b>
<table class="table table-condensed table-bordered" id="tbl-materials">
    <thead class="table-header-bg">
        <tr>
            <th width="45%">DESCRIPTION</th>
            <th width="15%">UOM</th>
            <th width="15%">UNIT PRICE</th>
            <th width="10%">QTY</th>
            <th width="15%">TOTAL PRICE</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="5" class="form-group" style="padding:2px">
                <input type="text" id="material-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="materials_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="materials_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="materials_amortization" type="text" class="form-control text-right" placeholder="AMORTIZATION" disabled="true">
    </div>
</div>