@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">
				    
				    
				    @if(session('status'))
				    <div class="alert alert-warning alert-dismissible">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                          {{session('status')}}
                        </div>
				    @endif
				    
				    @foreach($service as $data)
				    
				    @if($data->category == 'IGL')
				        @php $cat = 'Instagram Like'; @endphp
				    @else
				        @php $cat = $data->category; @endphp
				    @endif
				    
				    <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() !!} {{$cat}}</h6>
                                    </div>
                                </div>
                                <hr style="border-top: 1px solid {!! \App\Helper::barColor() !!}">
                                
                                <form action="/service/igshop" method="POST" class="form-group">
                                    {{csrf_field()}}
                                    <input type="hidden" name="category" value="{{$data->category}}">
                                    <input type="hidden" name="service" value="{{$data->sid}}">
                                    <label>Service</label>
                                    <input class="form-control" type="text" value="{{$data->service}}" readonly>
                                    
                                    <label>Note</label>
                                    <input class="form-control" type="text" name="note" value="{{$data->note}}" readonly>
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <label>Min</label>
                                            <input class="form-control" type="text" name="min" value="{{$data->min}}" readonly>
                                        </div>
                                        <div class="col-lg-4">
                                            <label>Max</label>
                                            <input class="form-control" type="text" name="max" value="{{$data->max}}" readonly>
                                        </div>
                                        <div class="col-lg-4">
                                            <label>Point per/1000</label>
                                            <input class="form-control" type="text" name="point" value="{{$data->price}}" readonly>
                                        </div>
                                    </div>
                                    <label>Tujuan</label>
                                    <input class="form-control" type="text" name="link" >
                                    <label>Jumlah</label>
                                    <input class="form-control" type="text" name="quantity" >
                                    <br>
                                    <input type="submit" class="form-control btn btn-primary" value="SUBMIT" name="submit">
                                </form>
                                
                            </div>
                        </div>
				    </div>
				    
				    @endforeach
				    
				   
				    
				    
				</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