@extends('layouts.app')

@section('contents')
    <div class="col-12">
        <div class="card">
            <div class="card-body border-bottom">
                <h4 class="card-title">ระบบแจ้งเตือน</h4>
            </div>
            {{ MyNotify::get() }}
            <div class="card-datatable table-responsive pt-0">
                <form class="form form-horizontal" autocomplete="off" method="post"
                    action="{{ url('setting/sconfig/website') }}">
                    <div class="modal-body">
                        @csrf
                        @foreach ($sconfigs as $item)
                            @if ($item->key === 'system_deposit' || $item->key === 'system_transaction')
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1 row">
                                            <div class="col-sm-3">
                                                <label class="col-form-label"
                                                    for="{{ $item->key }}">{{ $item->name }}</label>
                                            </div>
                                            <div class="col-sm-9">
                                                <div class="input-group input-group-merge">
                                                    <select class="form-select" name="{{ $item->key }}"
                                                        @if ($edit === 0) disabled @endif>
                                                        <option value="open"
                                                            {{ $item->value === 'open' ? 'selected' : '' }}>
                                                            เปิดระบบ
                                                        </option>
                                                        <option value="closed"
                                                            {{ $item->value === 'closed' ? 'selected' : '' }}>
                                                            ปิดระบบ
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1 row">
                                            <div class="col-sm-3">
                                                <label class="col-form-label"
                                                    for="{{ $item->key }}">{{ $item->name }}</label>
                                            </div>
                                            <div class="col-sm-9">
                                                <div class="input-group input-group-merge">
                                                    <input class="form-control" type="text" name="{{ $item->key }}"
                                                        value="{{ $item->value }}"
                                                        @if ($edit === 0) disabled @endif>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="mb-1 row">
                                    <div class="col-sm-3"></div>
                                    <div class="col-sm-6">
                                        @if ($edit === 0)
                                            <a href="{{ url('setting/sconfig/website?edit=1') }}"
                                                class="btn btn-secondary me-1">แก้ไข</a>
                                        @else
                                            <button type="submit" class="btn btn-primary me-1"
                                                onclick="return confirm('แน่ใจหรือไม่?')">บันทึก</button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

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

            },
            methods: {
                editKnow(id, name) {
                    this.url_update = '{{ url('setting/knowus') }}' + '/' + id;
                    this.name = name;
                }
            },
        });
    </script>
@endsection