@extends('layouts.base_view')

@section('content')
<section class="content">
    <div class="container-fluid">

        {{-- Stats Row --}}
        <div class="row mb-3">
            <div class="col-md-4">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{ $stats['total_participants'] }}</h3>
                        <p>Total Peserta</p>
                    </div>
                    <div class="icon"><i class="fas fa-users"></i></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>{{ $stats['total_winners'] }}</h3>
                        <p>Pemenang Terpilih</p>
                    </div>
                    <div class="icon"><i class="fas fa-trophy"></i></div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>{{ $stats['remaining'] }}</h3>
                        <p>Belum Diundi</p>
                    </div>
                    <div class="icon"><i class="fas fa-ticket-alt"></i></div>
                </div>
            </div>
        </div>

        {{-- Draw Action — hanya tampil jika undian belum selesai --}}
        @if(empty($promotion->configuration['draw_completed']))
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-dice mr-1"></i> Lakukan Pengundian</h3>
            </div>
            <div class="card-body">
                <div class="row align-items-end">
                    <div class="col-md-4">
                        <label>Pilih Hadiah</label>
                        <select id="prize_name" class="form-control">                            <option value="">-- Pilih Hadiah --</option>
                            @foreach($prizes as $prize)
                                @php $sisa = $prize->remaining_stock; @endphp
                                <option value="{{ $prize->name }}"
                                    data-remaining="{{ $sisa ?? 9999 }}"
                                    {{ $sisa !== null && $sisa <= 0 ? 'disabled' : '' }}>
                                    {{ $prize->name }} — {{ $sisa !== null ? $sisa . ' sisa / ' . $prize->allocated_stock . ' total' : '∞' }} (Rp {{ number_format($prize->value, 0, ',', '.') }})
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label>Jumlah Pemenang <small id="winner_count_hint" class="text-muted"></small></label>
                        <input type="number" id="winner_count" class="form-control" value="1" min="1" max="1">
                    </div>
                    <div class="col-md-3">
                        <label>&nbsp;</label>
                        <div>
                            <button class="btn btn-danger btn-lg btn-block" id="btnDraw" {{ $stats['remaining'] == 0 ? 'disabled' : '' }}>
                                <i class="fas fa-random mr-1"></i> Undi Sekarang
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        {{-- Winners List --}}
        @if($winners->isNotEmpty())
        <div class="card card-success">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-trophy mr-1"></i> Daftar Pemenang</h3>
            </div>
            <div class="card-body p-0">
                <table class="table table-bordered mb-0">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Nomor Undian</th>
                            <th>Nama</th>
                            <th>No. HP</th>
                            <th>Device</th>
                            <th>Hadiah</th>
                            <th>Waktu Diundi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($winners as $i => $w)
                        <tr>
                            <td>{{ $i + 1 }}</td>
                            <td><strong>{{ $w->lottery_number }}</strong></td>
                            <td>{{ $w->endUser ? $w->endUser->full_name : '-' }}</td>
                            <td>{{ $w->endUser ? $w->endUser->phone : '-' }}</td>
                            <td>{{ $w->deviceModel ? $w->deviceModel->full_name : '-' }}</td>
                            <td>
                                @if(!empty($w->reward_data['prize_name']))
                                    <span class="badge badge-warning">{{ $w->reward_data['prize_name'] }}</span>
                                @else
                                    -
                                @endif
                            </td>
                            <td>{{ isset($w->reward_data['winner_announced_at']) ? \Carbon\Carbon::parse($w->reward_data['winner_announced_at'])->format('d/m/Y H:i') : '-' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        {{-- Participants DataTable --}}
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Semua Peserta Undian</h3>
            </div>
            <div class="card-body">
                <table id="participantsTable" class="table table-bordered table-hover w-100">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Nomor Undian</th>
                            <th>Nama</th>
                            <th>No. HP</th>
                            <th>Device</th>
                            <th>Tgl Klaim</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>

        <a href="{{ route('lottery.index') }}" class="btn btn-secondary" data="back">
            <i class="fas fa-arrow-left mr-1"></i> Kembali
        </a>
    </div>
</section>
@endsection

@push('scripts')
<script>
$(function () {
    $('#participantsTable').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: '{{ route("lottery.participants", $promotion->id) }}',
            type: 'GET',
            error: function (xhr) {
                console.error('DataTables AJAX error', xhr.status, xhr.responseText);
            }
        },
        columns: [
            { data: 0, title: '#' },
            { data: 1, title: 'Nomor Undian' },
            { data: 2, title: 'Nama' },
            { data: 3, title: 'No. HP' },
            { data: 4, title: 'Device' },
            { data: 5, title: 'Tgl Klaim' },
            { data: 6, title: 'Status' },
        ],
        order: [[1, 'asc']],
        pageLength: 25,
    });

    // Update max winner_count saat hadiah dipilih
    $('#prize_name').on('change', function() {
        var selected = $(this).find('option:selected');
        var remaining = parseInt(selected.data('remaining')) || 0;
        var prizeName = $(this).val();

        if (!prizeName) {
            $('#winner_count').attr('max', 1).val(1);
            $('#winner_count_hint').text('Pilih hadiah terlebih dahulu');
            return;
        }

        $('#winner_count').attr('max', remaining).val(Math.min(parseInt($('#winner_count').val()) || 1, remaining));
        $('#winner_count_hint').text('(maks. ' + remaining + ')');
    });

    $('#btnDraw').on('click', function () {
        var count = parseInt($('#winner_count').val());
        var prize = $('#prize_name').val();
        var maxAllowed = parseInt($('#winner_count').attr('max')) || 0;

        if (!prize) {
            Swal.fire('Error', 'Pilih hadiah terlebih dahulu.', 'error');
            return;
        }
        if (!count || count < 1) {
            Swal.fire('Error', 'Masukkan jumlah pemenang yang valid.', 'error');
            return;
        }
        if (count > maxAllowed) {
            Swal.fire('Error', 'Jumlah pemenang (' + count + ') melebihi sisa stok hadiah (' + maxAllowed + ').', 'error');
            return;
        }

        Swal.fire({
            title: 'Konfirmasi Pengundian',
            text: 'Anda akan mengundi ' + count + ' pemenang untuk hadiah "' + prize + '". Proses ini tidak dapat dibatalkan.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Undi!',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#dc3545',
        }).then(function (result) {
            if (!result.isConfirmed) return;

            $('#loaderaditdinda').show();
            $.ajax({
                url: '{{ route("lottery.draw", $promotion->id) }}',
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    winner_count: count,
                    prize_name: prize,
                },
                success: function (res) {
                    $('#loaderaditdinda').hide();
                    if (res.success) {
                        var winnerHtml = res.winners.map(function (w, i) {
                            return '<tr><td>' + (i+1) + '</td><td><strong>' + w.lottery_number + '</strong></td><td>' + w.name + '</td><td>' + w.phone + '</td><td>' + w.prize + '</td></tr>';
                        }).join('');

                        Swal.fire({
                            title: 'Pemenang Terpilih!',
                            html: '<table class="table table-sm table-bordered mt-2"><thead><tr><th>#</th><th>No. Undian</th><th>Nama</th><th>HP</th><th>Hadiah</th></tr></thead><tbody>' + winnerHtml + '</tbody></table>',
                            icon: 'success',
                            width: 650,
                        }).then(function () {
                            location.reload();
                        });
                    } else {
                        Swal.fire('Gagal', res.message, 'error');
                    }
                },
                error: function () {
                    $('#loaderaditdinda').hide();
                    Swal.fire('Error', 'Terjadi kesalahan. Silakan coba lagi.', 'error');
                }
            });
        });
    });
});
</script>
@endpush