@extends('layouts.master')

@section('title')
    LT-168 :: ตั้งค่าการออกรางวัลอัตโนมัติ
@endsection

@section('sub_title')
    ตั้งค่า
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">

            <div class="card">
                <div class="card-header border-0">
                    <div class="row align-items-center">
                        <div class="col">
                            <h3 class="mb-0">ตั้งค่าการออกรางวัลอัตโนมัติ</h3>
                        </div>
                    </div>
                </div>
                <div class="card-body table-responsive py-3">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="align-middle text-center font-weight-bold">#</th>
                                <th class="align-middle text-center font-weight-bold">ประเภทหวย</th>
                                <th class="align-middle text-center font-weight-bold">สถานะ</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 0; @endphp
                            @foreach ($lotteries as $item)
                                <tr>
                                    <td class="align-middle text-center font-weight-bold">{{ ++$i }}</td>
                                    <td class="align-middle text-center font-weight-bold">{{ lotteryName($item->page_name) }}</td>
                                    <td class="align-middle text-center font-weight-bold">
                                        <div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
                                            <input type="checkbox" class="custom-control-input" id="customSwitch{{ $i }}" {{ $item->status ? 'checked':'' }} onchange="updateSpinnerStatus(this)" data-id="{{ $item->id }}" />
                                            <label class="custom-control-label" for="customSwitch{{ $i }}">ปิด / เปิด</label>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        async function updateSpinnerStatus(el)
        {
            const self = $(el);
            const url = `{{ route('lotteryResult.settingAutoLotteryResult') }}`;
            const formData = new FormData();
            formData.append('id', self.data('id'));
            const fetched = await fetchApi(url, 'post', formData);
        }
    </script>
@endsection