@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>{{ $data->delivery_method ?? '-' }}</td></tr>
                            <tr><th>No. Resi</th><td>{{ $data->tracking_number ?? '-' }}</td></tr>
                            <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>
                    </div>
                </div>
            </div>

            <div class="col-md-7">
                <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>
            </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.' }); }
        });
    });
});
</script>
@endsection