@extends('layouts.master')
@section('content')

<!-- Main Content -->
		
            <div class="container-fluid">

				<!-- Title -->
				<div class="row heading-bg" style="background-color:  {!! \App\Helper::barColor() !!}">
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
						<h5 class="txt-light">{!! \App\Helper::panelName() !!}</h5>
					</div>
					<!-- Breadcrumb -->
					<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
						<ol class="breadcrumb">
						    <li><a href="{{ url('/') }}"><span class="font-nexa">{!! \App\Helper::panelName() !!}</a></li>
							<li><a href="{{ url('/') }}">Server Story Views</a></li>
						</ol>
					</div>
					<!-- /Breadcrumb -->
				</div>
				<!-- /Title -->
				
				
				<div class="row">
				    
				    <div class="col-xs-12 col-md-6">
				        <div class="panel panel-default" style="color: {!! \App\Helper::barColor() !!}">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-xs-2">
                                        <span class="label" style="background-color: {!! \App\Helper::barColor() !!}">{{ auth()->user()->level }}</span> 
                                    </div>
                                    <div class="col-xs-10 text-right">
                                        <h6>{!! \App\Helper::panelName() !!} Story Views</h6>
                                    </div>
                                </div>
                                <hr style="border-top: 1px solid {!! \App\Helper::barColor() !!}">
                                
                                
                               <div class="row">
                        <div class="col-xs-12">
                                                @if(session('result') == 'SUKSES')
                        <div class="alert alert-success" role="alert">
                            Success Submit Story Views !
                        </div>
                        @endif 
                        
                        @if(session('result') == 'GAGAL')
                        <div class="alert alert-danger" role="alert">
                            Gagal Submit Story Views !
                        </div>
                        @endif 
                        
                        @if(\Carbon\Carbon::now() > auth()->user()->delay->like_4)
                        
                        <form action="/service/submitstorys" id="formini" method="POST">
                                
                                {{ csrf_field() }}
                               
                                <fieldset class="form-group">
                                    <label for="username">Username</label>
                                    <input type="text" name="username" class="form-control" placeholder="Tiktok">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label for="username">Mau Berapa Views?</label>
                                    <input type="number" class="form-control {{ $errors->has('jumlah') ? 'parsley-error' : '' }}" id="jumlah" placeholder="{{ $max }}" name="jumlah">
                                            @if ($errors->has('jumlah'))
                                                <span class="help-block">
                                                    <ul class="parsley-errors-list filled"><li class="parsley-required">{{ $errors->first('jumlah') }}</li></ul>
                                                </span>
                                            @endif
                                </fieldset>
                                
                                <button type="submit" id="submitBtn" class="btn btn-block btn-primary">Submit</button>
                                
                                <br>

                            </form>
                        
                        @else
                        <div class="alert alert-danger" role="alert">
                            Please wait {{ \Carbon\Carbon::parse(auth()->user()->delay->like_4)->diffForHumans() }} Story Views
                        </div>
                        <div class="alert alert-success" role="alert">
                            Success Submit Story Views ! ^_^
                        </div>
                        
                        @php ($button = '<button type="submit" id="submitBtn" class="btn btn-block btn-danger" disabled>Please Wait</button>')
                        @endif
                        </div>
                        
                    </div><!-- end row -->
                                
                            </div>
                    </div>
				    </div>
				    
				    <div class="col-xs-12 col-md-6">
				        <div class="panel panel-default" style="color: #595a5b">
				            <div class="panel-body">
				                <div class="row">
                                    <div class="col-xs-2">
                                        <span class="label" style="background-color: {!! \App\Helper::barColor() !!}">{{ auth()->user()->level }}</span> 
                                    </div>
                                    <div class="col-xs-10 text-right">
                                        <h6>{!! \App\Helper::panelName() !!} Server Story Views</h6>
                                    </div>
                                </div>
                                <hr style="border-top: 1px solid {!! \App\Helper::barColor() !!}">
                                
                                <ul class="list-group">
                                  <li class="list-group-item">Selamat Datang Di {!! \App\Helper::panelName() !!} PANEL</li>
                      <li class="list-group-item">Selamat Datang Di {!! \App\Helper::panelName() !!} PANEL</li>
                      <li class="list-group-item">Isi Target Dengan Username Tanpa @</li>
                      <li class="list-group-item">Story Views Akan Terisi Pada Story Gram Terbaru</li>
                      <li class="list-group-item">Data Base Story Views Bisa Naik Turun 1000±</li>
                      <li class="list-group-item">Jeda Submit 10 Menit</li>
                      <li class="list-group-item">Instagram Jangan Di <span class="label label-danger"><i class="fa fa-lock"></i> Private</span></li>
                      {{-- <li class="list-group-item">Delay <span class="label label-success">@if($id != 9){{ constant("DELAY_".strtoupper(auth()->user()->level)) }} MENIT @else 15 Menit @endif</span></li> --}}
                                </ul>
				            </div>
				        </div>
				    </div>
				    
				    
				</div>
                


    </div>
				
				

				
			</div>

@endsection

	@section('js')
<script>

$(document).ready(function(){
    $('#submitBtn').dblclick(function(){
        $('#submitBtn').attr('disabled', true);
    });
});
$(document).ready(function(){
    $('#jumlah').on('input change', function(){
        var submitBtn = $('#submitBtn');
        var value = $('#jumlah').val();
        if(value <= {{ $max }}){
            submitBtn.removeAttr("disabled");
            submitBtn.text('Submit');
            submitBtn.removeClass('btn-danger').addClass('btn-primary');
        }
        else{
            submitBtn.attr("disabled", true);
            submitBtn.text('Max {{ $max }}! Silahkan Rubah Jumlah');
            submitBtn.removeClass('btn-primary').addClass('btn-danger');
        }
    });
    
    $('#submitBtn').on('click',function(){
        $('#submitBtn').attr('disabled', true);
        $('#formini').submit();
    });
  });
</script>
@endsection