@extends('layouts.master')

@section('page-title'){{ __('Game Categories') }}@endsection

@section('menu'){{ __('Games') }}@endsection

@section('sub-menu'){{ __('Game Categories') }}@endsection

@section('content')

<p id="response_message" class="d-none alert"></p>

<div class="form-group">
    <button type="submit" class="btn btn-success js-modal"
        data-modalid = 'add_game_category'
        data-modaltitle="{{ __('Add New Category') }}"
        data-url="{{ route('games.categories.add.or.update') }}"
        data-savetext = "{{ __('Save') }}">{{ __('Add new category') }}</button>
</div>


<div class="bs-example">

    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th>{{ __('Id') }}</th>
                <th>{{ __('Name') }}</th>
                <th>{{ __('Actions') }}</th>
            </tr>
        </thead>
        <tbody>

            @foreach ($gameCategories as $row)

            <tr>
                <td>{{ $row->id }}</td>
                <td>{{ $row->name }}</td>
                <td>
                    <button type="submit" class="btn btn-primary btn-sm js-modal"
                        data-modalid = 'edit_game_category'
                        data-modaltitle="{{ __('Edit Category') }}"
                        data-url="{{ route('games.categories.add.or.update', ['id' => $row->id]) }}"
                        data-savetext = "{{ __('Save') }}">
                        Edit
                    </button>
                    <a href = "#"  class="js-delete-game-category btn btn-danger btn-sm" data-id="{{ $row->id }}" >{{ __('Delete') }}</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection

@section('script')
<script>

        $(document).on('click', '.js-delete-game-category', function () {
            var id = $(this).attr('data-id');
            var trElem = $(this).closest('tr');
            Swal.fire({
                title: "Are you sure?",
                text: "",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "Yes, delete it!"
              }).then(function (result) {
                if (result.value) {

                    $.ajax({
                        data: {"_token": "{{ csrf_token() }}"},
                        type: 'POST',
                        url: "{{ url('') }}/games/categories/deleteGameCategory/" + id,

                        success: function (response) {
                            if (response.success){
                                Swal.fire("Deleted!", "Game category is successfully deleted from Games.", "success");
                                trElem.remove();
                            }
                            else {
                                Swal.fire("Error!", "Error occured.", "error");
                            }
                        }
                    });
                }
            });
        });
</script>
@endsection