@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="">
                        <h4>Cash Receipt Voucher Payment : edit</h4>
                        <p class="f-m-light mt-1">Page for edit Cash Receipt Voucher Payment </p>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <label for="no" class="form-label">No</label>
                        <input type="no" name="no" id="no"
                            class="form-control @error('no') is-invalid @enderror"
                            value="{{ old('no', $cashReceiptVoucher->no) }}" disabled>
                        @error('no')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="col-md-6">
                        <label for="date" class="form-label">Date</label>
                        <input type="date" name="date" id="date"
                            class="form-control @error('date') is-invalid @enderror"
                            value="{{ old('date', $cashReceiptVoucher->date) }}" disabled>
                        @error('date')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="reff_no" class="form-label">
                            Reff No
                        </label>
                        <input type="reff_no" name="reff_no" id="reff_no"
                            class="form-control @error('reff_no') is-invalid @enderror"
                            value="{{ old('reff_no', $cashReceiptVoucher->reff_no) }}" disabled>
                        @error('reff_no')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mt-3">
                        <label for="amount" class="form-label">Amount</label>
                        <input type="text" name="amount" id="amount"
                            class="form-control @error('amount') is-invalid @enderror"
                            value="{{ old('amount', $cashReceiptVoucher->amount) }}" disabled>
                        @error('amount')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-12 mt-3">
                        <label for="remarks" class="form-label">Remarks</label>
                        <input type="text" name="remarks" id="remarks"
                            class="form-control @error('remarks') is-invalid @enderror"
                            value="{{ old('remarks', $cashReceiptVoucher->remarks) }}" disabled>
                        @error('remarks')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="d-flex justify-content-start">
                    <a href="{{ route('cash-receipt-voucher.payment.index') }}">
                        <button class="btn btn-secondary">
                            Back
                        </button>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <form action="{{ route('cash-receipt-voucher.payment.update', $cashReceiptVoucher) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="">
                        <h4>Details</h4>
                        <p class="f-m-light mt-1">Insert your payment details here</p>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <label for="bank" class="form-label">Bank</label>
                        <input id="bank" type="text" class="form-control @error('bank') is-invalid @enderror"
                            name="bank" value="{{ $cashReceiptVoucher->detail->bank }}" disabled>
                        @error('bank')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label for="metode_bayar" class="form-label">Metode Bayar</label>
                        <select name="metode_bayar" id="metode_bayar"
                            class="form-select  @error('metode_bayar') is-invalid @enderror" disabled>
                            <option value="">-- Select --</option>
                            <option value="tunai" @if ($cashReceiptVoucher->detail->metode_bayar === 'tunai') selected @endif>Tunai</option>
                            <option value="cek" @if ($cashReceiptVoucher->detail->metode_bayar === 'cek') selected @endif>Cek</option>
                            <option value="transfer_bank" @if ($cashReceiptVoucher->detail->metode_bayar === 'transfer_bank') selected @endif>Transfer Bank
                            </option>
                        </select>
                        @error('metode_bayar')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6 mt-3">
                        <label for="nilai_bayar" class="form-label">Nilai Bayar</label>
                        <input id="nilai_bayar" type="number"
                            class="form-control @error('nilai_bayar') is-invalid @enderror" name="nilai_bayar"
                            value="{{ $cashReceiptVoucher->detail->nilai_bayar }}" disabled>
                        @error('nilai_bayar')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="col-md-6 mt-3">
                        <label for="tanggal_bayar" class="form-label">Tanggal Bayar</label>
                        <input id="tanggal_bayar" type="date"
                            class="form-control @error('tanggal_bayar') is-invalid @enderror" name="tanggal_bayar"
                            value="{{ $cashReceiptVoucher->detail->tanggal_bayar }}" disabled>
                        @error('tanggal_bayar')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="col-md-6 mt-3">
                        <label for="nomor_bukti_bayar" class="form-label required">Nomor Bukti Bayar</label>
                        <input id="nomor_bukti_bayar" type="text"
                            class="form-control @error('nomor_bukti_bayar') is-invalid @enderror"
                            name="nomor_bukti_bayar" value="{{ $cashReceiptVoucher->detail->nomor_bukti_bayar }}"
                            required>
                        @error('nomor_bukti_bayar')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="d-flex justify-content-end">
                    <div class="">
                        <button type="submit" class="btn btn-success"
                            onclick="return confirm('Are you sure you want to save and approve this payment?');">
                            Save and complete
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection