@extends('master')



@section('content')

@if(session('message'))
    <div class="alert-message">
        {{ session('message') }}
    </div>
@endif
<div class="new_row">
    <div class="column-20 top_space_tutors">
        <div class="large_top_icon_tutors">
            <div class="large_top_text">Payment</div>

        </div>
    </div>
    
    <div class="new_row row-fixed">
        <div class="column-20">
            <img src="{{ URL::asset('images/girl2.jpg') }}" alt="">
        </div>
    </div>

    <div class="new_row top-payment">
        <div class="column-5"></div>
        <div class="column-12 payments-wrap">
            <div class="payments">
                <!-- <div class="paypal"><a href="#"><img src="{{ URL::asset('images/cards/american-express.png') }}" alt=""></a></div>
                <div class="visa"><a href="#"><img src="{{ URL::asset('images/cards/visa-logo.png') }}" alt=""></a></div>
                <div class="discover"><a href="#"><img src="{{ URL::asset('images/cards/discover-card.jpg') }}" alt=""></a></div>
                <div class="jcb"><a href="#"><img src="{{ URL::asset('images/cards/jcb.png') }}" alt=""></a></div> -->
                <div class="cards"><img src="{{ URL::asset('images/payment/payment-complete.png') }}" alt=""></div>
            </div>
            <form id="checkout" method="post" action="{{ URL::to('/payment') }}">
                <div id="payment-form">
                    <span class="field-name">Card Number</span>
                @if(! Auth::check())
                    <h3 class="green_txt">Thank you for choosing The Ivy Key</h3>

                    <div class="payment-check"> 
                        <img src="{{ URL::asset('images/payment/payment-check.png') }}" alt="">
                    </div>

                    <div class="form_pay form_left">
                        <label for="first_name">Student First Name</label>
                        <div class="confirm-icon">
                            <input type="text" name="first_name" placeholder="Student First Name" value="{{ $user->first_name }}"> {{--\Input::get('first_name')--}}
                        </div>

                        <label for="last_name">Student Last Name</label>
                        <div class="confirm-icon">
                            <input type="text" name="last_name" placeholder="Student Last Name" value="{{ $user->last_name }}">
                        </div>

                        <label for="email">Student Email</label>
                        <div class="confirm-icon">
                            <input type="email" name="email" placeholder="Student Email" value="{{ $user->email }}">
                        </div>

                        <label for="username">Student Username</label>
                        <div class="confirm-icon">
                            <input type="text" name="username" placeholder="Student Username" value="{{ $user->username }}">
                        </div>

                    </div>

                    <div class="form_pay form_right">
                        <label for="parent_email">Parent First Name</label>
                        <div class="confirm-icon">
                            <input type="text" name="parent_name" placeholder="Parent First Name" value="{{ $user->first_name }}">
                        </div>

                        <label for="parent_email">Parent Last Name</label>
                        <div class="confirm-icon">
                            <input type="text" name="parent_last_name" placeholder="Parent Last Name" value="{{ $user->last_name }}">
                        </div>
                        
                        <label for="parent_phone">Parent Phone Number</label>
                        <div class="confirm-icon">
                           <input type="text" name="parent_phone" placeholder="Parent Phone Number" value="{{ $user->parent_phone }}">
                        </div>

                        <label for="parent_email">Parent Email</label>
                        <div class="confirm-icon">
                            <input type="text" name="parent_email" placeholder="Parent Email" value="{{ $user->parent_email }}">
                        </div>


                        
                    </div>

                @endif
                    
                </div> <!-- //payment-form -->

                <div class="conf-letter"> 
                        <img src="{{ URL::asset('images/payment/letter.png') }}" alt="">
                </div>
                
                <div class="conf-info column-20">
                    <h1>Please check your inbox for <br> the conformation e-mail</h1>
                    <p>
                        Please check your email for futher instructions about your purchase. Sometimes spam filters block automated emails. <br>
                        If you do not find the email in your inbox, please check your spam filter or bulk email folder. Please contact Ivy Key for any questions
                    </p>
                </div>
               
                
                
            </form>
        </div>
    </div>
    
      @include('partials.findtutorprogram')
</div>
<script>
$(document).ready(function(){

jQuery.fn.numericOnly = function()
{
    return this.each(function()
    {
        $(this).keydown(function(e)
        {
            var key = e.charCode || e.keyCode || 0;            
            return (
                key == 8 || 
                key == 9 ||
                key == 46 || 
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
        });
    });
};

    $('.alert-message').fadeIn().delay(5000).fadeOut();

    // show labels
    $('#checkout>input').on('keydown', function(){
        $('label[for='+ $(this).attr("name") + ']').fadeIn();
    });

    // hide labels
    $('#checkout>input').on('keyup', function(){
        if(! $(this).val()) 
        {
            $('label[for='+ $(this).attr("name") + ']').fadeOut();
        }
    });

    // $('#cc-number, #exp-date').numericOnly();

    $("#exp-date").keyup(function(e){
        if ($(this).val().length == 2 && e.keyCode !== 8){
            $(this).val($(this).val() + " / ");
        }else if ($(this).val().length == 5){
            $(this).val($(this).val() + "");
        }
    });

    var hide = true;

    $('#checkout>input').on('click', function(){
        $('#checkout>input').removeClass('active');
        $(this).addClass('active');

        hide = false;
    });

    $('html').on('click', function(){
        if(hide) {
            $('#checkout>input').removeClass('active');
        }
        
        hide = true;
    });

    $('.row-fixed-content').addClass('profile-top-content');

});
</script>

@stop