@section('title', '- Place your order')

@extends('layouts.app')

@section('section')

  <div class="container">
    <div class="section-content">
      <div class="col-md-12">
        <div class="row tab-white">
          @include('alerts.success')
          @include('alerts.warning')
          <!-- Tab panes -->
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane active tab_fix">
            	<ol class="breadcrumb">
                <li><a href="/">Home</a></li>
                <li><a href="/articles/{{$product->id}}">{{$product->name}}</a></li>
                <li><a href="/buy/product/{{$product->id}}/addressselect">Select address shipping</a></li>
                <li class="active">Place your order</li>
              </ol>
              <div class="col-md-12">
                <h3>Review your order</h3>
                <hr class="hr_user">
                <form action="{{url("buy/create")}}" method="post" id="buy_form">
                  {{ method_field('POST') }}
                  {{ csrf_field() }}
                  <input type="hidden" value="{{$product->id}}" name="product">
                  <input type="hidden" value="{{$address->id}}" name="destination">
  							  <div class="col-md-2">
                    <img id="" src="{{$product->photos[0]->file}}" class="img-responsive">
                  </div>
                  <div class="col-md-6">
                    @if(!session('user'))
                      <div class="alert alert-danger">
                        <p>@lang('products.need_logged_buy')</p>
                      </div>
                    @endif
                    <h3>{{$product->name}}</h3>
                    <h5><span class="text-price-confirm">{{$product->price}} eBits</span></h5>
                    <p>{{str_limit($product->description,200)}}</p>

                    <p><b>@lang('products.seller'):</b>
                      <a href="{{url("/seller/$seller->id")}}") class="without_under"> {{$product->user->first_name}} {{$product->user->last_name  }}
                      </a>
                    </p>
                    <hr class="hr_buy">
                    <h4>Shipping Address <a href="/buy/product/{{$product->id}}/addressselect">Change</a></h4>
                    <p class="address_place">{{$address->address}}</p>
                    <p class="address_place">{{$address->city}} {{$address->state}}</p>
                    <p class="address_place">{{$address->zip_code}}</p> 
                                  
                  </div>
                  <div class="col-md-4">
                    <div class="panel panel-grey">
                      <div class="panel-content">
                        <div class="address_place">
                          @if($product->delivery == 1 && !env('MOD_DEBUG'))
                            <h4 class="bold">Choose a delivery option:</h4>
                            @foreach($priorities->priorities as $key => $priority)
                              <div class="radio">
                                <label>
                                  @if($key =='med')
                                    <input type="radio" name="delivery" checked="checked" value="{{$priority->total}}">{{$priority->description}} ({{number_format($priority->total,2)}} eBits)
                                    </label><br><br>
                                  @else
                                    <input type="radio" name="delivery" value="{{$priority->total}}">{{$priority->description}} ({{number_format($priority->total,2)}} eBits)
                                    </label><br><br>
                                  @endif
                              </div>
                            @endforeach 
                            @foreach($priorities->priorities as $key => $priority)
                              <input type="hidden" name="deliveries[{{$key}}]" value="{{$priority->total}}">
                            @endforeach
                          @endif
                          <!---->
                          <h4 class="bold">Order Summary</h4> 
                          <p>Product: <span class="pull-right">{{$product->price}} eBits</span></p>
                          @if($product->delivery == 1)
                            <p>Delivery: <span class="pull-right" id="delivery_value"></span></p>
                          @endif
                          <hr>
                          <h4 class="bold">
                            @if($product->delivery == 1)
                            Total <span class="pull-right text-price-confirm" id="total_order"></span>
                            @else
                              Total <span class="pull-right text-price-confirm">{{$product->price}} eBits</span>
                            @endif
                          </h4>

                        </div>
                      </div>
                    </div>
                    <input type="submit" class="btn btn-ebit-noborder btn-block" value="@lang('products.confirm_buy')" id="submitBuy"/>
                  </div>
                </form>
            	</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@push('js')
  
  <script >
    var price = "{{$product->price}}";
    var value = $( 'input[name=delivery]:checked' ).val();
    value = parseFloat(value);
    $("#delivery_value").text(value.toFixed(2) + ' eBits');
    total = parseFloat(price) + parseFloat(value);
    total = total.toFixed(2);
    $("#total_order").text(total+' eBits');
  </script>
  <script>
    $('input[name=delivery]').change(function(){
      var price="{{$product->price}}"
      var value = $( 'input[name=delivery]:checked' ).val();
      value = parseFloat(value);
      $("#delivery_value").text(value.toFixed(2) + ' eBits');    
      total = parseFloat(price) + parseFloat(value);
      total = total.toFixed(2);
      $("#total_order").text(total+' eBits');
    });

    $('#submitBuy').on('click',function(){
      $(this).val('Please wait ...').attr('disabled','disabled');
      $('#buy_form').submit();
    });
  </script>

@endpush