@extends('layouts/base_view')
@section('title'){!! $variables['header_routes'] !!}@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-5">
                <div class="card card-secondary">
                    <div class="card-header">
                        <h3 class="card-title">Detail Fulfillment #{{ $data->id }}</h3>
                    </div>
                    <div class="card-body">
                        <table class="table table-sm table-borderless">
                            <tr><th width="140">End User</th><td>{{ $data->endUser?->full_name ?? '-' }}<br><small class="text-muted">{{ $data->endUser?->phone }}</small></td></tr>
                            <tr><th>Promosi</th><td>{{ $data->promotion_name ?? '-' }}</td></tr>
                            <tr><th>Metode Reward</th><td>{{ ucwords(str_replace('_', ' ', $data->reward_method ?? '-')) }}</td></tr>
                            <tr><th>Sumber</th><td>{{ $data->source_label }} <small class="text-muted">#{{ $data->source_id }}</small></td></tr>
                            <tr><th>Hadiah</th><td><strong>{{ $data->reward_name }}</strong></td></tr>
                            <tr><th>Nilai</th><td>{{ $data->reward_value ? 'Rp ' . number_format($data->reward_value, 0, ',', '.') : '-' }}</td></tr>
                            <tr><th>Status</th><td>{!! $data->status_badge !!}</td></tr>
                            <tr><th>Metode Kirim</th><td>
                                @if($data->delivery_method === 'digital')
                                    <span class="badge badge-info">Digital</span>
                                @else
                                    {{ ucfirst($data->delivery_method ?? '-') }}
                                @endif
                            </td></tr>
                            
                            @if($data->delivery_method === 'digital')
                                <tr><th>No. HP Penerima</th><td>{{ $data->recipient_phone ?? '-' }}</td></tr>
                                <tr><th>Request ID</th><td><small class="text-monospace">{{ $data->provider_request_id ?? '-' }}</small></td></tr>
                                <tr><th>Transaction ID</th><td><small class="text-monospace">{{ $data->provider_transaction_id ?? '-' }}</small></td></tr>
                                <tr><th>Provider Status</th><td>
                                    @if($data->provider_response_code)
                                        <span class="badge badge-{{ $data->provider_response_code === '00' ? 'success' : ($data->provider_response_code === '68' ? 'warning' : 'danger') }}">
                                            RC: {{ $data->provider_response_code }}
                                        </span>
                                        <br><small class="text-muted">{{ $data->getProviderStatusMessage() }}</small>
                                    @else
                                        <span class="text-muted">Belum dikirim</span>
                                    @endif
                                </td></tr>
                                @if($data->provider_response_message)
                                    <tr><th>Provider Message</th><td><small>{{ $data->provider_response_message }}</small></td></tr>
                                @endif
                                <tr><th>Dikirim ke Provider</th><td>{{ $data->provider_sent_at?->format('d/m/Y H:i:s') ?? '-' }}</td></tr>
                                <tr><th>Selesai di Provider</th><td>{{ $data->provider_completed_at?->format('d/m/Y H:i:s') ?? '-' }}</td></tr>
                            @else
                                <tr><th>No. Resi</th><td>{{ $data->tracking_number ?? '-' }}</td></tr>
                            @endif
                            
                            <tr><th>Catatan</th><td>{{ $data->notes ?? '-' }}</td></tr>
                            <tr><th>Terkirim</th><td>{{ $data->delivered_at?->format('d/m/Y H:i') ?? '-' }}</td></tr>
                            <tr><th>Diupdate oleh</th><td>{{ $data->deliveredBy?->name ?? '-' }}</td></tr>
                            <tr><th>Dibuat</th><td>{{ $data->created_at->format('d/m/Y H:i') }}</td></tr>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="{{ route('reward-fulfillments.index') }}" class="btn btn-outline-secondary btn-sm">← Kembali</a>
                        
                        @if($data->delivery_method === 'digital')
                            @if($data->isPendingAtProvider())
                                <button type="button" class="btn btn-warning btn-sm" id="btn-check-status">
                                    <i class="fas fa-sync"></i> Cek Status Provider
                                </button>
                            @endif
                            
                            @if($data->isFailedAtProvider() || ($data->status === 'failed' && $data->provider_response_code))
                                <button type="button" class="btn btn-danger btn-sm" id="btn-retry">
                                    <i class="fas fa-redo"></i> Kirim Ulang ke Provider
                                </button>
                            @endif
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-7">
                @if($data->delivery_method !== 'digital')
                <div class="card">
                    <div class="card-header"><h3 class="card-title">Update Status</h3></div>
                    <div class="card-body">
                        <form id="update-form">
                            @csrf
                            <div class="form-group">
                                <label>Status <span class="text-danger">*</span></label>
                                <select name="status" class="form-control" required>
                                    <option value="pending"    {{ $data->status === 'pending'    ? 'selected' : '' }}>Pending</option>
                                    <option value="processing" {{ $data->status === 'processing' ? 'selected' : '' }}>Diproses</option>
                                    <option value="delivered"  {{ $data->status === 'delivered'  ? 'selected' : '' }}>Terkirim</option>
                                    <option value="cancelled"  {{ $data->status === 'cancelled'  ? 'selected' : '' }}>Dibatalkan</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Metode Pengiriman</label>
                                <select name="delivery_method" class="form-control">
                                    <option value="">-- Pilih --</option>
                                    <option value="pickup"  {{ $data->delivery_method === 'pickup'  ? 'selected' : '' }}>Pickup</option>
                                    <option value="courier" {{ $data->delivery_method === 'courier' ? 'selected' : '' }}>Kurir</option>
                                    <option value="digital" {{ $data->delivery_method === 'digital' ? 'selected' : '' }}>Digital</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Nomor Resi</label>
                                <input type="text" name="tracking_number" class="form-control" value="{{ $data->tracking_number }}" placeholder="Opsional">
                            </div>
                            <div class="form-group">
                                <label>Catatan</label>
                                <textarea name="notes" class="form-control" rows="3">{{ $data->notes }}</textarea>
                            </div>
                            <button type="submit" class="btn btn-outline-primary"><i class="fa-regular fa-floppy-disk"></i> Simpan</button>
                        </form>
                    </div>
                </div>
                @else
                <div class="card">
                    <div class="card-header bg-info">
                        <h3 class="card-title"><i class="fas fa-info-circle"></i> Informasi Digital Delivery</h3>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-info mb-0">
                            <h5><i class="icon fas fa-mobile-alt"></i> Transaksi Digital</h5>
                            <p class="mb-2">
                                Transaksi ini adalah pengiriman digital (pulsa/paket data) yang diproses otomatis oleh sistem.
                            </p>
                            <ul class="mb-2">
                                <li>Status dikelola otomatis berdasarkan response dari provider</li>
                                <li>Tidak dapat diupdate manual melalui form</li>
                                <li>Gunakan tombol <strong>"Cek Status Provider"</strong> untuk update status pending</li>
                                <li>Gunakan tombol <strong>"Kirim Ulang ke Provider"</strong> untuk retry transaksi gagal</li>
                            </ul>
                            <hr>
                            <p class="mb-0">
                                <strong>Monitoring:</strong> Untuk monitoring lengkap transaksi digital, kunjungi halaman 
                                <a href="{{ route('reward-fulfillments.digital-monitoring') }}" class="alert-link">
                                    <i class="fas fa-external-link-alt"></i> Digital Monitoring
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</section>
<script>
$(function() {
    $('#update-form').on('submit', function(e) {
        e.preventDefault();
        $('#loaderaditdinda').show();
        $.ajax({
            url: '{{ route("reward-fulfillments.update", $data->id) }}',
            method: 'POST',
            data: $(this).serialize() + '&_method=PUT',
            success: function(res) {
                $('#loaderaditdinda').hide();
                if (res[0] === 'success') {
                    Swal.fire({ icon: 'success', text: res[1], timer: 1500, showConfirmButton: false })
                        .then(() => location.reload());
                } else {
                    Swal.fire({ icon: 'warning', text: res[1] });
                }
            },
            error: function() { $('#loaderaditdinda').hide(); Swal.fire({ icon: 'error', text: 'Terjadi kesalahan.' }); }
        });
    });

    // Check provider status
    $('#btn-check-status').on('click', function() {
        Swal.fire({
            title: 'Cek Status Provider',
            text: 'Mengecek status transaksi di provider...',
            icon: 'info',
            showConfirmButton: false,
            allowOutsideClick: false,
        });
        
        $.ajax({
            url: '{{ route("reward-fulfillments.check-provider-status", $data->id) }}',
            method: 'POST',
            data: { _token: '{{ csrf_token() }}' },
            success: function(res) {
                if (res.success) {
                    Swal.fire({ 
                        icon: 'success', 
                        title: 'Status Diperbarui',
                        html: res.message,
                        confirmButtonText: 'OK'
                    }).then(() => location.reload());
                } else {
                    Swal.fire({ icon: 'error', title: 'Gagal', text: res.message });
                }
            },
            error: function() {
                Swal.fire({ icon: 'error', text: 'Terjadi kesalahan saat mengecek status.' });
            }
        });
    });

    // Retry send to provider
    $('#btn-retry').on('click', function() {
        Swal.fire({
            title: 'Kirim Ulang ke Provider?',
            text: 'Transaksi akan dikirim ulang ke provider voucher.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Kirim Ulang',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                Swal.fire({
                    title: 'Mengirim...',
                    text: 'Mengirim ulang transaksi ke provider...',
                    icon: 'info',
                    showConfirmButton: false,
                    allowOutsideClick: false,
                });
                
                $.ajax({
                    url: '{{ route("reward-fulfillments.retry-provider", $data->id) }}',
                    method: 'POST',
                    data: { _token: '{{ csrf_token() }}' },
                    success: function(res) {
                        if (res.success) {
                            Swal.fire({ 
                                icon: 'success', 
                                title: 'Berhasil Dikirim',
                                html: res.message,
                                confirmButtonText: 'OK'
                            }).then(() => location.reload());
                        } else {
                            Swal.fire({ icon: 'error', title: 'Gagal', text: res.message });
                        }
                    },
                    error: function() {
                        Swal.fire({ icon: 'error', text: 'Terjadi kesalahan saat mengirim ulang.' });
                    }
                });
            }
        });
    });
});
</script>
@endsection