@extends('layouts.master')

@section('meta')
    <title>{{__('message.casino')}}</title>
    <meta name="description" content="{{__('message.description')}}">
    <meta name="keywords" content="{{__('message.title')}}">
    <link rel="canonical" href="{{route('home')}}"/>
    <meta property="og:title" content="{{__('message.title')}}" />
    <meta property="og:description" content="{{__('message.description')}}" />
    <meta property="og:type" content="game" />
    <meta property="og:url" content="{{route('home')}}" />
    <meta property="og:image" content="{{asset('cover-web.png')}}" />
    <meta name="twitter:title" content="{{__('message.title')}}" />
    <meta name="twitter:description" content="{{__('message.description')}}" />
@endsection

@push('css')
    
@endpush

@section('content')
    {{-- Casino Online --}}
    <div class="casino-game">
        <h1 class="mb-0"><i class="fas fa-crown"></i> {{__('message.casino')}}</h1>
        <div class="list-item">
            <div class="row">
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="https://www.ibet788.com" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/Ibet789.jpg')}}" alt="" width="100%">
                        </div>                            
                        <div class="game-name">
                            <h3>Ibet789</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1 game-item">
                    <a href="https://www.12vegas.com/en-US" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/12vegas.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>12vigas</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="http://www.855win.com/855win/Index.aspx?lang=en" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/855bet.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>855win</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="https://pussy888sg.com" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/pussy.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>pussy88</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="https://www.joker123.net" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/Joker.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>Joker</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="http://live22apk.com" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/Live22.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>Live22</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="https://live789.com" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/Live789.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>live789</h3>
                        </div>
                    </a>
                </div>
                <div class="col-6 col-sm-6 col-md-4 col-lg-3 px-1 px-md-1 my-1 my-lg-1">
                    <a href="https://www.2d2u.com" target="_blank" class="text-decoration-none img-hover-zoom--quick-zoom">
                        <div class="img-item">
                            <img src="{{asset('img/casino-online/2d2u.jpg')}}" alt="" width="100%">
                        </div>
                        <div class="game-name">
                            <h3>2d2u</h3>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    
@endpush