@extends('Admin.component.layout')
@section('title', '中獎列表')
@section('content')
<div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h3 class="text-themecolor m-b-0 m-t-0">活動列表</h3>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">活動列表</a></li>
            <li class="breadcrumb-item active">中獎列表</li>
        </ol>
    </div>
    <div class="col-md-7 col-4 align-self-center">
        
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-block">
                <h4 class="card-title"></h4>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>獎項</th>
                                <th>獎品名稱</th>
                                <th>中獎編號</th>
                                <th>重抽次數</th>
                                <th class="text-right">
                                    <select id="AwardName" class="px-2 py-1" onchange="AwardFilter(this.value)">
                                        <option value="" selected>選擇獎項</option>
                                        @forelse($Awards ?? [] as $Award)
                                            @if($Award->AwardName == $AwardName)
                                            <option value="{{ $Award->AwardName }}" selected>{{ $Award->AwardName }}</option>
                                            @else
                                            <option value="{{ $Award->AwardName }}">{{ $Award->AwardName }}</option>
                                            @endif
                                        @empty

                                        @endforelse
                                    </select>
                                    <a href="#" class="btn btn-success" onclick="exportCSV()">匯出中獎名單</a>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        @forelse ($Lists ?? [] as $List) 
                            <tr>
                                <td>{{ $List->AwardName }}</td>
                                <td>{{ $List->PrizeName }}</td>
                                <td>{{ $List->code }}</td>
                                <td>{{ $List->restar }}</td>
                                <td></td>
                            </tr>
                        @empty
                            <tr><td class="text-center" colspan="4">尚無中獎名單</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                    <div>
                    {{ $Lists->links('pagination::bootstrap-4') }}
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <a href="{{ route('Activity.list') }}" class="btn btn-secondary">返回清單</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="ActivityGuid" value="{{ $ActivityGuid }}">
<input type="hidden" id="title" value="{{ $title }}">
@if(request()->has('alert_message'))
    <script>
            // 將訊息存儲在 sessionStorage 中
            sessionStorage.setItem('alert_message', '{{ request()->get('alert_message') }}');
        </script>
@endif
<script>
    function AwardFilter(AwardName){
        let ActivityGuid = '{{ $ActivityGuid }}';
        //location.href = '/Activity/Award/' + ActivityGuid + '/' + AwardName; //測試環境
        location.href = '/lottery/public/Activity/Award/' + ActivityGuid + '/' + AwardName; //正式路徑
    }

    function exportCSV() {
        // 獲取篩選條件
        var AwardName = $('#AwardName').val();
        var ActivityGuid = $('#ActivityGuid').val();
        var title = $('#title').val();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $.ajax({
            url: "{{ route('Activity.export') }}",
            type: 'POST',
            data: JSON.stringify({
                AwardName: AwardName,
                ActivityGuid: ActivityGuid,
                title: title,
            }),
            success: function(response) {
                if (response.file_url) {
                    // 觸發CSV文件下載
                    window.open(response.file_url, '_blank');
                } else {
                    alert('匯出失敗');
                }
            },
            error: function(xhr, status, error) {
                alert('請求失敗');
            }
        });
    }
</script>
@stop