@extends('voyager::master')

@section('content')

    <div class="modal fade modal-danger" id="confirm_delete_modal">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;
                    </button>
                    <h4 class="modal-title">
                        Fetch Game
                    </h4>
                </div>

                <div class="modal-body">
                    <h4 style="margin: 25px 0 ">
                        This operation is time-consuming and long
                    </h4>
                </div>

                <div class="modal-footer">
{{--                    <button type="button" class="btn btn-default"--}}
{{--                            data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>--}}
                    <button type="button" class="btn btn-danger"
                            id="fetchGameButtonCall" data-dismiss="modal" style="line-height:1;padding: 10px;">Understand</button>
                </div>
            </div>
        </div>
    </div>

    <div class="row"  style="justify-content: center;">

        <div class="padding-item col-lg-12 col-md-12 col-sm-12">
            <nav class="navigation">


                <div class="nav-button-row">


                    <a class="red-item" data-toggle="modal" data-target="#delete_modal1">
                        <img src="{{ voyager_asset('icon/red-trash.svg') }}">
                        <span>
                        </span>
                    </a>

                </div>

            </nav>
            <div class="more-row flex-box">
                <div class=" more-item">
                    <ul>
                        <li>

                        </li>
                        <li>

                        </li>
                        <li>

                        </li>
                    </ul>
{{--                    <img src="{{ voyager_asset('icon/more.svg') }}">--}}
                </div>
                <p>
                </p>

            </div>
        </div>


        <div class="padding-item col-lg-3 col-md-3 col-sm-3">
            <div class="row">

{{--href="{{ route('fetch_game') }}" --}}
                <a  class="flex-box add-new fetchGamesBtn" >
                    <img src="{{voyager_asset('icon/par.svg')}}">
                    <p>
                        Fetch games
                    </p>

                </a>

            </div>
        </div>


    </div>

    <script>

        $(".fetchGamesBtn").click(function (){
            $("#confirm_delete_modal").modal('show');
            $("#confirm_delete_modal").addClass('show');
        })
        $("#fetchGameButtonCall").click(function (){
            $.ajax({
                url:"{{ route('fetch_game') }}",
                method:"POST",
                data:{
                    "_token" : "{{ csrf_token() }}"
                }
            }).then((res) =>{
                console.log("successfully")
            }).catch((err) =>{
                console.log(err)
            })
        })

    </script>

@endsection