@extends('admin.layouts.master')

@section('content')
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Add Game</h4>
        </div>
        <div class="card-body">
            <div class="basic-form">
                <form onsubmit="formSubmitHandler(event, this)">
                    <div class="mb-3">
                        <input type="text" class="form-control input-default" name="name" placeholder="Please Insert Name" />
                        <button type="submit" class="btn btn-primary w-100 mt-3">Save Game</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        async function formSubmitHandler(event, element)
        {
            event.preventDefault();
            const self = $(element);
            const formData = self.serialize();
            const execute = await axios.post('/admin/game', formData);
            const response = execute.data;

            if (response.success) {
                window.location.href = '/admin/game';
            }
        }
    </script>
@endsection