@extends('layouts.game')

@section('content')
    <div id="gameplay" style="width: 100%; height: 90vh">

    </div>
@endsection
@section('js')
    <script>
        game = '{{ $id }}'
        console.log(game);
        if (game == 'evolution') {
            game = 'EVZ'
        } else if (game == 'ezugi') {
            game = 'EZ'
        } else if (game == 'supernowa') {
            game = 'SN'
        } else if (game == 'spribe') {
            game = 'SPB'
        } else if (game == 'sevenmojos') {
            game = '7MJ'
        } else if (game == 'luckystreak') {
            game = 'QT'
        } else if (game == 'aspectgames') {
            game = 'QT'
        } else if (game == 'tvbet') {
            game = 'TV'
        } else if (game == 'videoslots') {
            url = 'https://tvbet.tv/en/'
        } else if (game == 'kiron') {
            url = 'https://tvbet.tv/en/'
        } else if (game == 'globalbet') {
            url = ''
        } else if (game == 'bgaming') {
            url = 'https://www.globalbet.com/'
        } else if (game == 'evo-play') {
            url = 'https://evoplay.games/'
        } else if (game == 'net-ent') {
            url = 'https://www.netent.com/en/'
        }
        if(game=="EVZ")
        {
            $.ajax({
            url: "https://fortunexch.in/playevolution",
            method: "POST",
            data: {
                '_token': '{{ csrf_token() }}',
                game: game
            },
            success: function(response) {
                console.log(response);
                var game = `<iframe width="100%" height="100%" src="${response}" frameborder="0"></iframe>`;
                document.getElementById("gameplay").innerHTML = (game);
            }
        })
        }
        else
        {
            $.ajax({
            url: "https://fortunexch.in/playgame",
            method: "POST",
            data: {
                '_token': '{{ csrf_token() }}',
                game: game
            },
            success: function(response) {
                console.log(response);
                var game = `<iframe width="100%" height="100%" src="${response}" frameborder="0" allow="fullscreen"></iframe>`;
                document.getElementById("gameplay").innerHTML = (game);
            }
        })
        }
    </script>
@endsection
@section('css')
    <style>
        @media (min-width: 277px) and (max-width: 468px) {
            .header {
                margin-top: 100px !important;
            }
        }
    </style>
@endsection