@extends('layouts.whitelabel.master')

@section('title')
    {{ $marketplace->name }}
@stop

@section('header')
	<link rel="stylesheet" href="{{ URL::asset('site/css/custom.css')}}">
@stop

@section('content')
	
	<!-- Page Header --> 
	<header class="titlebar titlebar1">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h1 class="page-title pull-left page-title1">Checkout Confirmation</h1>
					<ol class="breadcrumb pull-right">
						<li>
		                    <a href='{{ action('Marketplace\MarketplaceController@detail', $marketplace->slug) }}'>
		                        Home
		                    </a>
	                    </li>
						<li class="active">Checkout Confirmation</li>
					</ol>
				</div>
			</div>
		</div>
	</header> <!-- END Page Header -->

	@include('template.payment.confirm')
	
	<!-- footer links -->
@stop

@section('footer')
	<script>
		$("#shipping_mobile").intlTelInput({
		        defaultCountry: "auto",
		        geoIpLookup: function(callback) {
		            $.get('http://ipinfo.io', function() {}, "jsonp").always(function(resp) {
		                var countryCode = (resp && resp.country) ? resp.country : "";
		                callback(countryCode);
		        });
	        },
	        autoHideDialCode: false,
	        autoPlaceholder: false,
	        utilsScript: "{{ URL::asset('site/js/utils.js') }}",
	    });

	    $(document).ready(function() {
	        $('#spend_points').on('change', function() {
	            var original_point = parseInt("{{ $member_point = 0 }}");
	            var original_amount = parseInt("{{ $total_amount }}");
	            var member_point = parseInt("{{ $member_point = 0 }}");
	            var spend_points = parseInt($(this).val());
	            var total_amount = parseInt($('#total-amount').html());

	            if( spend_points > member_point ) {
	                alert('Your current points are insufficient to process your request.');
	                $(this).val('');
	                return false;
	            }

	            if( isNaN(spend_points) || spend_points == 0 ) {
	                $('#total-amount').html( "{{ $total_amount }}" );
	                $('#point-balance').html( original_point )
	                $('#point-to-cash').html('');
	                return;
	            }

	            var point_to_cash = spend_points * 0.01;
	            // point-to-cash
	            // point-balance
	            $('#point-to-cash').html( '$ ' + point_to_cash );
	            $('#point-balance').html( member_point - spend_points )
	            var total = original_amount - point_to_cash;
	            $('#total-amount').html('$' + total );
	            $('#your-point');
	        });

	        // Prevent alphanumeric character in point_spend
	        $("#spend_points, #b_contact, #s_contact").keydown(function (e) {
	            // Allow: backspace, delete, tab, escape, enter and .
	            if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
	                 // Allow: Ctrl+A, Command+A
	                (e.keyCode == 65 && ( e.ctrlKey === true || e.metaKey === true ) ) || 
	                 // Allow: home, end, left, right, down, up
	                (e.keyCode >= 35 && e.keyCode <= 40)) {
	                     // let it happen, don't do anything
	                     return;
	            }
	            // Ensure that it is a number and stop the keypress
	            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
	                e.preventDefault();
	            }
	        });
	    });
	</script>
@stop