@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 Payment Voucher : edit</h4>
                        <p class="f-m-light mt-1">Page for edit Cash Payment Voucher</p>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <form action="{{ route('cash-payment-voucher.order.update', $cashPaymentVoucher) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <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', $cashPaymentVoucher->no) }}" readonly>
                            @error('no')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>

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

                        @if ($cashPaymentVoucher->reff_type == 'invoice')
                            <div class="col-md-6 mt-3">
                                <label for="reff_no" class="form-label required">
                                    Select PO Supplier Invoice
                                </label>
                                <select name="reff_no" id="reff_no"
                                    class="form-select  @error('reff_no') is-invalid @enderror" required>
                                    <option value="">-- Select --</option>
                                    @foreach ($poSupplierInvoices as $poSupplierInvoice)
                                        <option value="{{ $poSupplierInvoice->no }}"
                                            @if ($poSupplierInvoice->no == $cashPaymentVoucher->reff_no) selected @endif>
                                            {{ $poSupplierInvoice->no }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('reff_no')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        @elseif ($cashPaymentVoucher->reff_type == 'other')
                            <div class="col-md-6 mt-3">
                                <label for="reff_no" class="form-label required">Input Reff</label>
                                <input type="text" name="reff_no" id="reff_no"
                                    class="form-control @error('reff_no') is-invalid @enderror"
                                    value="{{ old('reff_no', $cashPaymentVoucher->reff_no) }}" required>
                                @error('reff_no')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        @endif

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

                    <div class="d-flex justify-content-end mt-3">
                        <button class="btn btn-info" type="submit">
                            Update
                        </button>
                    </div>
                </form>
            </div>
            <div class="card-footer">
                <div class="">
                    <a href="{{ route('cash-payment-voucher.order.index') }}">
                        <button class="btn btn-secondary" type="button">
                            Back
                        </button>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <form action="{{ route('cash-payment-voucher.order.complete', $cashPaymentVoucher) }}" 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="{{ $cashPaymentVoucher->detail->bank }}">
                        @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">
                            <option value="">-- Select --</option>
                            <option value="tunai" @if ($cashPaymentVoucher->detail->metode_bayar === 'tunai') selected @endif>Tunai</option>
                            <option value="cek" @if ($cashPaymentVoucher->detail->metode_bayar === 'cek') selected @endif>Cek</option>
                            <option value="transfer_bank" @if ($cashPaymentVoucher->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="text"
                            class="form-control @error('nilai_bayar') is-invalid @enderror" name="nilai_bayar"
                            value="{{ $cashPaymentVoucher->detail->nilai_bayar }}">
                        @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="{{ $cashPaymentVoucher->detail->tanggal_bayar }}">
                        @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">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="{{ $cashPaymentVoucher->detail->nomor_bukti_bayar }}">
                        @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 these details?');">
                            Save and complete
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="card">
        <div class="card-body">
            <div class="">
                <form action="{{ route('cash-payment-voucher.order.destroy', $cashPaymentVoucher) }}" method="POST">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger"
                        onclick="return confirm('Are you sure you want to delete this item?');">
                        Delete
                    </button>
                </form>
            </div>
        </div>
    </div>
@endsection