@extends('layouts.master')

@section('page-title'){{ __('Player collection') }}@endsection

@section('menu'){{ __('Game Recommendation') }}@endsection

@section('sub-menu'){{ __('Player collection') }}@endsection

@section('content')

    <div id="player-collection-container">
        @include('partial.game_recommendation.player-collection')
    </div>

@endsection

@section('script')

<script>

    $(document).on('click', '.js-delete-collection', function () {
        var id = $(this).attr('data-id');
        var name = $(this).attr('data-name');
        var trElem = $(this).closest('tr');
        Swal.fire({
            title: "Are you sure you want to delete collection " + name + "?",
            text: "",
            type: "warning",
            customClass: 'swal-wide',
            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-recommendetation/delete-collection/" + id,

                    success: function (response) {
                        if (response.success){
                            Swal.fire("Deleted!", "Collection is successfully deleted.", "success");

                            if (trElem.parent().find('tr').length ==1){
                                trElem.after('<tr><td colspan="3"><i>{{ __('No collections ywt.') }}</i></td></tr>').remove();
                            }
                            else{
                                trElem.remove();
                            }
                        }
                        else {
                            Swal.fire("Error!", "Error occured.", "error");
                        }
                    }
                });
            }
        });
    });

</script>

@endsection