@extends('layouts.default')
@section('content')

{{ HTML::style('css/bootstrap-select.min.css')}}
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"/>


<div class="container">

@include('users.register_login', array('product_id' => $product->id))


<div class="panel-group" id="accordion">

	<div class="panel panel-primary">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
					<i class="fa fa-gift"></i> {{$product->name}}
				</a>
			</h4>
		</div>

    @if(Session::has('product_login')==1)
  <div id="collapseOne" class="panel-collapse collapse">
  @else
<div id="collapseOne" class="panel-collapse collapse in">
  @endif

		<div id="collapseOne" class="panel-collapse collapse in">
      <span class="product_price label label-primary img-responsive">{{$product->price}} {{$product->currencycodes->symbol}} </span>
      <div class="panel-body">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
         <!-- Wrapper for slides -->
         <div class="carousel-inner">
          @foreach($product->product_images as $key=>$image)
          @if($key==0)
          <div class="item active">
           <img src="{{{ asset('/files/images_files/') }}}/{{$image->name}}" class="img-responsive"
           alt="Responsive image" width='100%'>
         </div>
         @else
         <div class="item">
           <img src="{{{ asset('/files/images_files/') }}}/{{$image->name}}" class="img-responsive"
           alt="Responsive image" width='100%'>
         </div>
         @endif
         @endforeach
       </div>

       <!-- Controls -->
       <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
      </a>
    </div>

    <div class="product_sub">



      <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#description" data-toggle="tab"><i class="fa fa-shopping-cart"></i> {{Lang::get('messages.buy')}}</a></li>
        <li class=""><a href="#detail" data-toggle="tab"><i class="fa fa-file-text-o"></i> {{Lang::get('messages.description')}}</a></li>

        @if($product->type=='digital')
        <li class=""><a href="#downloads" data-toggle="tab"><i class="fa fa-cloud-download"></i> {{Lang::get('messages.downloads')}}</a></li>
        @endif


      </ul>

      <div id="productContent" class="tab-content">

        <div class="tab-pane fade active in" id="description"><p>
         {{$product->description}}
       </p></div>

       <div class="tab-pane fade" id="detail">
        <p>      <div class="product_extra">

          <ul class="list-group list-group-detail">
           @if($product->quantity)
           <li class="list-group-item product_extra_item">
            <span class="text-info product_extra_span">{{$product->quantity}}</span>
            {{Lang::get('messages.quantity')}}
          </li>

          @endif

          @if($product->type)

          <li class="list-group-item product_extra_item">
            <span class="text-info product_extra_span">{{$product->type}}</span>
            {{Lang::get('messages.product_type')}}
          </li>

          @endif

          @if($product->expiration_day)

          <li class="list-group-item product_extra_item">
            <span class="text-info product_extra_span">{{$product->expiration_day}}</span>
            {{Lang::get('messages.expiration_day')}}
          </li>

          @endif

          @if($product->countries->name)

          <li class="list-group-item product_extra_item">
            <span class="text-info product_extra_span">{{$product->countries->name}}</span>
            {{Lang::get('messages.available_countries')}}
          </li>

          @endif
        </ul>

      </div></p>
    </div>

    @if($product->type=='digital')


    <div class="tab-pane fade" id="downloads">
     <ul class="list-group">
       @foreach($product->productdigital as $digital)
       <li class="list-group-item">
        <span class="badge badge-info">{{$digital->size}} KB</span>
        {{$digital->name}}
      </li>

      @endforeach
    </ul>
  </div>
  @endif

</div>



			<!-- 		<a data-toggle="modal" data-target="#paymentModal" class="btn btn-primary btn-lg btn-block btn3d product_buy"><span
      class="glyphicon glyphicon-shopping-cart"></span> {{Lang::get('messages.buy')}}</a> -->

     <!--  <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="btn btn-primary btn-lg btn-block btn3d product_buy"><span
     class="glyphicon glyphicon-shopping-cart"></span> {{Lang::get('messages.buy')}}</a> -->

     <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="btn btn-primary btn-lg btn-block btn3d product_buy"> Buy Now</span></a>

   </div>



   <center>

    @if(Auth::check())
    @if(!empty($favProduct))
    <button class="btn btn-default selector" value="Favorited"><span class="glyphicon glyphicon-star"></span> <span class="favorite_value">Favorited</span></button>
    @else
    <button class="btn btn-warning selector" value="Favorite"><span class="glyphicon glyphicon-star"></span> <span class="favorite_value">Favorite</span></button>
    @endif
    @else
    <button data-toggle="modal" data-target="#loginModal2" class="btn btn-primary"><span class="glyphicon glyphicon-star"></span> Favorite</button>
    @endif

  </center>
</div>
</div>
</div>


@include('users.register_or_login')

<div class="panel panel-success payment_panel">
 <div class="panel-heading">
  <h4 class="panel-title">
   <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><i class="fa fa-credit-card"></i>
    @if (Auth::check())
    {{Lang::get('messages.payment')}}
    @else
    {{Lang::get('messages.payment_as_guest')}}

    <a href="#" class="register_or_login signup_link pull-right">Register or Login</a>

<!--     <a class="signup_link top_guest_links" href="#signup" data-toggle="modal" data-dismiss="modal" data-target="#signupModal"><small><strong>{{Lang::get('messages.signup')}}</strong></small></a>
  <a class="top_guest_links"  href="#login" data-toggle="modal" data-dismiss="modal" data-target="#loginModal"><small><strong>{{Lang::get('messages.login')}}</strong></small></a> -->

  @endif
</a>
</h4>
</div>

@if(Session::has('product_login')==1)
  <div id="collapseTwo" class="panel-collapse collapse in">
  @else
<div id="collapseTwo" class="panel-collapse collapse">
  @endif

  <div class="panel-body">

    <form role="form" id="product_payment" method="POST" action="confirm" enctype="multipart/form-data">

      @foreach($product->productoption as $key=>$option)

      <select class="form-control product_option_value select_extra_price" data-style="btn-info"
      name="product_option_{{$key}}" id="product_option_{{$key}}">
      <option disabled selected rel="0">{{$option->name}}</option>
      @foreach($option->productoptionvalue as $values)

      <option value="{{$values->id}}" rel="{{$values->additional}}">{{$values->value}} (+ {{$values->additional}} {{$option->product->currencycodes->name}})
      </option>
      @endforeach
    </select>
    @endforeach

    @if(!empty($product->productshipping[0]))
    <select class="form-control select_extra_price" id="product_shipping" data-style="btn-warning" name="product_shipping">
      <option disabled selected rel="0">{{Lang::get('messages.shipping')}}</option>

      @foreach($product->productshipping as $shipping)
      <option value="{{$shipping->id}}" rel="{{$shipping->price}}">{{$shipping->name}} (+ {{$shipping->price}} {{$shipping->product->currencycodes->name}})</option>
      @endforeach
    </select>
    @endif


    <div class="input-group">
      <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>

      @if (Auth::check())
      <input type="text" class="form-control user_info" value="{{Auth::user()->email}}" name="email" id="email">

      @else
      <input type="text" class="form-control" placeholder="{{Lang::get('messages.email_address')}}" name="email" id="email">
      @endif
    </div>
    <p id="email_result"></p>

    <hr>

    <div class="input-group fullname_input">

      <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
      @if (Auth::check())
      <input type="text" class="form-control user_info" value="{{Auth::user()->name}}" name="fullname" id="fullname">

      @else
      <input type="text" class="form-control" placeholder="{{Lang::get('messages.fullname')}}" name="fullname" id="fullname">
      @endif


    </div>

    @if($product->type=="physical")
    @if (Auth::check())





    @if(Auth::user()->address->isEmpty())
    <div class="form-group user_address">

      <button type="button" class="btn btn-warning add_address btn-block">
        <span class="glyphicon glyphicon-plus"></span> {{Lang::get('messages.add_address')}}
      </button>
    </div>


    <!--          NEW ADDRESS IF USER IS LOGGED IN-->

    <div class="panel panel-info user_address_need">
      <div class="panel-heading">
        <h3 class="panel-title">New Address</h3>
        <button type="button" class="close address_panel_close panel_close" aria-hidden="true">&times;</button>
      </div>
      <div class="panel-body">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="{{Lang::get('messages.address_name')}}" name="new_address_name"
          id="new_address_name">
        </div>

        <div class="form-group">
          <input type="text" class="form-control" placeholder="{{Lang::get('messages.street_address')}}" name="new_address" id="new_address">
        </div>

        <div class="row">
          <div class="col-md-4 col-xs-4">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="{{Lang::get('messages.city')}}" name="new_city" id="new_city">
            </div>
          </div>
          <div class="col-md-4 col-xs-4">
            <div class="form-group">

              <input type="text" class="form-control" placeholder="{{Lang::get('messages.state')}}" name="new_state" id="new_state">
            </div>
          </div>
          <div class="col-md-4 col-xs-4">
            <div class="form-group">
              <input type="text" class="form-control required" maxlength='5' number='true' placeholder="{{Lang::get('messages.zipcode')}}"
              name="new_zipcode" id="new_zipcode">
            </div>
          </div>
        </div>
        <select class="form-control" id="new_country" name="new_country">
          <option selected disabled rel="0">{{Lang::get('messages.country')}}</option>
          @foreach($countries as $country)
          @if($country->id!=2)
          <option value="{{$country->name}}">{{$country->name}}</option>
          @endif
          @endforeach
        </select>

        <center>
          <button type="button" class="btn btn-default address_panel_close">
            <span class="glyphicon glyphicon-close"></span> {{Lang::get('messages.close')}}
          </button>
          <button type="button" id="addnewaddress" class="btn btn-info add_new_address">
            <span class="glyphicon glyphicon-plus"></span> {{Lang::get('messages.add_address')}}
          </button>
        </center>

      </div>
    </div>


    <div class="row user_address_wrapper" style="display:none;">
      <div class="col-md-9 col-sm-9 col-xs-6">
        <div class="form-group added_address">
          <select class="form-control" data-style="btn-info" id="address" name="address">
            <option disabled selected rel="0">{{Lang::get('messages.choose_address')}}</option>
          </select>
        </div>
      </div>

      <div class="col-md-3 col-sm-3 col-xs-1">
        <div class="form-group">
          <button type="button" class="btn btn-default new_add_address">
            <span class="glyphicon glyphicon-plus"></span> {{Lang::get('messages.add_address')}}
          </button>
        </div>
      </div>

    </div>


    <!--          NEW ADDRESS IF USER IS LOGGED IN-->

    @else

    <!-- CHOOSE ADDRESS IF LOGGED IN USER HAS AN ADDRESS -->

    <div class="row user_address_wrapper">

      <div class="col-md-9 col-sm-9 col-xs-6" id="ajax_address">
        <div class="form-group user_address">
          <select class="form-control" data-style="btn-info" id="address" name="address">
            <option disabled selected rel="0">{{Lang::get('messages.choose_address')}}</option>
            @foreach(Auth::user()->address as $key=>$address)
            @if($key==0)
            <option selected value="{{$address->id}}">({{$address->name}}) {{$address->address}}</option>
            @else
            <option value="{{$address->id}}">({{$address->name}}) {{$address->address}}</option>
            @endif

            @endforeach
          </select>
        </div>
      </div>

      <div class="col-md-3 col-sm-3 col-xs-1">
        <div class="form-group user_address">
          <button type="button" class="btn btn-default new_add_address">
            <span class="glyphicon glyphicon-plus"></span> {{Lang::get('messages.add_address')}}
          </button>
        </div>
      </div>

    </div>

    <!-- CHOOSE ADDRESS IF LOGGED IN USER HAS AN ADDRESS -->

    <!--          NEW ADDRESS IF USER IS LOGGED IN-->

    <!-- Başka adres form - New Address Form !-->
    <div class="panel panel-info user_address_need">
      <div class="panel-heading">
        <h3 class="panel-title">{{Lang::get('messages.new_address')}}</h3>
        <button type="button" class="close new_address_close panel_close" aria-hidden="true">&times;</button>
      </div>
      <div class="panel-body">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="{{Lang::get('messages.address_name')}}" name="new_address_name"
          id="new_address_name">
        </div>

        <div class="form-group">
          <input type="text" class="form-control" placeholder="{{Lang::get('messages.street_address')}}" name="new_address" id="new_address">
        </div>

        <div class="row">
          <div class="col-md-4 col-xs-4">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="City" name="new_city" id="new_city">
            </div>
          </div>
          <div class="col-md-4 col-xs-4">
            <div class="form-group">

              <input type="text" class="form-control" placeholder="State" name="new_state" id="new_state">
            </div>
          </div>
          <div class="col-md-4 col-xs-4">
            <div class="form-group">
              <input type="text" class="form-control required" maxlength='5' number='true' placeholder="{{Lang::get('messages.zipcode')}}"
              name="new_zipcode" id="new_zipcode">
            </div>
          </div>
        </div>

        <select class="form-control" id="new_country" name="new_country">
          <option selected disabled rel="0">{{Lang::get('messages.country')}}</option>
          @foreach($countries as $country)
          @if($country->id!=2)
          <option value="{{$country->name}}">{{$country->name}}</option>
          @endif
          @endforeach
        </select>

        <center>
          <button type="button" class="btn btn-default new_address_close">
            <span class="glyphicon glyphicon-close"></span> {{Lang::get('messages.close')}}
          </button>
          aaheheh
          <button type="button" id="addnewaddress" class="btn btn-info add_new_address">
            <span class="glyphicon glyphicon-plus"></span> {{Lang::get('messages.add_address')}}
          </button>
        </center>

      </div>
    </div>

    <!--          NEW ADDRESS IF USER IS LOGGED IN-->

    @endif

    @else

    <!-- DEFAULT ADDRESS FORM IF USER IS GUEST -->

    <div class="form-group">
      <input type="text" class="form-control" placeholder="Street Address" name="default_address" id="default_address">
    </div>

    <div class="row">
      <div class="col-md-4 col-xs-4">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="City" id="default_city" name="default_city"/>
        </div>
      </div>
      <div class="col-md-4 col-xs-4">
        <div class="form-group">

          <input type="text" class="form-control" placeholder="State" name="default_state" id="default_state">
        </div>
      </div>
      <div class="col-md-4 col-xs-4">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="ZipCode" name="default_zipcode" id="default_zipcode">
        </div>
      </div>
    </div>

    <select class="form-control" name="default_country" id="default_country">
      <option disabled selected rel="0">{{Lang::get('messages.country')}}</option>
      @if($product->countries->id=2)
      @foreach($countries as $country)
      @if($country->id!=2)
      <option value="{{$country->name}}">{{$country->name}}</option>
      @endif
      @endforeach
      @else
      <option value="{{$product->countries->id}}">{{$product->countries->name}}</option>
      @endif
    </select>

    <hr>

    <!-- DEFAULT ADDRESS FORM IF USER IS GUEST -->

    @endif




    @endif
    <hr class="address_line">

    <div class="form-group">

      <div class="row">

        <div class="col-sm-3 col-md-3 col-lg-3 col-xs-5"><label for="card_number">{{Lang::get('messages.card_number')}}</label></div>
        <div class="col-sm-4 col-md-4 col-lg-4 col-xs-3" id="ccbox"></div>
      </div>

      <input type="text" class="form-control ccinput ignore" placeholder="1234 4567 8910 1112" name="card_number"
      id="card_number">
    </div>

    <div class="row">
      <div class="col-md-4 col-xs-4">

        <label class="credit_card_expiration">Exp Month</label>
        <select class="form-control card_expiration" name="exp_month" id="exp_month">
          <option id="1">1</option>
          <option id="2">2</option>
          <option id="3">3</option>
          <option id="4">4</option>
          <option id="5">5</option>
          <option id="6">6</option>
          <option id="7">7</option>
          <option id="8">8</option>
          <option id="9">9</option>
          <option id="10">10</option>
          <option id="11">11</option>
          <option id="12">12</option>
        </select>

      </div>

      <div class="col-md-4 col-xs-4">
        <label class="credit_card_expiration">Exp Year</label>
        <select class="form-control card_expiration" name="exp_year" id="exp_year">
          <option value="2013">2013</option>
          <option value="2014">2014</option>
          <option value="2015">2015</option>
          <option value="2016">2016</option>
          <option value="2017">2017</option>
          <option value="2018">2018</option>
          <option value="2019">2019</option>
          <option value="2020">2020</option>
          <option value="2021">2021</option>
          <option value="2022">2022</option>
          <option value="2023">2023</option>
        </select>
      </div>

      <div class="col-md-4 col-xs-4">
        <label class="credit_card_expiration">CVC Number</label>
        <input type="text" class="form-control card_expiration ignore" placeholder="Ex. 331" id="cvc_number"
        name="cvc_number">
      </div>
    </div>
    <input type="hidden" id="price" value="{{$product->price}}"/>
    <input type="hidden" id="card_type" value="visa"/>
  </form>

  <div class="row">

   <div class="qrpay_result alert alert-info payment_wait"><i class="fa fa-refresh fa-spin"></i> <strong>{{Lang::get('messages.payment_wait')}}</strong>
   </div>
   <div class="qrpay_result alert alert-success payment_success"><span class="glyphicon glyphicon-ok"> <strong>{{Lang::get('messages.payment_success')}}</strong>
   </div>
   <div class="qrpay_result alert alert-danger payment_error"><span class="glyphicon glyphicon-remove"></span>
    <strong>{{Lang::get('messages.payment_error')}}</strong></div>

  </div>


</div>


<div class="panel-footer">
 <div class="row">
  <div class="col-xs-12">
    <span class="total_price pull-left"><strong>{{Lang::get('messages.total')}} : </strong>
    <span rel="{{$product->price}}" rel2='{{ $product->currencycodes->symbol }}' class="label label-primary total_price_label"> {{$product->currencycodes->symbol}} {{$product->price}}</span></span>
     <button type="submit" id="qrpay_payment" class="btn btn-primary btn-sm pull-right"> {{Lang::get('messages.confirm_payment')}}</button>
   </div>



 </div>


</div>
</div>



</div>


</div>
</div>
<div class="success_payment" style="display:none;">
 <h3 class="modal-title lead"><strong>{{Lang::get('messages.thank_you')}}
  @if(Auth::check())
  <span class="text-primary"> {{Auth::user()->name}}</span>
  @else
  !
  @endif</strong></h3>



  @if(Auth::check())
  <p class="lead text-success">{{Lang::get('messages.you_may_want_to_user')}}</p>
  <span class="help-block">* Download, track shipping, contact to seller etc.</span>
<!--   <a href="{{URL::route('home')}}" class="btn btn-primary btn-sm"><i class="fa fa-caret-square-o-left"></i> {{Lang::get('messages.back_to_home')}}</a> -->
  @else
  <p class="lead text-success">{{Lang::get('messages.you_may_want_to_guest')}}</p>
  <span class="help-block">* {{Lang::get('messages.download_track')}}.</span>

  <p class="well">
    <strong>{{Lang::get('messages.email')}}:</strong> <span class="user_email"></span>
    <strong>{{Lang::get('messages.password')}}:</strong> <span class="user_pass"></span>
  </p>
  @endif

  @if($product->type=='digital')
  @foreach($product->productdigital as $digital)
  <center>
    <a href="{{ route('qrpay-user_digital_download',array($digital->name,$product->id,csrf_token())) }}" class="btn btn-success btn-lg btn3d"><span
      class="glyphicon glyphicon-cloud-download"></span> {{$digital->name}}
    </a>
  </center>
  @endforeach
  @endif
</div>

</div>
</div>


@stop

@section('footer_js')

{{ HTML::script('js/jquery.validate.js') }}
{{ HTML::script('js/additional-methods.js') }}

@if(Request::segment(1)=='tr')
{{ HTML::script('js/messages_tr.js') }}
@endif

<!-- $('#accordion').slideUp('slow',function(){
$('div.success_payment').slideDown('slow');
}); -->

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<script type="text/javascript">

  $(document).ready(function () {

//     $('form#product_payment').slideDown('slow',function(){

// $('div.signup_panel').slideUp('slow');

// });

$('a.small_register_button').click(function(e){
  e.preventDefault();
  $('ul.register_login a[href="#register"]').tab('show');
});


$('form#signup_form_step1').validate({
  rules: {
    email: {
      required: true,
      email: true,
      },
      fullname: {
        maxlength: 25,
        required: true,
      }
    },
    highlight: function (element) {
      $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function (element) {
      console.log('asd');
      $(element).parent('div.form-group').removeClass('has-error').addClass('has-success');
      $(element).closest('.input-group').removeClass('has-error');
      $(element).parent('.input-group').next('span.form-error').remove();
      $(element).parent('.form-group').next('span.form-error').remove();
      $('div.qrpay_result').fadeOut('slow');


    },
    errorElement: 'span',
    errorClass: 'help-block',
    errorPlacement: function (error, element) {
      if (element.parent('.input-group').length) {
        error.insertAfter(element.parent()).addClass('form-error');
        element.parent('.input-group').addClass('has-error');
      } else {
        error.insertAfter(element).addClass('form-error');
      }
    }
  });

$('a.signup_link').click(function(e){
  e.preventDefault();
  $('div.payment_panel').slideUp('slow',function(){

    $('div.register_or_login').slideDown('slow',function(){

      $('a.close_button').click(function(e){
        e.preventDefault();

        $('div.register_or_login').slideUp('slow',function(){

          $('div.payment_panel').slideDown('slow');
        });
      });
    });
  });
});


var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

function success(pos) {
  var crd = pos.coords;

  console.log('Your current position is:');
  console.log('Latitude : ' + crd.latitude);
  console.log('Longitude: ' + crd.longitude);


  var ForwappURLjsLatLon = "{{Request::url();}}/{{Lang::get('routes.js_statistics')}}";

  console.log(ForwappURLjsLatLon);

  var lat_long = crd.latitude +","+ crd.longitude;

  console.log(lat_long);


   $.ajax({
     type: "POST",
     url: ForwappURLjsLatLon,
     data: {'lat':crd.latitude, 'long': crd.longitude, 'qrcode_id': "{{$qrcode_id}}", 'product_id': "{{$product->id}}"},
   }).done(function( msg ) {
       console.log( "Data Saved: " + msg );
    });

  console.log('More or less ' + crd.accuracy + ' meters.');



};

function error(err) {
  console.warn('ERROR(' + err.code + '): ' + err.message);
};

navigator.geolocation.getCurrentPosition(success, error, options);


		// var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
		// $.fn.bootstrapBtn = bootstrapButton;

		// $('.asd').bootstrapBtn('toggle').addClass('fat')

		@if(Auth::check())
		$('button.selector').click(function () {

			var ForwappURLFav = "{{Request::url();}}/{{Lang::get('routes.favorite')}}";

			if ($(this).val() == "Favorite") {
				$(this).val("Favorited");
        $(this).removeClass('btn-warning').addClass('btn-default');
        $('span.favorite_value').html("Favorited");
        $(this).addClass('active');

        $.ajax({
         url: ForwappURLFav,
         type: 'POST',
         data: {product_id: "{{$product->id}}",user_id: "{{Auth::user()->id}}",fav: "Favorited"},
         success: function (data) {}
       });

      }
      else {

        $.ajax({
         url: ForwappURLFav,
         type: 'POST',
         data: {product_id: "{{$product->id}}",user_id: "{{Auth::user()->id}}",fav: "NotFavorited"},
         success: function (data) {}
       });

        $(this).removeClass('active');
        $(this).removeClass('btn-default').addClass('btn-warning');
        $(this).val("Favorite");
        $('span.favorite_value').html("Favorite");

      }


    });
		@endif

		$('button#btn-signup').click(function (e) {
			e.preventDefault();

      var ForwappURL    = "{{URL::route('qrpay-user_product_create')}}";
      var ForwappArray  = new Array();
      ForwappArray[0]   = "{{Session::token()}}";
      ForwappArray[1]   = $("#name").val();
      ForwappArray[2]   = $("#email").val();
      ForwappArray[3]   = $("#password").val();
      ForwappArray[4]   = $("#password_confirmation").val();
      $('#register_error').empty();
      $.ajax({
        url: ForwappURL,
        type: 'POST',
        dataType:'json',
        data:  {_token:ForwappArray[0],name:ForwappArray[1],email:ForwappArray[2],password:ForwappArray[3],password_confirmation:ForwappArray[4]},
        success: function(data) {

          if(data.message=='success'){

            var step1 = $('form#signup_form_step1').validate();
            if(step1.form()){
                    $('div.register_step1').hide('slide', {direction: 'left'}, 'fast', function () {

              $('div.register_step2').show("slide", { direction: "right" }, 'fast', function () {

                $('btn_register_step2').click(function () {
                  $('div.register_step3').show("slide", { direction: "left" }, 500)
                });
              });
            });
            }

          }else{
            $.each(data,function(key, value){
              console.log(value);
              $('#register_error').append('<li><span class="text-danger">'+value+'</span></li>');
            });
          }




        },
        error: function(xhr, textStatus, thrownError) {
          console.log('asd');
          $('#register_error').fadeIn('slow', function(){
                //hatalar var
                $(this).html("<p class='text-error'>{{Lang::get('messages.failed_register')}}</p>");
               });

        }
      });
	});

		var real_price;
		var total_price;
		var sum_options;

		$('select.select_extra_price').on('change', function () {
			total_price = 0;
			sum_options = 0;

			real_price = $('span.total_price_label').attr('rel');

			$("select.select_extra_price option:selected").map(function () {
				return sum_options += parseInt($(this).attr('rel'))
			});
			console.log(sum_options);
			total_price = Number(sum_options) + Number(real_price);
      var currency_code = $('span.total_price_label').attr('rel2');
			$('span.total_price_label').html(currency_code + ' '+ total_price);
			console.log(total_price);
		});

		$('button.add_address').click(function (e) {
			e.preventDefault();
			$('div.user_address').slideUp('slow', function () {

				$('div.user_address_need').slideDown('slow', function () {

					$('button.address_panel_close').click(function (e) {
						$('div.user_address_need').slideUp('slow', function () {
							$('div.user_address').slideDown('slow');
						});
					});

				});
			});


		});


		$('button.new_address_close').click(function (e) {
			$('div.user_address_need').slideUp('slow', function () {
				$('div.user_address_wrapper').slideDown('slow');
			});
		});



		$('button.new_add_address').click(function(e){
			e.preventDefault();
// user_address_need
$('div.user_address_need').slideDown('slow',function(){
	$('div.user_address_wrapper').slideUp('slow');
});
});


		$('button#qrpay_payment').click(function (e) {

			e.preventDefault();

			console.log('asd');
			$('div.qrpay_result').hide();

			$("select.select_extra_price").each(function () {
				$(this).rules("add", {
					required: true,
					messages: {
						required: "{{Lang::get('messages.field_required')}}"
					}
				});
			});

			var payment_form = $("#product_payment").validate();
			var validation = payment_form.form();
      var productDigitalCheck = "{{$product->type}}";


      if ($('button.new_add_address').is(':hidden') && productDigitalCheck!='digital') {

        console.log('address yok');

        $('div.payment_wait').fadeIn('slow', function () {

         $(this).fadeOut('slow', function () {
          $('div.payment_error strong').html('{{Lang::get('messages.give_shipping_address')}}');
          $('div.payment_error').fadeIn('slow');

        });
       });


      }else if(validation){

        var ForwappURL    = "{{Request::url();}}/{{Lang::get('routes.payment')}}";
        var ForwappArray  = new Array();
        ForwappArray[17]  = new Array();
        ForwappArray[0]   = $("#email").val();
        ForwappArray[1]   = $("#fullname").val();
        ForwappArray[2]   = $("select#address").val();
        ForwappArray[3]   = $("#city").val();
        ForwappArray[4]   = $("#state").val();
        ForwappArray[5]   = $("#zipcode").val();
        ForwappArray[6]   = $("#card_number").val();
        ForwappArray[7]   = $("#exp_month").val();
        ForwappArray[8]   = $("#exp_year").val();
        ForwappArray[9]   = $("#cvc_number").val();
        ForwappArray[10]  = "{{$product->id}}";
        ForwappArray[12]  = $("#product_shipping").val();
        ForwappArray[13]  = "{{$qrcode_id}}";
        ForwappArray[14]  = $("#card_type").val();
        ForwappArray[15]  = "{{$product->user_id}}";
        ForwappArray[16]  = "{{$product->currencycodes->name}}";
        $(".product_option_value option:selected" ).each(function(index) {
         ForwappArray[17].push($(this).val());
       });


        var ForwappAddress  = new Array();
        ForwappAddress[0]  	= $("#default_address").val();
        ForwappAddress[1]  	= $("#default_city").val();
        ForwappAddress[2]  	= $("#default_state").val();
        ForwappAddress[3]  	= $("#default_zipcode").val();
        ForwappAddress[4]  	= $("#default_country").val();

        console.log(ForwappURL);
        console.log(ForwappArray);
        console.log(ForwappAddress);
        $('div.payment_wait').fadeIn('slow');

        $.ajax({
         url: ForwappURL,
         type: 'POST',
         data: {ForwappArray: ForwappArray,ForwappAddress: ForwappAddress},
         success: function (data) {

          console.log(data);

          if (data instanceof Object) {
           @if (Auth::check())
           $('div.payment_wait').fadeOut('slow', function () {

             $('div.payment_error strong').html('{{Lang::get('messages.please_complete_form')}}');

             $('div.payment_success').fadeIn('slow',function(){
              $('#accordion').slideUp('slow',function(){
                $('div.success_payment').slideDown('slow');
              });
            });
             console.log('basarili');

           });

           @else


           $('div.payment_wait').fadeOut('slow', function () {

             $('div.payment_success').fadeIn('slow',function(){
              $('div.success_payment span.user_email').html(data.email);
              $('div.success_payment span.user_pass').html(data.password);
              $('#accordion').slideUp('slow',function(){
                $('div.success_payment').slideDown('slow');
              });
            });
             console.log('guest basarili');

           });


           @endif
         } else {

           $('div.payment_wait').fadeIn('slow', function () {

            $(this).fadeOut('slow', function () {
             $('div.payment_error strong').html('{{Lang::get('messages.please_complete_form')}}');
             $('div.payment_error').fadeIn('slow');

           });
          });

         }
       },
       error: function (xhr, textStatus, thrownError) {
        if (xhr.status == 500) {

         $('div.payment_wait').fadeIn('slow', function () {

          $(this).fadeOut('slow', function () {
           $('div.payment_error strong').html('{{Lang::get('messages.please_complete_form')}}'
            )
           ;
           $('div.payment_error').fadeIn('slow');

         });
        });
       }
     }
   });
} else {
	$('div.payment_wait').fadeIn('slow', function () {

		$(this).fadeOut('slow', function () {
			$('div.payment_error strong').html('{{Lang::get('messages.please_complete_form')}}'
				);
			$('div.payment_error').fadeIn('slow');

		});
	});
            // $(this).append("<p class='text-error paypalvalidation'>{{Lang::get('messages.please_complete_form')}}</p>").fadeIn("slow");
          }

        });



$('button#addnewaddress').click(function (e) {

	e.preventDefault();

        // if($('input#new_address_name').valid()){
        // 	$(this).parent('form-group').removeClass('has-error').addClass('has-success');
        // }


        // $('input#new_address').valid();
        // $('input#new_city').valid();
        // $('input#new_state').valid();
        // $('input#new_zipcode').valid();
        // $('select#new_country').valid();

        var newAddressURL = "{{Request::url()}}/{{Lang::get('routes.newaddress')}}";

        newAddressArray = new Array();
        newAddressArray[0] = $("#new_address_name").val();
        newAddressArray[1] = $("#new_address").val();
        newAddressArray[2] = $("#new_city").val();
        newAddressArray[3] = $("#new_state").val();
        newAddressArray[4] = $("#new_zipcode").val();
        newAddressArray[5] = $("#new_country").val();

        console.log(newAddressArray);


        $.ajax({
        	url: newAddressURL,
        	type: 'POST',
        	data: {address: newAddressArray},
        	success: function (data) {

        		$('#ajax_address').fadeOut('slow', function(){
        			$(this).html(data).fadeIn("slow");
        		});
        		$('div.user_address_wrapper div.added_address').html(data);
        		$('div.user_address_wrapper').slideDown('slow',function(){
        			$('div.user_address_need').slideUp('slow');
        		});
        		// $('div.user_address_wrapper div.test').html(data);
        		// $('#ajax_address').fadeOut('slow', function () {
        		// 	$(this).html(data).fadeIn("slow");
        		// });
      },
    });
      });

$('form#product_payment').validate({
	rules: {
		email: {
			required: true,
			email: true,
			remote: {
				url: "{{Request::url();}}/{{Lang::get('routes.email_check')}}",
				type: "post",
				data: {
					email: function () {
						return $('input#email').val();
					}
				}
			}},
			fullname: {
				maxlength: 25,
				required: true,
			},
			new_address_name: {
				required: true,
			},
			new_address: {
				required: true,
			},
			default_address: {
				required: true
			},
			address: {
				required: true
			},
			new_city: {
				required: true,
			},
			default_city: {
				required: true
			},
			city: {
				required: true
			},
			new_country: {
				required: true,
			},
			default_country: {
				required: true,
			},
			country: {
				required: true,
			},
			new_state: {
				required: true,
			},
			default_state: {
				required: true,
			},
			state: {
				required: true,
			},
			default_zipcode: {
				required: true,
			},
			new_zipcode: {
				required: true,
			},
			zipcode: {
				required: true,
				number: true,
				maxlength: 5,
			},
			card_number: {
				creditcard: true,
				required: true
			},
			cvc_number: {
				required: true,
				number: true,
				maxlength: 3
			}
		},
		highlight: function (element) {
			$(element).closest('.form-group').addClass('has-error');
		},
		unhighlight: function (element) {
			console.log('asd');
			$(element).parent('div.form-group').removeClass('has-error').addClass('has-success');
			$(element).closest('.input-group').removeClass('has-error');
			$(element).parent('.input-group').next('span.form-error').remove();
			$(element).parent('.form-group').next('span.form-error').remove();
			$('div.qrpay_result').fadeOut('slow');


		},
		errorElement: 'span',
		errorClass: 'help-block',
		errorPlacement: function (error, element) {
			if (element.parent('.input-group').length) {
				error.insertAfter(element.parent()).addClass('form-error');
				element.parent('.input-group').addClass('has-error');
			} else {
				error.insertAfter(element).addClass('form-error');
			}
		}
	});

// 	$("#email").bind("change keyup", function() {
//     	$('form#product_payment').validate().element("#email");
// });

});


$('.ccinput').keyup(function () {
	if ($(this).val() == 4) {
		$('#ccbox').css('background-position', '0 -23px');
		$('#card_type').val('visa');
	}
	else if ($(this).val() == 5) {
		$('#ccbox').css('background-position', '0 -46px');
		$('#card_type').val('mastercard');
	}
	else if ($(this).val() == 3) {
		$('#ccbox').css('background-position', '0 -69px');
		$('#card_type').val('amex');
	}
	else if ($(this).val() == 6) {
		$('#ccbox').css('background-position', '0 -92px');
		$('#card_type').val('discover');
	}
	else if ($(this).val() == '') {
		$('#ccbox').css('background-position', '0 0');

	}

});
</script>

@stop