@extends('layouts.master')

@section('page-title'){{ __('Players for import') }}@endsection

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

@section('sub-menu'){{ __('Players for import') }}@endsection

@section('content')

<div class="row">
    <div class="col-6 col-md-10">
        <div id="import-container">
            @include('partial/player/players-for-import')
        </div>

    </div>

    <div class="col-6 col-md-2">
        <div class="form-group mt-4">
            <button class="js-cancel-pendingsa-warning btn btn-danger btn-lg">{{ __('CANCEL PENDING IMPORTS') }}</button>
        </div>
    </div>
</div>

@endsection

@section('script')
<script>
    $(document).on('click', '.js-cancel-pendingsa-warning', function () {
            Swal.fire({
                title: "Are you sure?",
                text: "",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#02a499",
                cancelButtonColor: "#ec4561",
                confirmButtonText: "Yes, cancel it!"
              }).then(function (result) {
                if (result.value) {
                     $.ajax({
                        type: 'GET',
                        url: '{{ route('players.truncate-import') }}',
                        success: function (response) {
                            if (response.success){
                                Swal.fire("Canceled!", "Pending imports are canceled.", "success");
                            }
                            else {
                                Swal.fire("Error!", "Error occured.", "error");
                            }
                        }
                    });
                }
            });
        });
</script>

@endsection