@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 class="registers">
                <div id="video_container">
                   <video id="videodiv" width="100%" height="auto" controls>
                      <source src="https://darooresan.com/assets/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(){     

 });
        $('.btn-lottery').click(function(){

            var nnn = 0;
          $.ajax({
            url : '/admin/lottery/ajax/lotteryaction',
            data: nnn,
            method : 'GET',
            dataType : 'json',
            success : function(data) {
                $('.lottery-logo').fadeOut(0);
                $('.btn-lottery').fadeOut(0);
                
                $('.winner').html(data.winner);
                $('#videodiv').trigger('play');
            
                setTimeout(
                  function() 
                  {
                    $('#result').modal('show');
                  }, 25000);              
              
            },
            error : function(data) {
              alert('خطایی رخ داده است مجددا تلاش نمائید');
            }
          });            
            
        });

 

        
    </script>

@stop