@extends('layouts.base')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/vendor/vendor.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/plugins/plugins.min.css') }}">
@endsection

@section('content')
    <div style="padding-top: 200px;" class="section">
        <div style="max-width: 800px;" class="container">
            <div class="section-title text-center mb-12 aos-init aos-animate" data-aos="fade-up">
                <h2 class="title">İşlemler</h2>
                <p class="sub-title">İşlem seçin</p>
            </div>
        </div>
    </div>

    <div class="section">
        <div class="container">
            <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n6">
                @if($actions['coin'] == 'var')
                    <div class="mb-3" data-aos="fade-up" data-game="{{ $slug }}">
                        <a class="w-100" href="javascript:void(0);" id="platforms-coins">
                            <div style="background-color: #003087;" class="icon-box text-center">
                                <div class="icon">
                                    <img src="{{ asset('assets/images/actions/coin.svg') }}" width="50">
                                </div>
                                <div class="content">
                                    <h3 class="title">{{ $game_settings['action'][\Illuminate\Support\Facades\Cookie::get('lang')]['coin'] }}</h3>
                                </div>
                            </div>
                        </a>
                    </div>
                @endif
                @if($actions['account'] > 0)
                    <div class="col-6 mb-3 aos-init aos-animate" data-aos="fade-up" data-type="redirectGame" data-route="{{ route('site.accounts.game',['game_slug' => $slug]) }}">
                        <div style="background-color: #f56c2d;" class="icon-box text-center" data-vivus-hover="">
                            <div class="icon">
                                <img src="{{ asset('assets/images/actions/game.svg') }}" width="50">
                            </div>
                            <div class="content">
                                <h3 class="title">Hesaplar</h3>
                            </div>
                        </div>
                    </div>
                @endif
                @if($actions['boost'] > 0)
                    <div class="col-6 mb-3 aos-init aos-animate" data-aos="fade-up" data-type="redirectGame" data-route="{{ route('site.games.view',['action' => 'boost', 'slug' => $slug]) }}">
                        <div style="background-color: #f56c2d;" class="icon-box text-center" data-vivus-hover="">
                            <div class="icon">
                                <img src="{{ asset('assets/images/actions/boost.svg') }}" width="50">
                            </div>
                            <div class="content">
                                <h3 class="title">Boost</h3>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div id="platforms" class="section section-padding-t90-b100 platforms">
        <div class="container">
            <div class="row row-cols-lg-4 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n6 platforms-row"></div>
        </div>
    </div>

    <div style="padding-top: 50px;" class="section section-padding-bottom-150">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <img src="{{ asset('assets/images/trustpilot-mini.png') }}" alt="...">
                </div>
            </div>
        </div>
    </div>

    <div class="section section-padding-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    @include('widgets.subscription')

                </div>
            </div>
        </div>
    </div>
@endsection


@section('js')
    <script src="{{ asset('assets/js/vendor/vendor.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/plugins.min.js') }}"></script>

    <script src="{{ asset('assets/js/main.js') }}"></script>
    <script src="{{ asset('assets/js/chat.js') }}"></script>
@endsection

@section('script')
    <script>
        window.gameID = {{ $game->id }};
        window.apiURL = '{{ $_SERVER['REMOTE_ADDR'] == '127.0.0.1' ? 'http://127.0.0.1:8000/api/v1/game' : 'https://futcoinbuy.com/api/v1/game' }}';
        window.baseRoute = '{{ route('site.platform.payForm',['game' => $game->slug]) }}';
    </script>

    <script src="{{ asset('assets/js/platforms.js') }}"></script>
@endsection