@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@endsection

@section('content')
<section>
    <div class="card">
        <div class="card-header"><h4 class="card-title">{{ __('admin.orders.show') }} {{ $row->order_number }}</h4></div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><strong>{{ __('admin.order_number') }}:</strong> {{ $row->order_number }}</div>
                <div class="col-md-6"><strong>{{ __('admin.status') }}:</strong> {{ __('apis.order_statuses.' . $row->status) }}</div>
                <div class="col-md-6"><strong>{{ __('admin.order_source') }}:</strong>
                    {{ $row->source === 'direct_offer' ? __('apis.listing_types.direct_offer') : __('apis.listing_types.auction') }}
                </div>
                <div class="col-md-6"><strong>{{ __('admin.buyer_name') }}:</strong> {{ $row->buyer->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.seller_name') }}:</strong> {{ $row->seller->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.title') }}:</strong> {{ $row->listing->title ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.quantity') }}:</strong> {{ $row->quantity }}</div>
                <div class="col-md-6"><strong>{{ __('admin.agreed_price') }}:</strong> {{ number_format((float) $row->agreed_price, 2) }} SAR</div>
                <div class="col-md-6"><strong>{{ __('admin.commission') }}:</strong> {{ number_format((float) $row->commission_amount, 2) }} SAR</div>
                <div class="col-md-6"><strong>{{ __('admin.total_paid') }}:</strong> {{ number_format((float) $row->total_paid, 2) }} SAR</div>
                <div class="col-md-6"><strong>{{ __('admin.inspection_at') }}:</strong> {{ optional($row->inspection_at)->format('Y-m-d H:i') ?: '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.inspection_location') }}:</strong> {{ $row->inspection_location ?: '-' }}</div>
                @if($row->cancelled_reason)
                    <div class="col-12"><strong>{{ __('admin.cancelled_reason') }}:</strong> {{ $row->cancelled_reason }}</div>
                @endif
                @if($row->invoice)
                    <div class="col-md-6"><strong>{{ __('admin.invoice_number') }}:</strong> {{ $row->invoice->invoice_number }}</div>
                @endif
            </div>

            <div class="mt-2">
                <h5>{{ __('admin.order_audit_log') }}</h5>
                @if($row->statusHistory->isEmpty())
                    <p class="text-muted mb-0">{{ __('admin.no_order_history') }}</p>
                @else
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>{{ __('admin.from_status') }}</th>
                                <th>{{ __('admin.to_status') }}</th>
                                <th>{{ __('admin.note') }}</th>
                                <th>{{ __('admin.created_at') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($row->statusHistory->sortBy('id') as $history)
                                <tr>
                                    <td>{{ $history->from_status ? __('apis.order_statuses.' . $history->from_status) : '-' }}</td>
                                    <td>{{ __('apis.order_statuses.' . $history->to_status) }}</td>
                                    <td>{{ $history->note ?: '-' }}</td>
                                    <td>{{ optional($history->created_at)->format('Y-m-d H:i') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>

            @if(!in_array($row->status, ['completed', 'cancelled'], true))
                <div class="form-group mt-2">
                    <label>{{ __('admin.cancelled_reason') }}</label>
                    <textarea id="cancelled_reason" class="form-control" rows="2"></textarea>
                </div>
                <div class="d-flex justify-content-center mt-2">
                    @haspermission('admin.orders.cancel')
                    <button class="btn btn-danger cancel-order-btn" data-url="{{ route('admin.orders.cancel') }}">
                        {{ __('admin.cancel_order') }}
                    </button>
                    @endhaspermission
                </div>
            @endif
        </div>
    </div>
</section>
@endsection

@section('js')
    <script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script>
        $(document).on('click', '.cancel-order-btn', function () {
            const url = $(this).data('url');
            const reason = $('#cancelled_reason').val();
            if (!reason) {
                Swal.fire({ icon: 'warning', text: '{{ __('admin.cancelled_reason_required') }}' });
                return;
            }
            Swal.fire({
                title: '{{ __('admin.are_you_sure') }}',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: '{{ __('admin.yes') }}',
                cancelButtonText: '{{ __('admin.cancel') }}',
            }).then((result) => {
                if (!result.isConfirmed) return;
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        id: {{ $row->id }},
                        cancelled_reason: reason,
                    },
                    success: function (res) {
                        Swal.fire({ icon: 'success', text: res.message }).then(() => location.reload());
                    },
                    error: function (xhr) {
                        const msg = xhr.responseJSON?.message || '{{ __('admin.order_cancel_failed') }}';
                        Swal.fire({ icon: 'error', text: msg });
                    }
                });
            });
        });
    </script>
@endsection