@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.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.quantity') }}:</strong> {{ $row->quantity }} {{ $row->unit->symbol ?? '' }}</div>
                @if($row->auctionDetails)
                    <div class="col-md-6"><strong>{{ __('admin.start_price') }}:</strong> {{ number_format((float) $row->auctionDetails->start_price, 2) }} SAR</div>
                    <div class="col-md-6"><strong>{{ __('admin.deposit_amount') }}:</strong> {{ number_format((float) $row->auctionDetails->deposit_amount, 2) }} SAR</div>
                    <div class="col-md-6"><strong>{{ __('admin.starts_at') }}:</strong> {{ optional($row->auctionDetails->starts_at)->format('Y-m-d H:i') }}</div>
                    <div class="col-md-6"><strong>{{ __('admin.ends_at') }}:</strong> {{ optional($row->auctionDetails->ends_at)->format('Y-m-d H:i') }}</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>

            <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.listings.approve')
                    <button class="btn btn-success mr-1 mb-1 action-btn" data-url="{{ route('admin.listings.approve') }}">{{ __('admin.approve') }}</button>
                    @endhaspermission
                    @haspermission('admin.listings.reject')
                    <button class="btn btn-danger mr-1 mb-1 action-btn" data-url="{{ route('admin.listings.reject') }}" data-need-reason="1">{{ __('admin.reject') }}</button>
                    @endhaspermission
                @endif
                @if(in_array($row->status, ['active', 'scheduled'], true))
                    @haspermission('admin.listings.pause')
                    <button class="btn btn-warning mr-1 mb-1 action-btn" data-url="{{ route('admin.listings.pause') }}">{{ __('admin.pause') }}</button>
                    @endhaspermission
                @endif
                <a href="{{ route('admin.listings.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