{{-- SO Summary --}}
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="table-responsive">
            <table class="table table-bordered sf-table-list">
                <thead>
                    <tr>
                        <th class="text-center">SO No</th>
                        <th class="text-center">SO Date</th>
                        <th class="text-center">SO Amount</th>
                        <th class="text-center">Advance Received</th>
                        <th class="text-center">Remaining</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="text-center">{{ strtoupper($saleOrder->so_no) }}</td>
                        <td class="text-center">{{ CommonHelper::changeDateFormat($saleOrder->so_date) }}</td>
                        <td class="text-right">{{ number_format($totalAmount, 2) }}</td>
                        <td class="text-right">{{ number_format($receivedAmount, 2) }}</td>
                        <td class="text-right"><strong>{{ number_format($remainingAmount, 2) }}</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- Previous Payments --}}
@if(count($previousPayments) > 0)
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="table-responsive">
            <table class="table table-bordered sf-table-list">
                <thead>
                    <tr>
                        <th colspan="4" class="text-center">Previous Advance Receivings</th>
                    </tr>
                    <tr>
                        <th class="text-center">S.No</th>
                        <th class="text-center">RV No</th>
                        <th class="text-center">Date</th>
                        <th class="text-center">Amount</th>
                    </tr>
                </thead>
                <tbody>
                                        @foreach($previousPayments as $p)
                    <tr>
                        <td class="text-center">{{ $counter++ }}</td>
                        <td class="text-center">{{ strtoupper($p->rv_no) }}</td>
                        <td class="text-center">{{ CommonHelper::changeDateFormat($p->rv_date) }}</td>
                        <td class="text-right">{{ number_format($p->advance_amount, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

<input type="hidden" id="remaining_amount" value="{{ $remainingAmount }}">

{{-- Payment Fields --}}
<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label class="sf-label">Slip No.</label>
        <input type="text" class="form-control" name="slip_no" id="slip_no" value="{{ $slipNo }}">
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label class="sf-label">RV Date <span class="rflabelsteric"><strong>*</strong></span></label>
        <input type="date" class="form-control requiredField" name="pv_date" id="pv_date" value="{{ $rvDate }}">
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label class="sf-label">Payment Type <span class="rflabelsteric"><strong>*</strong></span></label>
        <select name="payment_type" id="payment_type" class="form-control requiredField" onchange="toggleBankFields()">
            <option value="1" {{ $paymentType == 1 ? 'selected' : '' }}>Bank</option>
            <option value="2" {{ $paymentType == 2 ? 'selected' : '' }}>Cash</option>
        </select>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label class="sf-label">Advance Amount <span class="rflabelsteric"><strong>*</strong></span></label>
        <input type="text" class="form-control requiredField number_format" name="advance_amount" id="advance_amount" value="{{ $advanceValue }}">
    </div>
</div>

<div class="lineHeight">&nbsp;</div>
<div class="row bank-fields">
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label class="sf-label">Cheque No.</label>
        <input type="text" class="form-control requiredField" name="cheque_no" id="cheque_no" value="{{ $chequeNo }}">
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
        <label class="sf-label">Cheque Date</label>
        <input type="date" class="form-control requiredField" name="cheque_date" id="cheque_date" value="{{ $chequeDate }}">
    </div>
</div>

<div class="lineHeight">&nbsp;</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <label class="sf-label">Description <span class="rflabelsteric"><strong>*</strong></span></label>
        <textarea name="description" id="description" rows="3" style="resize:none;" class="form-control requiredField">{{ $descriptionVal }}</textarea>
    </div>
</div>

<script>
function toggleBankFields() {
    if ($('#payment_type').val() == 1) {
        $('.bank-fields').show();
        $('#cheque_no, #cheque_date').addClass('requiredField').removeAttr('disabled');
    } else {
        $('.bank-fields').hide();
        $('#cheque_no, #cheque_date').removeClass('requiredField').val('').removeAttr('disabled');
    }
}
toggleBankFields();
</script>