@extends('layouts.frontend')
@section('content')
<div class="container p-5">
    <div class="row">
        <div class="col-md-4">
            @include('partials.frontend.profile.nav')
        </div>
        <div class="col-md-8">
            <div class="card mb-3 bg-primary">
                <div class="card-header">
                    {{ trans('global.lucky_draw_history') }}
                </div>
                <div class="card-body">
                	<div class="table-responsive">
                		<table id="lucky-draw-history" class="table table-light table-bordered table-sm" cellspacing="0" width="100%">
	                    	<thead>
	                    		<th>#</th>
	                    		<th>Happy Code</th>
	                    		<th>Status</th>
	                    		<th>Prize</th>
	                    		<th>Remark</th>
	                    	</thead>
	                    </table>
                	</div>
                </div>
            </div>
        </div>
    </div>
</div>

@each('frontend.profile.luckyDrawData.modal', $customer_luck_draw_data_ids, 'customer_luck_draw_data_id')

@endsection

@section('scripts')
<script>
	$(function(){
		$('[id^=uploadFileInput]').on('change',function(){
            //get the file name
            var fileName = $(this).val().replace(/C:\\fakepath\\/i, '');
            //replace the "Choose a file" label
            $(this).next('.custom-file-label').html(fileName);
        })

        @if(app()->getLocale() == 'en')
        	$('#lucky-draw-history').DataTable({
		        processing: true,
		        serverSide: true,
		        ajax: '{{ route('frontend.profile.getLuckyDrawHistoryData') }}',
		        columns: [
		            {data: 'id', name: 'id'},
		            {data: 'entered_happy_code', name: 'entered_happy_code'},
		            {data: 'status', name: 'status'},
		            {data: 'prize', name: 'prize'},
		            {data: 'remark', name: 'remark'},
		        ],
		    });
        @else
        	$('#lucky-draw-history').DataTable({
				language: {
		            url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/zh_Hant.json'
		        },
		        processing: true,
		        serverSide: true,
		        ajax: '{{ route('frontend.profile.getLuckyDrawHistoryData') }}',
		        columns: [
		            {data: 'id', name: 'id'},
		            {data: 'entered_happy_code', name: 'entered_happy_code'},
		            {data: 'status', name: 'status'},
		            {data: 'prize', name: 'prize'},
		            {data: 'remark', name: 'remark'},
		        ],
		    });
        @endif

		
	});
</script>
@endsection