@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.offers.show') }} #{{ $row->id }}</h4></div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><strong>{{ __('admin.title') }}:</strong> {{ $row->title }}</div>
                <div class="col-md-6"><strong>{{ __('admin.name') }}:</strong> {{ $row->provider->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.status') }}:</strong> {{ __('apis.listing_statuses.' . $row->status) }}</div>
                <div class="col-md-6"><strong>{{ __('admin.city') }}:</strong> {{ $row->city->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.category') }}:</strong> {{ $row->category->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.sub_category') }}:</strong> {{ $row->subcategory->name ?? '-' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.quantity') }}:</strong> {{ $row->quantity }} {{ $row->unit->symbol ?? '' }}</div>
                <div class="col-md-6"><strong>{{ __('admin.condition_label') }}:</strong> {{ $row->condition->name ?? '-' }}</div>
                @if($row->offerDetails)
                    <div class="col-md-6"><strong>{{ __('admin.asking_price') }}:</strong> {{ number_format((float) $row->offerDetails->asking_price_per_unit, 2) }} SAR</div>
                    <div class="col-md-6"><strong>{{ __('admin.total_price') }}:</strong> {{ number_format((float) ($row->offerDetails->total_price ?? 0), 2) }} SAR</div>
                    <div class="col-md-6"><strong>{{ __('admin.offers_count') }}:</strong> {{ (int) $row->offerDetails->offers_count }}</div>
                @endif
                <div class="col-12 mt-1"><strong>{{ __('admin.description') }}:</strong><p>{{ $row->description }}</p></div>
                @if($row->rejection_reason)
                    <div class="col-12"><strong>{{ __('admin.rejection_reason') }}:</strong> {{ $row->rejection_reason }}</div>
                @endif
            </div>

            @if($row->images->isNotEmpty())
                <div class="row mt-2">
                    @foreach($row->images as $image)
                        <div class="col-md-3 mb-1">
                            <img src="{{ $image->url }}" alt="" class="img-fluid rounded" style="max-height:140px;object-fit:cover;width:100%;">
                        </div>
                    @endforeach
                </div>
            @endif

            <div class="mt-2">
                <h5>{{ __('admin.offer_orders') }}</h5>
                @if($orders->isEmpty())
                    <p class="text-muted mb-0">{{ __('admin.no_offer_orders_yet') }}</p>
                @else
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>{{ __('admin.order_number') }}</th>
                                <th>{{ __('admin.status') }}</th>
                                <th>{{ __('admin.created_at') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($orders as $order)
                                <tr>
                                    <td>{{ $order->order_number }}</td>
                                    <td>{{ $order->status }}</td>
                                    <td>{{ optional($order->created_at)->format('Y-m-d H:i') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>

            <div class="form-group mt-2">
                <label>{{ __('admin.rejection_reason') }}</label>
                <textarea id="rejection_reason" class="form-control" rows="2">{{ $row->rejection_reason }}</textarea>
            </div>

            <div class="d-flex justify-content-center mt-2 flex-wrap">
                @if($row->status === 'pending_review')
                    @haspermission('admin.offers.approve')
                    <button class="btn btn-success mr-1 mb-1 action-btn" data-url="{{ route('admin.offers.approve') }}">{{ __('admin.approve') }}</button>
                    @endhaspermission
                    @haspermission('admin.offers.reject')
                    <button class="btn btn-danger mr-1 mb-1 action-btn" data-url="{{ route('admin.offers.reject') }}" data-need-reason="1">{{ __('admin.reject') }}</button>
                    @endhaspermission
                @endif
                @if($row->status === 'active')
                    @haspermission('admin.offers.pause')
                    <button class="btn btn-warning mr-1 mb-1 action-btn" data-url="{{ route('admin.offers.pause') }}">{{ __('admin.pause') }}</button>
                    @endhaspermission
                @endif
                <a href="{{ route('admin.offers.index') }}" class="btn btn-outline-secondary mr-1 mb-1">{{ __('admin.back') }}</a>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
<script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
<script>
    $(document).on('click', '.action-btn', function () {
        var needReason = $(this).data('need-reason');
        var reason = $('#rejection_reason').val();
        if (needReason && !reason) {
            Swal.fire({ type: 'error', title: '{{ __('admin.rejection_reason_required') }}' });
            return;
        }
        $.ajax({
            url: $(this).data('url'),
            method: 'post',
            data: {
                id: {{ $row->id }},
                rejection_reason: reason,
                _token: '{{ csrf_token() }}'
            },
            success: function (res) {
                Swal.fire({ position: 'top-start', type: 'success', title: res.message, showConfirmButton: false, timer: 1500 });
                setTimeout(function () { location.reload(); }, 1200);
            },
            error: function (xhr) {
                Swal.fire({ type: 'error', title: xhr.responseJSON?.message || '{{ __('admin.something_went_wrong') }}' });
            }
        });
    });
</script>
@endsection