@extends('layouts.master')

@section('page-title'){{ __('VIP Levels') }}@endsection

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

@section('sub-menu'){{ __('VIP Levels') }}@endsection

@section('content')
<p id="response_message" class="d-none alert"></p>

<button type="submit" class="btn btn-success js-modal"
        data-modalid = 'add_vip_levels'
        data-modaltitle="{{ __('Add Level') }}"
        data-url="{{ route('players.levels.add.or.update') }}"
        data-savetext = "{{ __('Add') }}">{{ __('Add new') }}</button>

<table class="table table-striped mt-3">
    <thead>
        <tr>
            <th>{{ __('ID') }}</th>
            <th>{{ __('Name') }}</th>
            <th>{{ __('Actions') }}</th>
        </tr>
    </thead>
    <tbody>
        @if (!empty($levels))
        @foreach ($levels as $level)
        <tr>
            <td>{{ $level->id }}</td>
            <td>{{ $level->name }}</td>
            <td>
                <button type="submit" class="btn btn-primary btn-sm js-modal"
                        data-modalid = 'edit_vip_levels'
                        data-modaltitle="{{ __('Edit Level') }}"
                        data-url="{{ route('players.levels.add.or.update', ['id' => $level->id]) }}"
                        data-savetext = "{{ __('Save') }}">
                    Edit
                </button>

                <button  class="js-delete-level btn btn-danger btn-sm" data-id="{{ $level->id }}" >{{ __('Delete') }}</button>

            </td>
        </tr>
        @endforeach
        @endif
    </tbody>
</table>
@endsection

@section('script')
<script>
    $(document).on('click', '.js-delete-level', function () {
            var level_id = $(this).attr('data-id');
            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('') }}/players/deletelevel/" + level_id,
                        success: function (response) {
                            if (response.success){
                                Swal.fire("Deleted!", "Level is deleted.", "success");
                                setTimeout(function() { location.reload(); }, 1000);
                            }
                            else {
                                Swal.fire("Error!", "Error occured.", "error");
                            }
                        }
                    });
                }
            });
        });
</script>
@endsection