@extends('layout')
@section('content')
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url({{url('/')}}/assets/front/img/bg-page-title-1.jpg);">
    	<div class="auto-container">
        	<div class="inner-box">
                <h1>@include('partials.breadcrumb')</h1>
                <ul class="bread-crumb">
                	<li><a href="/">Home</a></li>
                    <li>@include('partials.breadcrumb')</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->


    <div class="jumbotronss blog-post startgoals_block">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-xl-8 col-lg-8">
                    <div class="section-title text-center">
                        <h2 class="extra-margin">How much would you like to raise?</h2>
						<p>It's completely expected to need funds beyond your starting goal. You can always change your goal as you go.</p>
                    </div>
                </div>
            </div>
            <div class="row mb-5">
            <div class="col-md-8 m-auto">
            <div class="row donation-form-outer">
            <div class="col-md-5">
				<div class="goalinputs form-group required d-flex align-items-center">
					<span class="goalinputs_left">$</span>
					<input id="input_payment_goal" class="form-control" type="text" placeholder="Your starting goal"  oninput="this.value = this.value.replace(/[^0-9\.]/g, '').split(/\./).slice(0, 2).join('.')" type="number" step="any" min="0" name="wpneo_donate_amount_field" value=""
                                    data-min-price="10" data-max-price="500">
					<span class="goalinputs_right">USD</span>
				</div>
				<p class="mt-3">Keep in mind that transaction fees, including credit and debit charges, are deducted from each donation.</p>
				<div class="inrogoal mt-5">
					<p>To receive money raised, please make sure the person withdrawing has:</p>
					<ul>
						<li>A US social security number</li>
						<li>A bank account and mailing address in one of the 50 states</li>
					</ul>
			</div>
			</div>
			</div>
			</div>
			</div>
            <div class="row">
				<div class="col-md-8 m-auto">
					<a class="theme-btn btn-style-one" id="continue" href="#">Continue</a>
				</div>
            </div>
    </div>
</div>

@stop
@section('script')
<script type="text/javascript">


		function ispaymentgoal(paymentgoal) {
  			if (paymentgoal != 0) {
				return true;
			}
		}
		
		$(document).ready(function(){
			$("#continue").on("click", function(e){
				// После нажатия на кнопку отменяем стандартное поведение браузера
				// и создаем переменную
				e.preventDefault();
				var paymentgoal = $("#input_payment_goal").val();
				
				
				if(!ispaymentgoal(paymentgoal)) {					
					$('#input_payment_goal').css('border', '1px solid #ff0000');
				} else {
					$('#input_payment_goal').css('border', 'none');
				}
				
				if(ispaymentgoal(paymentgoal)) {
					$('body').css('opacity','0.3');
					setTimeout(function(){
					$('body').css('opacity','1');
					window.location.replace('/registration');
					}, 1000);
				}
			});
		});
		
		
		

    // Donate Field Add Max & Min Amount
    $('input[name="wpneo_donate_amount_field"]').on('blur change paste', function () {
        var input_price = $(this).val();
        var min_price = $(this).data('min-price');
        var max_price = $(this).data('max-price');
        if (input_price < min_price) {
            if (min_price) {
                $(this).val(min_price);
                $('.wpneo-tooltip-min').css({ 'visibility': 'visible' });
            }
        } else if (max_price < input_price) {
            if (max_price) {
                $(this).val(max_price);
                $('.wpneo-tooltip-max').css({ 'visibility': 'visible' });
            }
        } else {
            $('.wpneo-tooltip-min,.wpneo-tooltip-max').css({ 'visibility': 'hidden' });
        }
    });
	</script>
@stop