<?php
use App\Models\Setting;
use App\Models\CustomScript;
use App\Models\Contacts;

$customScripts = CustomScript::all();
$setting = Setting::first();
$contacts = Contacts::first();
?>

@extends('layouts.main')

@if(Agent::isMobile())
@section('isMobile')
<div class="content my01">

                                              
          
<div class="container-wrapper info ">
  <div class="container container-box info-view">
    <div class="info-nav nav-icon">
      <div class="row no-gutters">
        <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
          <a href="{{ URL::to('/') }}/info/terms-terms_conditions" class="">
            <div>
              <i class="icon-clipboard"></i>
            </div>
            <div>TERMS &amp; CONDITIONS </div>
          </a>
        </div>
                <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
          <a href="{{ URL::to('/') }}/info/faq-general" class="">

            <div> <i class="icon-help-circle"></i></div>

            <div>FAQ</div>
          </a>
        </div>
                <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
                  <a href="{{ URL::to('/') }}/info/how-sportsbook" class="active">
            <div><i class="icon-list-numbered"></i> </div>
            <div>HOW TO PLAY </div>
          </a>
        </div>
         
        <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
          <a href="{{ URL::to('/') }}/info/referral" class="">
            <div><i class="icon-clipboard1"></i></div>

            <div>REFERRAL</div>
          </a>
        </div>
         

      </div>
    </div>
<nav class="navbar navbar-expand-lg navbar-light navbar-default ">
  <!--<span class="menu-select" id="menu-select">General</span>-->
  <div class="navbar-header d-lg-none clearfix">
    <button class="navbar-toggler" id="navbar-toggler--info" type="button" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
      <!-- <span class="navbar-toggler-icon"></span> -->
      <i class="icon-bars navbar-toggler-icon"></i>
    </button>
    <div class="menu-select d-lg-none" id="menu-select--info">Slots</div>
  </div>

  <div class="collapse navbar-collapse" [ngclass]="{ 'show in': navbarOpen }">
    <ul class="navbar-nav mt-lg-0" style="list-style-type:none;">
          <li class="nav-item">
        <a class="nav-link " data-pg="sportsbook" href="{{ URL::to('/') }}/info/how-sportsbook" (click)="strSelectedMenu='sportsbook';">Sportsbook and Live Betting <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link " data-pg="live_casino" href="{{ URL::to('/') }}/info/how-live_casino" (click)="strSelectedMenu='live_casino';">Live Casino</a>
      </li>
          <li class="nav-item">
        <a class="nav-link active" data-pg="slots" href="{{ URL::to('/') }}/info/how-slots" (click)="strSelectedMenu='slots';">Slots</a>
      </li>
      <!--<li class="nav-item" hrefActive="active  hidden-md">
        <a class="nav-link" href="/info/how-to-play/lottery" (click)="strSelectedMenu='lottery';">Lottery</a>
      </li>-->
    
            <li class="nav-item">
        <a class="nav-link " data-pg="poker" href="{{ URL::to('/') }}/info/how-poker" (click)="strSelectedMenu='poker';">Poker</a>
      </li>
          </ul>
  </div>
</nav>
<div class="border-box">
  <h5 style="font-size: 1.09375rem;"> Panduan Bermain Slots</h5>
  <p> Berikut merupakan pengenalan menu-menu dari halaman Slots. Silahkan perhatikan gambar di bawah ini.</p>
  <div><img src="https://files.sitestatic.net/images/Tutorial/Poker/howplay_slot.jpg" class="img-responsive" alt="how to play slot"></div>
  <br>
  <div>

    <h3><b>  INFO</b></h3>
    <p align="justify"> Info fungsinya untuk menampilkan informasi mengenai kombinasi kemenangan yang bisa anda dapatkan berdasarkan Paylines yang anda pilih. Pada menu Info anda juga bisa melihat kombinasi mulai dari Paylines 1 hingga Paylines 30.</p>

    <h3> <b> PAYLINES</b></h3>
    <p align="justify"> Paylines bisa juga diartikan seperti pola atau kombinasi garis kemenangan. Paylines terdiri dari Line 1 hingga 30. Setiap Line memiliki kombinasi yang berbeda, dan semakin banyak Payline yang anda pasang, maka semakin besar kesempatan anda untuk meraih kemenangan. Namun jangan lupa. Semakin banyak Paylines yang anda pilih, maka semakin banyak kredit yang harus digunakan.</p>

    <h3><b>  LINE BET</b> </h3>
    <p align="justify"> Line Bet adalah jumlah taruhan per line ataupun nominal per pola yang anda pasang.</p>


    <h3><b>  TOTAL BET</b> </h3>
    <p align="justify">
    Total taruhan adalah perkalian dari pay line yang dipilih dengan line bet (nominal) yang dipasang. Ini akan memperlihatkan berapa banyak kredit yang akan digunakan untuk 1x putaran (spin).    </p>


    <h3> <b> SPIN</b></h3>
    <p align="justify"> Jika anda sudah selesai memilih Paylines dan Line Bet yang anda inginkan, maka untuk memulai permainan adalah dengan klik tombol SPIN.</p>


    <h3> <b> MAX BET SPIN</b> </h3>
    <p align="justify"> Max Bet Spin artinya secara otomatis memilih Paylines maksimum dan Line Bet maksimum.</p>


    <h3><b>  AUTO SPIN </b></h3>
    <p align="justify">
    Auto spin mengartikan bahwa permainan slot akan melakukan putaran otomatis. Untuk menghentikan putaran, Anda harus mengklik tombol STOP SPIN    </p>
    <p align="justify">
    Selamat mencoba dan semoga beruntung!'
    </p>
  </div>
</div>
  </div>
</div>



<script>
   var pg ="slots"; 
   var selectedMenu=  $('.navbar-nav .nav-link').filter(function(){ 
         return $(this).data("pg").toLowerCase() == pg.toLowerCase();
      }).text();
    $('#menu-select--info').text(selectedMenu);
  

  $('#navbar-toggler--info').click(function(){
      $('.info .navbar-collapse').toggleClass('show in');

  })
</script>





                    
                  </div>
@endsection
@endif

@if(Agent::isDesktop())
@section('isDesktop')
<div class="content my01">

                                              
          
<div class="container-wrapper info ">
  <div class="container container-box info-view">
    <div class="info-nav nav-icon">
      <div class="row no-gutters">
        <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
          <a href="{{ URL::to('/') }}/info/terms-terms_conditions" class="">
            <div>
              <i class="icon-clipboard"></i>
            </div>
            <div>TERMS &amp; CONDITIONS </div>
          </a>
        </div>
                <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
          <a href="{{ URL::to('/') }}/info/faq-general" class="">

            <div> <i class="icon-help-circle"></i></div>

            <div>FAQ</div>
          </a>
        </div>
                <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
                  <a href="{{ URL::to('/') }}/info/how-sportsbook" class="active">
            <div><i class="icon-list-numbered"></i> </div>
            <div>HOW TO PLAY </div>
          </a>
        </div>
         
        <div class="col-lg-3 col-sm-3 col-xs-3 col-md-3">
          <a href="{{ URL::to('/') }}/info/referral" class="">
            <div><i class="icon-clipboard1"></i></div>

            <div>REFERRAL</div>
          </a>
        </div>
         

      </div>
    </div>
<nav class="navbar navbar-expand-lg navbar-light navbar-default ">
  <!--<span class="menu-select" id="menu-select">General</span>-->
  <div class="navbar-header d-lg-none clearfix">
    <button class="navbar-toggler" id="navbar-toggler--info" type="button" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
      <!-- <span class="navbar-toggler-icon"></span> -->
      <i class="icon-bars navbar-toggler-icon"></i>
    </button>
    <div class="menu-select d-lg-none" id="menu-select--info">Slots</div>
  </div>

  <div class="collapse navbar-collapse" [ngclass]="{ 'show in': navbarOpen }">
    <ul class="navbar-nav mt-lg-0" style="list-style-type:none;">
          <li class="nav-item">
        <a class="nav-link " data-pg="sportsbook" href="{{ URL::to('/') }}/info/how-sportsbook" (click)="strSelectedMenu='sportsbook';">Sportsbook and Live Betting <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link " data-pg="live_casino" href="{{ URL::to('/') }}/info/how-live_casino" (click)="strSelectedMenu='live_casino';">Live Casino</a>
      </li>
          <li class="nav-item">
        <a class="nav-link active" data-pg="slots" href="{{ URL::to('/') }}/info/how-slots" (click)="strSelectedMenu='slots';">Slots</a>
      </li>
      <!--<li class="nav-item" hrefActive="active  hidden-md">
        <a class="nav-link" href="/info/how-to-play/lottery" (click)="strSelectedMenu='lottery';">Lottery</a>
      </li>-->
    
            <li class="nav-item">
        <a class="nav-link " data-pg="poker" href="{{ URL::to('/') }}/info/how-poker" (click)="strSelectedMenu='poker';">Poker</a>
      </li>
          </ul>
  </div>
</nav>
<div class="border-box">
  <h5 style="font-size: 1.09375rem;"> Panduan Bermain Slots</h5>
  <p> Berikut merupakan pengenalan menu-menu dari halaman Slots. Silahkan perhatikan gambar di bawah ini.</p>
  <div><img src="https://files.sitestatic.net/images/Tutorial/Poker/howplay_slot.jpg" class="img-responsive" alt="how to play slot"></div>
  <br>
  <div>

    <h3><b>  INFO</b></h3>
    <p align="justify"> Info fungsinya untuk menampilkan informasi mengenai kombinasi kemenangan yang bisa anda dapatkan berdasarkan Paylines yang anda pilih. Pada menu Info anda juga bisa melihat kombinasi mulai dari Paylines 1 hingga Paylines 30.</p>

    <h3> <b> PAYLINES</b></h3>
    <p align="justify"> Paylines bisa juga diartikan seperti pola atau kombinasi garis kemenangan. Paylines terdiri dari Line 1 hingga 30. Setiap Line memiliki kombinasi yang berbeda, dan semakin banyak Payline yang anda pasang, maka semakin besar kesempatan anda untuk meraih kemenangan. Namun jangan lupa. Semakin banyak Paylines yang anda pilih, maka semakin banyak kredit yang harus digunakan.</p>

    <h3><b>  LINE BET</b> </h3>
    <p align="justify"> Line Bet adalah jumlah taruhan per line ataupun nominal per pola yang anda pasang.</p>


    <h3><b>  TOTAL BET</b> </h3>
    <p align="justify">
    Total taruhan adalah perkalian dari pay line yang dipilih dengan line bet (nominal) yang dipasang. Ini akan memperlihatkan berapa banyak kredit yang akan digunakan untuk 1x putaran (spin).    </p>


    <h3> <b> SPIN</b></h3>
    <p align="justify"> Jika anda sudah selesai memilih Paylines dan Line Bet yang anda inginkan, maka untuk memulai permainan adalah dengan klik tombol SPIN.</p>


    <h3> <b> MAX BET SPIN</b> </h3>
    <p align="justify"> Max Bet Spin artinya secara otomatis memilih Paylines maksimum dan Line Bet maksimum.</p>


    <h3><b>  AUTO SPIN </b></h3>
    <p align="justify">
    Auto spin mengartikan bahwa permainan slot akan melakukan putaran otomatis. Untuk menghentikan putaran, Anda harus mengklik tombol STOP SPIN    </p>
    <p align="justify">
    Selamat mencoba dan semoga beruntung!'
    </p>
  </div>
</div>
  </div>
</div>



<script>
   var pg ="slots"; 
   var selectedMenu=  $('.navbar-nav .nav-link').filter(function(){ 
         return $(this).data("pg").toLowerCase() == pg.toLowerCase();
      }).text();
    $('#menu-select--info').text(selectedMenu);
  

  $('#navbar-toggler--info').click(function(){
      $('.info .navbar-collapse').toggleClass('show in');

  })
</script>





                    
                  </div>
@endsection
@endif