@extends('layouts.main')
@section('title')
Home
@stop
@section('style')
@parent
@stop
@section('body')
<div class="wrap">
	<div class="main-text">EARN A 110% PROFIT IN JUST 100 HOURS. MAKE THE 3 SIMPLE STEPS RIGHT NOW!</div>
</div>

		<div class="invest-steps wrap">
			<div class="steps">
				<a href="{{URL::to('/')}}" class="st1 active"><div>1</div>Set up your Payout Address</a>
				<a href="{{URL::to('/')}}" class="st2 disactive"><div>2</div>Choose invest plan</a>
				<a href="{{URL::to('/')}}" class="st3 disactive"><div>3</div>Make an investment</a>
			</div>
			<div class="max-box">
				<div class="text">MAX<br>NOW:</div>
				<div class="max-count"><span>{{$settings->getSetting('max_invest_amount',1)}}</span> BTC</div>
			</div>

			<div id="step1">
				<div class="step-text">1. ENTER YOUR BITCOIN ADDRESS FOR PAYMENTS</div>
				<div class="center-float">
					<div class="input-box">
						<div class="icon-inp btc1"></div>
						<input type="text" name="address" id="btc-address" placeholder="Enter your payout address">
						<a href="#" class="btn next" id="button-step-1">GO</a>
					</div>
				</div>
			</div>
			<div id="step2">
				<div class="step-text">2. CHOOSE INVEST PLAN</div>
				<div class="center-float">
					<div class="input-box">
						@foreach($plans as $plan)
						<a href="#" class="plan" plan="{{$plan->id}}">
							<div class="hours">
	                            <div>{{$plan->plan_hours}}</div>
	                            <div>HOURS</div>
	                        </div>
	                        <div class="divide">/</div>
	                        <div class="percent-d"><b>{{$plan->plan_percent}}</b>%</div>
						</a>
						@endforeach
					</div>
				</div>
			</div>
			<div id="step3">
				<div class="step-text">3. SEND BITCOINS TO YOUR PERSONAL DEPOSIT ADDRESS. MIN IS {{$settings->getSetting('min_invest_amount',0.0001)}} BTC, MAX IS {{$settings->getSetting('max_invest_amount',1)}} BTC</div>
				<div class="center-float">
					<div class="input-box">
						<div class="icon-inp btc2"></div>
						<img class="loader1" src="{{asset('assets/images/712.GIF')}}">
						<input readonly="" type="text" name="address" class="orange" id="deposit-address" value="">
					</div>
				</div>
			</div>
			<div id="b_message"></div>
		</div>

		<div class="tabs wrap" id="trlist">
			<a id="tab-all" href="{{URL::to('/')}}" @if(Request::is('/') || Request::is('invests')) class="active" @endif>ALL INVESTMENTS @if($total_invest)<span>{{$total_invest}}</span>@endif</a>
			<a id="tab-my" href="{{URL::to('invests/my-invest')}}" @if(Request::is('invests/my-invest')) class="active" @endif>MY INVESTMENTS @if($count_my_invest)<span>{{$count_my_invest}}</span>@endif</a>
			<a id="tab-payouts" href="{{URL::to('invests/payouts')}}" @if(Request::is('invests/payouts')) class="active" @endif>PAYOUTS @if($total_payout)<span>{{$total_payout}}</span>@endif</a>
			<input type="hidden" name="page_type" id="page_type" value="{{$page}}">
			<input type="hidden" name="current_address" id="current_address" value="{{$address}}">
		</div>
		<div class="wrap table-main" id="transactions">
			<table id="list-invests">
				<tbody><tr>
					<th>DATE</th>
					<th>ADDRESS</th>
					<th>PLAN</th>
					<th>DEPOSIT AMOUNT</th>
					<th>TIME LEFT</th>
					<th>PAYOUT AMOUNT</th>
				</tr>
				@foreach($investments as $invest)
				<tr class="item-invest">
					<td>@if($page=='payouts') {{$invest->payout_date}} @else {{$invest->active_date}} @endif</td><td>{{$invest->user_address}}</td><td>{{$invest->plan_percent}}@if(is_numeric($invest->plan_percent))%@endif</td><td><a href="http://blockchain.info/tx/{{$invest->transaction_id}}" target="_blank">{{$invest->deposit_amount}} BTC</a></td>
					<td>
						<?php
							$time_left = $invest->time_left;
						?>
						@if($page=='payouts')
							<div class="time paid"><span>PAID</span></div>
						@else
							@if($time_left)
							<?php
								$time = $invest->plan_hours * 60 *60;
								$time_reach = $time-$time_left;
								$width = ($time_reach*100)/$time;
								//{{date('H:i:s',$time_left)}}
							?>
							<div class="time" data-time="{{$time_left}}" data-plan="{{$time}}"><div class="width" style="width: {{$width}}%;"></div><span>{{$invest->time_left_format}}</span></div>
							@else
							<div class="time paid"><span>PENDING</span></div>
							@endif
						@endif
					</td>
					<td>{{$invest->payout_amount}} BTC</td>
				</tr>
				@endforeach
			</tbody></table>
		</div>
		<div class="show-more wrap">SHOW MORE TRANSACTIONS<img src="{{asset('assets/images/more.png')}}"></div>
@stop
@section('script.footer')
@parent
<script type="text/javascript">
	$(function(){
	  	$('#button-step-1').click(function(e) {
	      e.preventDefault();
	      var btc_address = $('#btc-address').val();
	      var token = '<?php echo csrf_token(); ?>';
	      if(btc_address == '') {
	        $('#b_message').html('<p style="color:red; font-weight:bold;text-align:center;">Please enter your BTC address!</p>');
	      }else{
	        $.post('<?php echo action('InvestmentController@validAddress')?>', {isAjax: 1, address:btc_address, _token: token }, function(response){
	        	//console.log('response: ',response);
		        var obj = $.parseJSON(response);
		        //console.log('Obj: ',obj);
		        if(obj.status == 'success'){
		            $('#step1').hide();
		            $('#step2').show();
		            $('.st2').removeClass('disactive').addClass('active');
		            return false;
		        }else{
		            $('#b_message').html('<p style="color:red; font-weight:bold;text-align:center;">'+obj.message+'</p>');
		        }
	        });
	      }
	    });

	    $('a.plan').click(function(){
	        plan = $(this).attr('plan');
	        $('#step2').hide();
	        $('#step3').show();
	        $('.st3').removeClass('disactive').addClass('active');
	        createDepositAddress(plan);
	        return false;
	    });

	    $('.show-more').click(function() {
	    	var token = '<?php echo csrf_token(); ?>';
	        showMore(this,token);
	        return false;
	    });
	});

function createDepositAddress(plan){
    var address = $('[name=address]').val();
    $('.loader1').show();
    var token = '<?php echo csrf_token(); ?>';
            $.ajax({
                url: "<?php echo action('InvestmentController@getAddress')?>",
                type: "post",
                dataType: "json",
                data: {
                    'isAjax' :1,
                    'address': address,
                    'plan' : plan,
                    '_token':token
                },
                success: function(data) {
                    console.log('data: ',data);
                    if (data.status == 'error') {
                        $('#b_message').html('<p style="color:red; font-weight:bold;text-align:center;">'+data.message+'</p>');
                    } else {
                        $('#deposit-address').val(data.address);
                    }
                    $('.loader1').hide();
                }
            });
        return false;
}
</script>
@stop