@extends('layouts.app')
@section('content')
<main class="pt-90">
    <div class="mb-4 pb-4"></div>
    <section class="shop-checkout container">
      <h2 class="page-title">Keranjang</h2>
      <div class="checkout-steps">
        <a href="javascript:void(0)" class="checkout-steps__item active">
          <span class="checkout-steps__item-number">01</span>
          <span class="checkout-steps__item-title">
            <span>Keranjang Pembelian</span>
            <em>Kelola Daftar Barang Anda</em>
          </span>
        </a>
        <a href="javascript:void(0)" class="checkout-steps__item">
          <span class="checkout-steps__item-number">02</span>
          <span class="checkout-steps__item-title">
            <span>Pengiriman dan Pembayaran</span>
            <em>Periksa Daftar Item Anda</em>
          </span>
        </a>
        <a href="javascript:void(0)" class="checkout-steps__item">
          <span class="checkout-steps__item-number">03</span>
          <span class="checkout-steps__item-title">
            <span>Konfirmasi</span>
            <em>Tinjau dan Kirim Pesanan Anda</em>
          </span>
        </a>
      </div>
      <form name="checkout-form" action="{{ route('cart.place.an.order') }}" method="POST">
        @csrf
        <div class="checkout-form">
          <div class="billing-info__wrapper">
            <div class="row">
              <div class="col-6">
                <h4>Alamat Pengiriman</h4>
              </div>
              <div class="col-6">
              </div>
            </div>
            @if($address)
                <div class="row">
                    <div class="col-md-12">
                        <div class="my-account__address-list">
                            <div class="my-account__address-list-item">
                                <div class="my-account__address-item__detail">
                                    <p>{{ $address->name }}</p>
                                    <p>{{ $address->address }}</p>
                                    <p>{{ $address->landmark }}</p>
                                    <p>{{ $address->city }}, {{ $address->state }}, {{ $address->country }}</p>
                                    <p>{{ $address->zip }}</p>
                                    <br/>
                                    <p>{{ $address->phone }}</p>

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


            @else
            <div class="row mt-5">
              <div class="col-md-6">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="name" required="" value="{{ old('name') }}">
                  <label for="name">Nama panjang *</label>
                  @error('name') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="phone" required="" value="{{ old('phone') }}">
                  <label for="phone">Nomor Handphone *</label>
                  @error('phone') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="zip" required="" value="{{ old('zip') }}">
                  <label for="zip">Kode Pos *</label>
                  @error('zip') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-floating mt-3 mb-3">
                  <input type="text" class="form-control" name="state" required="" value="{{ old('state') }}">
                  <label for="state">Negara *</label>
                @error('state') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
                
              </div>
              <div class="col-md-4">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="city" required="" value="{{ old('city') }}">
                  <label for="city">Provinsi / Kota *</label>
                @error('city') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="address" required="" value="{{ old('address') }}">
                  <label for="address">Nomor rumah, Nama Bangunan *</label>
                @error('address') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="locality" required="" value="{{ old('locality') }}">
                  <label for="locality">Nama Jalan, Area, RT/RW *</label>
                @error('locality') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
              <div class="col-md-12">
                <div class="form-floating my-3">
                  <input type="text" class="form-control" name="landmark" required="" value="{{ old('landmark') }}">
                  <label for="landmark">Detail Rumah/Gedung  *</label>
                @error('landmark') <span class="text-danger">{{ $message }}</span> @enderror
                </div>
              </div>
            </div>
            @endif
          </div>
          <div class="checkout__totals-wrapper">
            <div class="sticky-content">
              <div class="checkout__totals">
                <h3>Pesanan Kamu</h3>
                <table class="checkout-cart-items">
                  <thead>
                    <tr>
                      <th>PRODUK</th>
                      <th align="right">SUBTOTAL</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach (Cart::instance('cart') as $item)
                    <tr>
                      <td>
                        {{ $item->name }} x {{ $item->qty }}
                      </td>
                      <td align="right">
                        ${{ $item->subtotal() }}
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
                @if (Session::has('discounts'))
                    <table class="checkout-totals">
                        <tbody>
                            <tr>
                              <th>Subtotal</th>
                              <td class="text-right">${{ Cart::instance('cart')->subTotal() }}</td>
                            </tr>
                            <tr>
                              <th>Diskon {{ Session::get('coupon')['code'] }}</th>
                              <td class="text-right">${{ Session::get('discounts')['discount'] }}</td>
                            </tr>
                            <tr>
                              <th>Subtotal Setelah Diskon</th>
                              <td class="text-right">${{ Session::get('discounts')['subtotal'] }}</td>
                            </tr>
                            <tr>
                              <th>Pengiriman</th>
                              <td class="text-right">Free</td>
                            </tr>
                            <tr>
                              <th>VAT</th>
                              <td class="text-right">${{ Session::get('discounts')['tax'] }}</td>
                            </tr>
                            <tr>
                              <th>Total</th>
                              <td class="text-right">${{ Session::get('discounts')['total'] }}</td>
                            </tr>
                          </tbody>
                    </table>
                @else
                    <table class="checkout-totals">
                    <tbody>
                        <tr>
                        <th>SUBTOTAL</th>
                       <td class="text-right">Rp{{ number_format((float) preg_replace('/[^\d.]/', '', Cart::instance('cart')->subtotal()), 0, ',', '.') }}</td>

                        </tr>
                        <tr>
                        <th>PENGIRIMAN</th>
                        <td class="text-right">Gratis</td>
                        </tr>
                        <tr>
                        <th>VAT</th>
                        <td class="text-right">Rp{{ number_format((float) preg_replace('/[^\d.]/', '', Cart::instance('cart')->tax()), 0, ',', '.') }}</td>
                        </tr>
                        <tr>
                        <th>TOTAL</th>
                        <td class="text-right">Rp{{ number_format((float) preg_replace('/[^\d.]/', '', Cart::instance('cart')->total()), 0, ',', '.') }}</td>
                        </tr>
                    </tbody>
                    </table>
                @endif
              </div>
              <div class="checkout__payment-methods">

                <div class="form-check">
                  <input class="form-check-input form-check-input_fill" type="radio" name="mode"
                    id="mode1" value="CARD">
                  <label class="form-check-label" for="mode1">
                    Debit or Credit Card
                  </label>
                </div>
                <div class="form-check">
                  <input class="form-check-input form-check-input_fill" type="radio" name="mode"
                    id="mode2" value="PAYPAL">
                  <label class="form-check-label" for="mode2">
                    Paypal
                  </label>
                </div>
                <div class="form-check">
                  <input class="form-check-input form-check-input_fill" type="radio" name="mode"
                    id="mode3" value="COD">
                  <label class="form-check-label" for="mode3">
                    Cash on Delivery
                  </label>
                </div>
                {{-- <div class="policy-text">
                  Your personal data will be used to process your order, support your experience throughout this
                  website, and for other purposes described in our <a href="terms.html" target="_blank">privacy
                    policy</a>.
                </div> --}}
              </div>
              <button class="btn btn-primary btn-checkout">PLACE ORDER</button>
            </div>
          </div>
        </div>
      </form>
    </section>
</main>
@endsection