@extends('frontend.layout.template')
  @section('content')
  @php
  $buyer = session()->get('buyer');
  @endphp
  <div class="tt-breadcrumb">
      <div class="container">
          <ul>
              <li><a href="{{route('home')}}">Home</a></li>
              <li>Shopping Cart</li>
          </ul>
      </div>
  </div>
  <div id="tt-pageContent">
      <div class="container-indent" id="carttable">

          @if(!empty($cart))
          <form method="post" action="{{route('place-order')}}">
              @csrf
              <div class="container">
                  <h1 class="tt-title-subpages noborder">CHECKOUT</h1>

                  <div class="row">
                      <div class="col-sm-12 col-xl-8">
                          <div class="tt-wrapper">
                              <div class="form-default">
                                  @if(!empty($buyer))

                                  <div class="form-group">
                                      <label for="shopInputFirstName" class="control-label">NAME *</label>
                                      <input type="text" name="full_name" value="{{$buyer->name}}" class="form-control" required id="shopInputFirstName">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopPhone" class="control-label">PHONE</label>
                                      <input type="text" name="phone" value="{{$buyer->phone_number}}" class="form-control" required id="shopPhone">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopEmail" class="control-label">EMAIL ADDRESS *</label>
                                      <input type="text" name="email" value="{{$buyer->email}}" class="form-control" required id="shopEmail">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopCompanyName" class="control-label">COUNTRY *</label>
                                      <select class="form-control" required name="country">
                                          <option value="{{$buyer->country}}">{{$buyer->country}}</option>
                                          <option value="India">India</option>

                                      </select>
                                  </div>
                                  <div class="form-group">
                                      <label for="shopAddress" class="control-label">ADDRESS *</label>
                                      <input type="text" name="address" value="{{$buyer->shipping_address}}" class="form-control" required id="shopAddress">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopTown" class="control-label">TOWN / CITY *</label>
                                      <input type="text" name="city" value="{{$buyer->city}}" class="form-control" required id="shopTown">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopState" class="control-label">STATE *</label>
                                      <input type="text" name="state" value="{{$buyer->state}}" class="form-control" required id="shopState">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopPostCode" class="control-label">POSTCODE / ZIP *</label>
                                      <input type="text" name="zipcode" value="{{$buyer->postcode}}" class="form-control" required id="shopPostCode">
                                  </div>

                                  @else
                                  <div class="form-group">
                                      <label for="shopInputFirstName" class="control-label">NAME *</label>
                                      <input type="text" name="full_name" class="form-control" required id="shopInputFirstName">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopPhone" class="control-label">PHONE</label>
                                      <input type="text" name="phone" class="form-control" required id="shopPhone">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopEmail" class="control-label">EMAIL ADDRESS *</label>
                                      <input type="text" name="email" class="form-control" required id="shopEmail">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopCompanyName" class="control-label">COUNTRY *</label>
                                      <select class="form-control" required name="country">
                                          <option value="India">India</option>

                                      </select>
                                  </div>
                                  <div class="form-group">
                                      <label for="shopAddress" class="control-label">ADDRESS *</label>
                                      <input type="text" name="address" class="form-control" required id="shopAddress">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopTown" class="control-label">TOWN / CITY *</label>
                                      <input type="text" name="city" class="form-control" required id="shopTown">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopState" class="control-label">STATE / COUNTY *</label>
                                      <input type="text" name="state" class="form-control" required id="shopState">
                                  </div>
                                  <div class="form-group">
                                      <label for="shopPostCode" class="control-label">POSTCODE / ZIP *</label>
                                      <input type="text" name="zipcode" class="form-control" required id="shopPostCode">
                                  </div>

                                  @endif
                                  <!-- <div class="form-group">
                                      <input type="checkbox" name="saveuser">
                                      <label for="shopEmail" class="control-label">Save this information for next time *</label>

                                  </div> -->
                                  <!-- <div class="checkbox-group">
                                      <input type="checkbox" id="checkBox11" name="checkbox">
                                      <label for="checkBox11">
                                          <span class="check"></span>
                                          <span class="box"></span>
                                          Set as deafult address?
                                      </label>
                                  </div> -->
                                  <div class="row tt-offset-21">
                                      <div class="col-auto">
                                          <button type="submit" class="btn">PLACE ORDER</button>
                                      </div>
                                      <div class="col-auto align-self-center">
                                          or <a href="{{route('cart-list')}}" class="tt-link">Cancel</a>
                                      </div>
                                  </div>

                              </div>
                          </div>
                      </div>
                      <div class="col-sm-12 col-xl-4">

                          <div class="tt-shopcart-wrapper">
                              <div class="tt-shopcart-box tt-boredr-large">
                                  <h4 class="tt-title">
                                      Order summary
                                  </h4>
                                  <div class="tt-shopcart-table">
                                      <table>
                                          <tbody>
                                              @php

                                              $discount=0;
                                              $tax=0;
                                              $subtotal=0;
                                              $total=0;
                                              @endphp
                                              @foreach($cart as $key=>$item)
                                              @php
                                              $discount=$discount+$item['discount'];
                                              $tax=$tax+$item['tax'];
                                              $subtotal=$subtotal+($item['price']*$item['quantity']);
                                              $total=$total+$item['total'];
                                              @endphp
                                              <tr>

                                                  <td>
                                                      <div class=" tt-product-img">
                                                          <img src="{{ asset('uploads/product/'.$item['photo']) }}" data-src="{{ asset('uploads/product/'.$item['photo']) }}" alt="">
                                                      </div>
                                                  </td>
                                                  <td>
                                                      <h2 class="tt-title">
                                                          <a href="javascript:void(0);">{{$item['name']}}</a>
                                                      </h2>
                                                      @if(!empty($item['attribute']))
                                                      <label>
                                                          @foreach(json_decode($item['attribute']) as $key=>$attr)
                                                          {{$key}} : <span class="fw-medium">{{ $attr}}</span>
                                                          </span><br>
                                                          @endforeach

                                                      </label>
                                                      @endif
                                                  </td>
                                                  <td>
                                                      <div class="tt-price">
                                                          {{$item['quantity']}} x ₹{{$item['price']}}
                                                      </div>
                                                  </td>

                                              </tr>
                                              @endforeach

                                          </tbody>
                                      </table>

                                  </div>
                                  <div id="invoice">
                                      <table class="tt-shopcart-table01">
                                          <tbody>

                                              <tr>
                                                  <th>TAX</th>
                                                  <td>%{{$tax}}
                                                      <input type="hidden" name="tax" value="{{$tax}}">
                                                      <input type="hidden" name="discount" value="{{$discount}}">
                                                  </td>
                                              </tr>
                                              <tr>
                                                  <th>SUBTOTAL</th>
                                                  <td id="subtotal">₹{{$subtotal}}
                                                      <input type="hidden" name="subtotal" value="{{$subtotal}}">
                                                  </td>
                                              </tr>
                                              @php
                                              $coupon = session()->get('coupon');

                                              @endphp
                                              @if(!empty($coupon))
                                              @php
                                              if($coupon['discount_type']=='%')
                                              {
                                              $total=$total-($total*($coupon['discount_value']/100));
                                              }elseif($coupon['discount_type']=='₹'){
                                              $total=$total-$coupon['discount_value'];
                                              }
                                              @endphp
                                              <tr>
                                                  <th>DISCOUNT</th>
                                                  <td>
                                                      {{$coupon['discount_type']}}{{$coupon['discount_value']}}
                                                      <a href="javascript:void(0);" title="Remove coupon" id="removecoupon" style="font-size:10px;">x</a>
                                                  </td>
                                              </tr>
                                              @endif
                                          </tbody>
                                          <tfoot>
                                              <tr>
                                                  <th>GRAND TOTAL</th>
                                                  <td id="total">₹{{$total}}
                                                      <input type="hidden" name="total" value="{{$total}}">
                                                  </td>
                                              </tr>
                                          </tfoot>
                                      </table>


                                      @if(empty($coupon))
                                      <hr>
                                      <div class="subscribe-form form-default">
                                          <div class="row-subscibe">
                                              <div class="input-group">
                                                  <input type="text" style="margin-bottom:10px;" class="form-control" id="coupon" name="coupon" placeholder="Enter Coupon Code">
                                                  <button type="submit" class="btn" id="applycoupon">APPLY COUPON</button>
                                              </div>
                                          </div>
                                      </div>
                                      @endif
                                  </div>
                                  <div id="msg"></div>
                                  <!-- <button type="submit" class="btn btn-lg"><span class="icon icon-check_circle"></span>PROCEED TO CHECKOUT</button> -->
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </form>
          @else
          <div class="container-indent nomargin">
              <div class="tt-empty-cart">
                  <span class="tt-icon icon-f-39"></span>
                  <h1 class="tt-title">SHOPPING CART IS EMPTY</h1>
                  <p>You have no items in your shopping cart.</p>
                  <a href="{{route('all-products')}}" class="btn">CONTINUE SHOPPING</a>
              </div>
          </div>
          @endif
      </div>
  </div>
  <script>
      $('body').on('click', '#applycoupon', function(e) {
          e.preventDefault();
          var coupon = $('#coupon').val();
          $.ajax({
              url: "{{route('apply-coupon')}}",
              method: "POST",
              data: {
                  _token: '{{ csrf_token() }}',
                  coupon: coupon
              },
              success: function(data) {
                  $("#invoice").load(" #invoice");
                  $("#msg").html(data);
              }
          });
      });

      $('body').on('click', '#removecoupon', function(e) {
          e.preventDefault();
          $.ajax({
              url: "{{route('remove-coupon')}}",
              method: "DELETE",
              data: {
                  _token: '{{ csrf_token() }}'
                  // coupon: coupon
              },
              success: function(data) {
                  $("#invoice").load(" #invoice");
                  $("#msg").html(data);
              }
          });
      });
  </script>
  @endsection