@extends('admin.layouts.master')

@section('content')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">เพิ่มเมมเบอร์</h4>
        </div>
        <div class="card-body">
            <div class="basic-form">
                <form onsubmit="formSubmitHandler(event, this)">
                    <div class="mb-3">
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>ชื่อผู้ใช้</label>
                                <input type="text" class="form-control input-default" name="username" placeholder="กรุณากรอกชื่อผู้ใช้" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>รหัสผ่าน</label>
                                <input type="password" class="form-control input-default" name="password" placeholder="กรุณากรอกรหัสผ่าน" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label>เครดิตเริ่มต้น</label>
                                <input type="number" class="form-control input-default" name="default_credit" value="0" />
                            </div>
                            <div class="form-group col-md-6">
                                <label>พอยต์เริ่มต้น</label>
                                <input type="number" class="form-control input-default" name="default_point" value="0" />
                            </div>
                        </div>


                        <button type="submit" class="btn btn-primary w-100 mt-3">เพิ่มเมมเบอร์</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(() => {
            // fetchGamesForSelect();
        });

        async function formSubmitHandler(event, el)
        {
            event.preventDefault();
            const self = $(el).serialize();
            const execute = await axios.post(`{{ route('admin.members.store') }}`, self);
            const response = execute.data;

            return responseValidation(response);
        }

        function responseValidation(response)
        {
            if (!response.success) {
                return swal('ไม่สามารถทำรายการได้', response.message, 'error', {
                    buttons: false,
                });
            }

            return swal(
                'ทำรายการเรียบร้อย',
                ' ',
                'success',
                {
                    buttons: false,
                    timer: 1500
                }
            ).then(() => {
                return window.location.href = `{{ route('admin.members.index') }}`;
            });
        }
    </script>
@endsection