@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>

            @php
                $phone = $transaction->user->phone ?? ''; // Ambil nomor dari database

                $phone = preg_replace('/\D/', '', $phone); // Hapus semua karakter non-angka

                if (substr($phone, 0, 1) === '0') {
                    $phone = '62' . substr($phone, 1); // Ganti "0" di awal dengan "62"
                }

                $whatsappLink = strlen($phone) >= 9 && strlen($phone) <= 15 ? "https://wa.me/$phone" : '#';
            @endphp

            <a href="{{ $whatsappLink }}" class="btn btn-success" target="_blank">
                <i class="fab fa-whatsapp"></i> Chat via WhatsApp
            </a>

            {{-- <a href="https://wa.me/{{ $transaction->user->phone ?? '' }}" class="btn btn-success" target="_blank">
                <i class="fab fa-whatsapp"></i> Chat via WhatsApp
            </a> --}}
        </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>Phone</label>
                                <input type="text" name="phone"
                                    value="{{ old('phone', $transaction->user->phone ?? '') }}" 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 IDR </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> Shipping Cost</label>
                                <input type="text" name="total_received"
                                    value="{{ old('shipping_cost', number_format($transaction->shipping_cost, 2, ',', '.')) }}"
                                    readonly style="text-align: right;">
                            </div>

                            <div class="form-group">
                                <label> Delivery Address</label>
                                <textarea name="delivery_address" rows="3" readonly>{{ old('delivery_address', $transaction->delivery_address ?? 'N/A') }}</textarea>
                            </div>

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

                            @if ($transaction->transfer_proof)
                                <div class="form-group text-center mt-3">
                                    <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal"
                                        data-bs-target="#proofModal">
                                        <i class="fas fa-eye"></i> View Proof of Transfer
                                    </button>
                                </div>
                            @endif


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

                        <div class="col-lg-4 col-sm-6 col-12">
                            <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>

                        <div class="col-lg-4 col-sm-12 col-12">
                            <div class="form-group">
                                <label>Cancel Reason</label>
                                <textarea name="cancel_reason" rows="3" readonly>{{ old('cancel_reason', $transaction->cancel_reason ?? 'N/A') }}</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>

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

                        <div class="col-lg-6 col-sm-12">
                            <div class="form-group">
                                <label>Processed At</label>
                                <input type="text" name="processed_at"
                                    value="{{ old('processed_at', $transaction->processed_at ?? 'N/A') }}" 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>

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

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




                    <!-- Back Button -->
                    <!-- Back Button -->
                    <div class="col-lg-12 d-flex justify-content-between">
                        <a href="{{ route('transactions.sales') }}" class="btn btn-secondary">Back</a>

                        @if ($transaction->status == 'completed')
                            <a href="{{ route('invoice.show', $transaction->id) }}" target="_blank"
                                class="btn btn-warning btn-sm">
                                <i class="fas fa-print"></i> Print Invoice
                            </a>
                        @endif


                        {{-- @if (auth()->user()->hasRole('admin'))
                            <div>
                                @if ($transaction->status == 'completed')
                                    <form id="reject-form-{{ $transaction->id }}"
                                        action="{{ route('transactions.updateStatus', $transaction->id) }}"
                                        method="POST" class="d-inline">
                                        @csrf
                                        @method('PATCH')
                                        <input type="hidden" name="status" value="cancel">
                                        <button type="button" class="btn btn-danger btn-sm cancel-btn"
                                            data-transaction-id="{{ $transaction->id }}">
                                            <i class="fas fa-times-circle"></i> Cancel
                                        </button>
                                    </form>
                                @endif

                                @if ($transaction->status == 'pending')
                                    @if ($transaction->delivery_method == 'delivery')
                                        <form id="process-form-{{ $transaction->id }}"
                                            action="{{ route('transactions.updateStatus', $transaction->id) }}"
                                            method="POST" class="d-inline">
                                            @csrf
                                            @method('PATCH')
                                            <input type="hidden" name="status" value="processing">
                                            <button type="button" class="btn btn-success btn-sm process-btn"
                                                data-transaction-id="{{ $transaction->id }}"
                                                data-delivery-address="{{ $transaction->delivery_address }}">
                                                <i class="fas fa-sync-alt"></i> Process
                                            </button>
                                        </form>
                                    @else
                                        <form id="process-form-{{ $transaction->id }}"
                                            action="{{ route('transactions.updateStatus', $transaction->id) }}"
                                            method="POST" class="d-inline">
                                            @csrf
                                            @method('PATCH')
                                            <input type="hidden" name="status" value="processing">
                                            <button type="button" class="btn btn-success btn-sm process-pickup-btn"
                                                data-transaction-id="{{ $transaction->id }}">
                                                <i class="fas fa-sync-alt"></i> Process
                                            </button>
                                        </form>
                                    @endif
                                @endif

                                @if ($transaction->status == 'processing')
                                    <form id="confirm-form-{{ $transaction->id }}"
                                        action="{{ route('transactions.updateStatus', $transaction->id) }}"
                                        method="POST" class="d-inline">
                                        @csrf
                                        @method('PATCH')
                                        <input type="hidden" name="status" value="completed">
                                        <button type="button" class="btn btn-success btn-sm confirm-btn"
                                            data-transaction-id="{{ $transaction->id }}">
                                            <i class="fas fa-check-circle"></i> Confirm
                                        </button>
                                    </form>

                                    <form id="reject-form-{{ $transaction->id }}"
                                        action="{{ route('transactions.updateStatus', $transaction->id) }}"
                                        method="POST" class="d-inline">
                                        @csrf
                                        @method('PATCH')
                                        <input type="hidden" name="status" value="reject">
                                        <button type="button" class="btn btn-danger btn-sm reject-btn"
                                            data-transaction-id="{{ $transaction->id }}">
                                            <i class="fas fa-times-circle"></i> Reject
                                        </button>
                                    </form>
                                @endif
                            </div>
                        @endif --}}
                    </div>




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

    @if ($transaction->transfer_proof)
        <div class="modal fade" id="proofModal" tabindex="-1" aria-labelledby="proofModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="proofModalLabel">Bukti Transfer</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body text-center">
                        <img src="{{ asset($transaction->transfer_proof) }}" alt="Bukti Transfer"
                            class="img-fluid rounded shadow">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <script src="{{ asset('js/sales.js') }}"></script>


@endsection




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