@extends('layouts.app')

@section('contents')
    <div class="col-12">
        <div class="card">
            <div class="card-body border-bottom">
                <h4 class="card-title">โปรโปรชั่นแบบปกติ</h4>
                <a href="{{ route('setting.promotion.normal.create') }}"
                    class="btn btn-primary waves-effect waves-float waves-light">
                    เพิ่มใหม่
                </a>
            </div>
            {{ MyNotify::get() }}
            <div class="card-datatable table-responsive pt-0">
                <table class="table">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>สถานะ</th>
                            <th>รูปโปร</th>
                            <th>ประเภทโปร</th>
                            <th>เงื่อนไข</th>
                            <th>ชื่อโปร</th>
                            <th>ยอดฝาก</th>
                            <th>โบนัสที่ได้</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($i = 1)
                        @foreach ($promotions as $value)
                            <tr>
                                <td>{{ $i++ }}</td>
                                <td>
                                    @if ($value->deleted_at === null)
                                        <span class="badge rounded-pill badge-light-success me-1">เปิดใช้งาน</span>
                                    @else
                                        <span class="badge rounded-pill badge-light-danger me-1">ปิดใช้งาน</span>
                                    @endif
                                </td>
                                <td>
                                    <img src="{{ asset('assets/images/' . $value->image) }}" alt="" width="40px">
                                </td>
                                <td>
                                    @if ($value->type_id === 1)
                                        ปกติ [ไม่จำกัดครั้ง]
                                    @endif
                                    @if ($value->type_id === 2)
                                        สมัครสมาชิกใหม่ [คนละครั้ง]
                                    @endif
                                    @if ($value->type_id === 3)
                                        โปรวันใหม่ [วันละครั้ง]
                                    @endif
                                </td>
                                <td>
                                    @if ($value->withdraw_condition === 1)
                                        ทำยอด
                                    @else
                                        ทำเทิร์น
                                    @endif
                                </td>
                                <td>{{ $value->name }}</td>
                                <td style="white-space: nowrap">
                                    @if ($value->deposit_type === 1)
                                        ขั้นต่ำ
                                    @else
                                        ตรงยอด
                                    @endif
                                    {{ $value->amount }}
                                </td>
                                <td>
                                    {{ $value->bonus }}
                                    @if ($value->bonus_type === 1)
                                        %
                                    @else
                                        หน่วย
                                    @endif
                                </td>
                                <td style="white-space: nowrap">
                                    <a href="{{ route('setting.promotion.normal.show', $value->id) }}"
                                        class="btn btn-sm btn-outline-info waves-effect">
                                        <i data-feather='eye'></i>
                                    </a>
                                    <a href="{{ route('setting.promotion.normal.edit', $value->id) }}"
                                        class="btn btn-sm btn-outline-warning waves-effect">
                                        <i data-feather='edit'></i>
                                    </a>

                                    <form action="{{ route('setting.promotion.normal.destroy', $value->id) }}"
                                        method="POST" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        @if ($value->deleted_at === null)
                                            <button class="btn btn-sm btn-outline-danger waves-effect">
                                                <i data-feather='trash-2'></i>
                                            </button>
                                        @else
                                            <button class="btn btn-sm btn-outline-success waves-effect">
                                                <i data-feather='refresh-cw'></i>
                                            </button>
                                        @endif
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                @if ($promotions->hasPages())
                    <nav aria-label="Page navigation">
                        <ul class="pagination justify-content-center mt-2">
                            <li class="page-item {{ $promotions->currentPage() === 1 ? 'disabled' : '' }}">
                                <a class="page-link"
                                    href="{{ $promotions->url($promotions->currentPage() - 1) }}">ก่อนหน้า</a>
                            </li>
                            @for ($i = 1; $i <= $promotions->lastPage(); $i++)
                                <li class="page-item {{ $promotions->currentPage() == $i ? 'active' : '' }}">
                                    <a class="page-link" href="{{ $promotions->url($i) }}">{{ $i }}</a>
                                </li>
                            @endfor
                            <li
                                class="page-item {{ $promotions->lastPage() === $promotions->currentPage() ? 'disabled' : '' }}">
                                <a class="page-link"
                                    href="{{ $promotions->url($promotions->currentPage() + 1) }}">ต่อไป</a>
                            </li>
                        </ul>
                    </nav>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('page.js')
    <script>
        new Vue({
            el: '#app',
            data: {
                user: {
                    name: '',
                    username: '',
                    role_id: '',
                },
                url_update: ''

            },
            methods: {
                editUser(id, name, username, role_id) {
                    this.url_update = '{{ url('/setting/users') }}' + '/' + id;
                    this.user.name = name;
                    this.user.username = username;
                    this.user.role_id = role_id;
                }
            },
        });
    </script>
@endsection