@extends('layouts.base_view')

@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Daftar Undian Promosi</h3>
            </div>
            <div class="card-body">
                @if($promotions->isEmpty())
                    <p class="text-muted">Belum ada promosi dengan metode Undian.</p>
                @else
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Nama Promosi</th>
                                    <th>Periode</th>
                                    <th>Status</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($promotions as $i => $promo)
                                <tr>
                                    <td>{{ $i + 1 }}</td>
                                    <td>{{ $promo->name }}</td>
                                    <td>{{ \Carbon\Carbon::parse($promo->start_date)->format('d/m/Y') }} – {{ \Carbon\Carbon::parse($promo->end_date)->format('d/m/Y') }}</td>
                                    <td>
                                        @if($promo->is_active)
                                            <span class="badge badge-success">Aktif</span>
                                        @else
                                            <span class="badge badge-secondary">Tidak Aktif</span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('lottery.show', $promo->id) }}" class="btn btn-primary btn-xs">
                                            <i class="fas fa-dice"></i> Kelola Undian
                                        </a>
                                        @if(!empty($promo->configuration['draw_completed']))
                                            <span class="badge badge-success ml-1"><i class="fas fa-check"></i> Selesai</span>
                                        @else
                                            <button class="btn btn-success btn-xs ml-1 btn-complete-draw"
                                                data-id="{{ $promo->id }}" data-name="{{ $promo->name }}">
                                                <i class="fas fa-flag-checkered"></i> Undian Selesai
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
$(function() {
    $(document).on('click', '.btn-complete-draw', function() {
        var id   = $(this).data('id');
        var name = $(this).data('name');
        var btn  = $(this);

        Swal.fire({
            title: 'Tandai Undian Selesai?',
            text: '"' + name + '" akan ditandai selesai. Tombol Undi Sekarang tidak akan muncul lagi.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya, Selesai',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#28a745',
        }).then(function(result) {
            if (!result.isConfirmed) return;
            $.post('/lottery/' + id + '/complete', { _token: '{{ csrf_token() }}' })
                .done(function(res) {
                    if (res.success) {
                        btn.replaceWith('<span class="badge badge-success ml-1"><i class="fas fa-check"></i> Selesai</span>');
                        Swal.fire('Berhasil', res.message, 'success');
                    }
                });
        });
    });
});
</script>
@endpush