@extends('layouts.admin')
@section('page_title')
@parent
قرعه کشی
@endsection
@section('main')
<style>
    
.lottery-logo {
position: absolute;
    top: 37%;
    right: 46%;
}
.lottery-logo img {
    width: 164px;
}
.btn-lottery {
    position: absolute;
    top: 45%;
    right: 45%;
    padding: 33px 43px !important;
    text-align: center;
    line-height: 0px;
    font-size: 20px;
    border-radius: 45px;
}
</style>
  <div class="row">
      <div class="panel" style="margin-top:50px;">
          <div class="panel-content" style="min-height:600px; padding:0; ">



    
                <div class="modal fade" id="result" tabindex="-1" role="dialog" aria-hidden="true" style="display:none;">
                    <div class="modal-dialog">
                      <div class="modal-content bg-primary">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icons-office-52"></i></button>
                          <h4 class="modal-title" style="text-align: center;font-size: 29px;">برنده قرعه کشی</h4>
                        </div>
                        <div class="modal-body">
                            <img src="/uploads/general/gift-min.png" width="200" style="margin:0 auto; display:table;">
                            <h2 style="font-size:28px;text-align:center;" class="winner"></h2>
                          
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-white" data-dismiss="modal">بستن</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  

              
              <div id="newhandle" class="modal fade" role="dialog">
                <div class="modal-dialog">
            
                  <!-- Modal content-->
                  <div class="modal-content">
                  {!! Form::open(['url' => '/admin/lottery/action', 'method' => 'post']) !!}
                    <div class="modal-header bg-primary">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <h4 class="modal-title" style="text-align: center;font-size: 29px;">قرعه جدید</h4>
                    </div>
                    <div class="modal-body bg-primary">
                      <p>به صورت اتوماتیک از بین آی دی های شرکت کنندگان نفر برنده اعلام می شود</p>         
                    </div>
                    <div class="modal-footer">
                      <button type="submit" class="btn btn-danger">انجام شود</button>
                      <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                    </div>
                  {!! Form::close() !!}
                  </div>
            
                </div>
              </div>              
            <div class="registers">
                <div id="video_container">
                   <video id="video1" width="100%" height="auto">
                      <source src="{{asset('/mirvid.mp4')}}" type="video/mp4" >
                   </video>
                    <div class="lottery-logo">
                        <img src="{{asset('/uploads/general/'.$defaultset->darklogo)}}" width="200" style="margin:0 auto; display:table;">
                    </div>                   
                   <span class="btn btn-primary btn-lottery" onclink="lotteryaction()" style="margin:40px auto; display:table;"> قرعه جدید </span>
                </div>                
            </div>
          </div>
      </div>
  </div>
@endsection
@section('js')

    <script>
$(document).ready(function(){     
      $('#video1').bind("playing", function(){

        var elem = document.getElementById("video1");
        if (elem.requestFullscreen) {
          elem.requestFullscreen();
        } else if (elem.mozRequestFullScreen) {
          elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) {
          elem.webkitRequestFullscreen();
        }
      });

      $('#video1').bind("ended", function(){ 
        $("#video_container").hide();
      });
 });
 
        function lotteryaction(){
            var nnn = 0;
          $.ajax({
            url : '/admin/lottery/ajax/lotteryaction',
            data: nnn,
            method : 'GET',
            dataType : 'json',
            success : function(data) {
                $('.winner').html(data.winner);

                setTimeout(
                  function() 
                  {
                    $('#result').modal('show');

                  }, 12000);   
                  
                setTimeout(
                  function() 
                  {
                    $("#video_container").show();
                    $(".lottery-logo").fadeIn(0);
                    $(".btn-lottery").fadeIn(0);

                  }, 13000);                     
                  
              
            },
            error : function(data) {
              alert('خطایی رخ داده است مجددا تلاش نمائید');
            }
          });
        }    

 

        
    </script>

@stop