@extends('main')

@section('title', 'Sales Details')

@section('content')

    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>Sales Details</h4>
                <h6>{{ isset($transaction) ? 'View Sales Details' : 'Sales Details' }}</h6>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <form action="#" method="POST">
                    @csrf

                    <div class="row">
                        <!-- Left Column -->
                        <div class="col-lg-4 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Transaction ID</label>
                                <input type="text" name="id" value="{{ old('id', $transaction->id ?? '') }}"
                                    readonly>
                            </div>

                            <div class="form-group">
                                <label>Document No</label>
                                <input type="text" name="doc_no" value="{{ old('doc_no', $transaction->doc_no ?? '') }}"
                                    readonly>
                            </div>

                            <div class="form-group">
                                <label>Name</label>
                                <input type="text" name="user_id"
                                    value="{{ old('user_id', $transaction->user->name ?? '') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label>Currency Pair</label>
                                <input type="text" name="currency_pair"
                                    value="{{ old('currency_pair', $transaction->currency ?? '') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label>Amount</label>
                                <input type="text" name="amount"
                                    value="{{ old('amount', number_format($transaction->amount, 2, ',', '.')) }}" readonly
                                    style="text-align: right;">
                            </div>
                        </div>

                        <!-- Middle Column -->
                        <div class="col-lg-4 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Transfer To</label>
                                <input type="text" name="transfer_to"
                                    value="{{ old('transfer_to', $transaction->transferAccount->bank_name . ' - ' . $transaction->transferAccount->nama_rekening ?? '') }}"
                                    readonly>
                            </div>

                            <div class="form-group">
                                <label>Transfer Time</label>
                                <input type="text" name="transfer_time"
                                    value="{{ old('transfer_time', $transaction->transfer_time ?? '') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label>Delivery Method</label>
                                <input type="text" name="delivery_method"
                                    value="{{ old('delivery_method', $transaction->delivery_method ?? '') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label>Kurs</label>
                                <input type="text" name="kurs"
                                    value="{{ old('kurs', number_format($transaction->kurs, 2, ',', '.')) }}" readonly
                                    style="text-align: right;">

                            </div>

                            <div class="form-group">
                                <label>Total Received</label>
                                <input type="text" name="total_received"
                                    value="{{ old('total_received', number_format($transaction->total_received, 2, ',', '.')) }}"
                                    readonly style="text-align: right;">
                            </div>
                        </div>

                        <!-- Right Column -->
                        <div class="col-lg-4 col-sm-6 col-12">
                            <div class="form-group">
                                <label>Status</label>
                                <input type="text" name="status"
                                    value="{{ old('status', $transaction->status ?? '') }}" readonly>
                            </div>


                            <div class="form-group">
                                <label>Cancelled By</label>
                                <input type="text" name="cancelled_by"
                                    value="{{ old('cancelled_by', $transaction->cancelledBy->name ?? 'N/A') }}" readonly>
                            </div>

                            <div class="form-group">
                                <label>Cancelled At</label>
                                <input type="text" name="cancelled_at"
                                    value="{{ old('cancelled_at', $transaction->cancelled_at ?? 'N/A') }}" readonly>
                            </div>


                            <div class="form-group">
                                <label>Cancel Reason</label>
                                <textarea name="cancel_reason" rows="3" readonly>{{ old('cancel_reason', $transaction->cancel_reason ?? '') }}</textarea>
                            </div>

                        </div>
                    </div>


                    <div class="row">
                        <!-- Created and Updated At -->
                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Created At</label>
                                <input type="text" name="created_at"
                                    value="{{ old('created_at', $transaction->created_at ?? '') }}" readonly>
                            </div>
                        </div>

                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Updated At</label>
                                <input type="text" name="updated_at"
                                    value="{{ old('updated_at', $transaction->updated_at ?? '') }}" readonly>
                            </div>
                        </div>
                    </div>

                    <!-- Approval Section -->
                    <div class="row">
                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Approved By</label>
                                <input type="text" name="approved_by"
                                    value="{{ old('approved_by', $transaction->approvedBy->name ?? 'N/A') }}" readonly>
                            </div>
                        </div>

                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Approved At</label>
                                <input type="text" name="approved_at"
                                    value="{{ old('approved_at', $transaction->approved_at ?? 'N/A') }}" readonly>
                            </div>
                        </div>
                    </div>

                    <!-- Rejection Section -->
                    <div class="row">
                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Rejected By</label>
                                <input type="text" name="rejected_by"
                                    value="{{ old('rejected_by', $transaction->rejectedBy->name ?? 'N/A') }}" readonly>
                            </div>
                        </div>

                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Rejected At</label>
                                <input type="text" name="rejected_at"
                                    value="{{ old('rejected_at', $transaction->rejected_at ?? 'N/A') }}" readonly>
                            </div>
                        </div>
                    </div>




                    <!-- Back Button -->
                    <div class="col-lg-12">
                        <a href="{{ route('transactions.sales') }}" class="btn btn-cancel">Back</a>
                    </div>

                </form>
            </div>
        </div>
    </div>

@endsection

@push('styles')
    <style>
        input[readonly],
        textarea[readonly] {
            background-color: #f0f0f0;
            border: 1px solid #ddd;
            color: #555;
        }
    </style>
@endpush