@extends('layouts.app')

@push('css')
<style>
    .profile-userpic img {
        float: none;
        margin: 0 auto;
        width: 50%;
        height: 50%;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }
</style>
@endpush

@section('content')
<h1 class="page-header">Customers Management</h1>
<div class="row">
    <div class="col-md-3">
        @include('customer.menu')
    </div>
    <div class="col-md-9">
        <div class="card mb-3 border-0">
            @include('customer.tab')
            <form action="{{ route('customer.transaction.altered', [$customer, $payment]) }}" method="POST">
                @method('PUT')
                @csrf
                <div class="card-body p-4">
                    @if($payment->type?->manual())
                        @php
                            $media = $payment->cardHolder->getLastMedia('receipt');
                        @endphp
                        @if($media)
                            <div class="row mb-4">
                                <label for="proof" class="col-form-label fw-semibold text-muted col-md-3">Proof of Payment</label>
                                <div class="col-md-9">
                                    <a href="{{ route('media.download', $media) }}">{{ $media->file_name }}</a> (Uploaded: {{ $media->created_at->format('d M Y H:m:s A') }})
                                    <div class="form-text">
                                        Document deleted after payment successfully updated to paid status
                                    </div>
                                </div>

                            </div>
                        @endif

                    @endif

                    <div class="row mb-4">
                        <label for="status" class="col-form-label fw-semibold text-muted col-md-3">Status</label>
                        <div class="col-md-9">
                            <div class="col-md-4">
                                <select name="status"
                                        @class(['form-select', 'is-invalid' => $errors->has('status')])
                                        id="status"
                                        placeholder="Status">
                                    @foreach(\App\Models\Traits\Enum\PaymentStatus::cases() as $status)
                                        <option value="{{ $status->value }}" @selected(old('status', $payment->status->value) == $status->value)>
                                            {{ $status->label() }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            @error('status')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="received_date" class="col-form-label fw-semibold text-muted col-md-3">Received Time</label>
                        <div class="col-4">
                                <input type="date"
                                       @class(['form-control', 'is-invalid' => $errors->has('received_date')])
                                       id="received_date"
                                       name="received_date"
                                       value="{{ old('received_date', $payment->received_time?->toDateString()) }}">

                            @error('received_time')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="col-4">
                            <label for="received_at" class="col-form-label sr-only">Received Time</label>
                            <input type="time"
                                   @class(['form-control', 'is-invalid' => $errors->has('received_at')])
                                   id="received_at"
                                   name="received_at"
                                   value="{{ old('received_at', $payment->received_time?->format('H:i')) }}">
                        </div>


                    </div>

                    <div class="row mb-4">
                        <label for="type" class="col-form-label fw-semibold text-muted col-md-3">Payment Type</label>
                        <div class="col-md-9">
                            <div class="col-md-4">
                                <input type="text"
                                       readonly
                                       @class(['form-control', 'is-invalid' => $errors->has('type')])
                                       id="type"
                                       name="type"
                                        value="{{ $payment->type->label() }}">
                            </div>

                            @error('type')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="payment_trans_id" class="col-form-label fw-semibold text-muted col-md-3">Payment Transaction ID</label>
                        <div class="col-md-9">
                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('payment_trans_id')])
                                   id="payment_trans_id"
                                   name="payment_trans_id"
                                   value="{{ old('payment_trans_id', $payment->payment_trans_id) }}">

                            @error('payment_trans_id')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="buyer_bank" class="col-form-label fw-semibold text-muted col-md-3">Buyer Bank</label>
                        <div class="col-md-9">
                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('buyer_bank')])
                                   id="buyer_bank"
                                   name="buyer_bank"
                                   value="{{ old('payment_trans_id', $payment->buyer_bank) }}">

                            @error('buyer_bank')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="buyer_name" class="col-form-label fw-semibold text-muted col-md-3">Buyer Name</label>
                        <div class="col-md-9">
                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('buyer_name')])
                                   id="buyer_name"
                                   name="buyer_name"
                                   value="{{ old('buyer_name', $payment->buyer_name) }}">

                            @error('buyer_name')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="receipt_no" class="col-form-label fw-semibold text-muted col-md-3">Receipt No.</label>
                        <div class="col-md-9">
                            @php
                                // Only a blank field on a payment being set to Paid gets a
                                // generated number, so the hint — and the aria-describedby
                                // pointing at it — is for that case.
                                $receiptHelpId = $payment->receipt_no ? null : 'receipt_no_help';
                            @endphp

                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('receipt_no')])
                                   id="receipt_no"
                                   name="receipt_no"
                                   placeholder="Keep blank for auto generated receipt no"
                                   @if($receiptHelpId) aria-describedby="{{ $receiptHelpId }}" @endif
                                   value="{{ old('receipt_no', $payment->receipt_no) }}">

                            @error('receipt_no')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror

                            @if($receiptHelpId)
                                <div class="form-text" id="{{ $receiptHelpId }}">
                                    Keep blank for an auto generated receipt no
                                    (<code>{{ $payment->getReceiptNo() }}</code>), issued once the
                                    status is set to Paid. Enter one to use your own instead.
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="merchant_order_no" class="col-form-label fw-semibold text-muted col-md-3">Merchant Order No.</label>
                        <div class="col-md-9">
                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('merchant_order_no')])
                                   id="merchant_order_no"
                                   name="merchant_order_no"
                                   value="{{ old('merchant_order_no', $payment->merchant_order_no) }}">

                            @error('merchant_order_no')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="status_message" class="col-form-label fw-semibold text-muted col-md-3">Status Message</label>
                        <div class="col-md-9">
                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('status_message')])
                                   id="status_message"
                                   name="status_message"
                                   value="{{ old('status_message', $payment->status_message) }}">

                            @error('status_message')
                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <h5>Invoice</h5>
                    <hr class="mb-5">

                    <div class="row mb-4">
                        <label for="invoice_no" class="col-form-label fw-semibold text-muted col-md-3">Invoice No.</label>
                        <div class="col-md-9">
                            <input type="text"
                                   @class(['form-control', 'is-invalid' => $errors->has('invoice_no')])
                                   id="invoice_no"
                                   name="invoice_no"
                                   value="{{ old('invoice_no', $payment->invoice_no) }}">

                            @error('invoice_no')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="invoiced_date" class="col-form-label fw-semibold text-muted col-md-3">Invoice At</label>
                        <div class="col-4">
                            <input type="date"
                                   @class(['form-control', 'is-invalid' => $errors->has('invoiced_at')])
                                   id="invoiced_date"
                                   name="invoiced_date"
                                   value="{{ old('invoiced_date', $payment->invoiced_at?->toDateString()) }}">

                            @error('invoiced_at')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="col-4">
                            <label for="invoiced_time" class="col-form-label sr-only">Invoice Time</label>
                            <input type="time"
                                   @class(['form-control', 'is-invalid' => $errors->has('invoiced_at')])
                                   id="invoiced_time"
                                   name="invoiced_time"
                                   value="{{ old('invoiced_time', $payment->invoiced_at?->format('H:i')) }}">
                        </div>


                    </div>

                    <div class="row mb-4">
                        <label for="payment_for" class="col-form-label fw-semibold text-muted col-md-3">Payment For</label>
                        <div class="col-md-9">
                            <div class="col-md-6">
                                <input type="text"
                                       @class(['form-control', 'is-invalid' => $errors->has('payment_for')])
                                       id="payment_for"
                                       name="payment_for"
                                       value="{{ old('payment_for', $payment->payment_for) }}">
                            </div>

                            @error('payment_for')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="site_id" class="col-form-label fw-semibold text-muted col-md-3">Site ID</label>
                        <div class="col-md-9">
                            <div class="col-md-6">
                                <input type="text"
                                       @class(['form-control', 'is-invalid' => $errors->has('site_id')])
                                       id="site_id"
                                       name="site_id"
                                       value="{{ old('site_id', $payment->site_id) }}">
                            </div>

                            @error('site_id')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="card_no" class="col-form-label fw-semibold text-muted col-md-3">Card No.</label>
                        <div class="col-md-9">
                            <div class="col-md-6">
                                <input type="text"
                                       @class(['form-control', 'is-invalid' => $errors->has('card_no')])
                                       id="card_no"
                                       name="card_no"
                                       value="{{ old('card_no', $payment->card_no) }}">
                            </div>

                            @error('card_no')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div class="row mb-4">
                        <label for="amount" class="col-form-label fw-semibold text-muted col-md-3">Amount</label>
                        <div class="col-md-9">
                            <div class="col-md-6">
                                <div class="input-group">
                                    <span class="input-group-text" id="payment-amount">RM</span>
                                    <input type="text"
                                           @class(['form-control', 'is-invalid' => $errors->has('amount')])
                                           id="amount"
                                           name="amount"
                                           aria-describedby="payment-amount"
                                           value="{{ old('amount', $payment->amount) }}">
                                </div>
                            </div>

                            @error('amount')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="card-footer text-end">


                    <button type="submit" class="btn btn-primary">Confirm Changes</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection