<x-admin.header />
<x-admin.sidebar />
<main>
  <div class="main-content">
    <div class="row">
      <div class="col-lg-8 col-12">
        <div class="register-form form-content">
          <h4>Customer Contact Info</h4>
          <div class="row">
            <div class="col-md-6 col-12">
                <input class="custom-input" type="hidden" id="orderid" value="{{ $order->id }}" readonly>
              <div class="input-field">
                <label for="">First Name</label>
                <input class="custom-input" type="text" value="{{ $order->fname }}" readonly>
              </div>
              <div class="input-field">
                <label for="">Email</label>
                <input class="custom-input" type="email" value="{{ $order->email }}" readonly>
              </div>
              <div class="input-field">
                <label for="">Address 1</label>
                <input class="custom-input" type="email" value="{{ $order->address1 }}" readonly>
              </div>
              <div class="input-field">
                <label for="">City</label>
                <input class="custom-input" type="email" value="{{ $order->city }}" readonly>
              </div>
              <div class="input-field">
                <label for="">Country</label>
                <input class="custom-input" type="email" value="{{ $order->country }}" readonly>
              </div>
              <div class="input-field">
                <label for="">Tracking No</label>
                <input class="custom-input" type="email" value="{{ $order->tracking_no }}" readonly>
              </div>
            </div>
            <div class="col-md-6 col-12">
                <div class="input-field">
                    <label for="">Last Name</label>
                    <input class="custom-input" type="text" value="{{ $order->lname }}" readonly>
                </div>
                <div class="input-field">
                    <label for="">Phone</label>
                    <input class="custom-input" type="text" value="{{ $order->phone }}" readonly>
                </div>
                <div class="input-field">
                    <label for="">Address 2</label>
                    <input class="custom-input" type="text" value="{{ $order->address2 }}" readonly>
                </div>
                <div class="input-field">
                    <label for="">State</label>
                    <input class="custom-input" type="text" value="{{ $order->state }}" readonly>
                </div>
                <div class="input-field">
                    <label for="">Pincode</label>
                    <input class="custom-input" type="text" value="{{ $order->pincode }}" readonly>
                </div>
                <div class="input-field">
                    <label for="">Message</label>
                    <textarea class="custom-textarea" type="text" readonly>{{ $order->message }}</textarea>
                </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-12">
        <div class="det-view">
          <div class="form-content">
            <h3 class="theme-h4">Order Detail</h3>
            @foreach($order->orderitems as $item)
            <div class="info-item">
              <p class="theme-p"> {{ $item->product->product_front_title }} @if($item->color) | <span class="color" style="background: {{ $item->color->color_code }};"></span> {{ $item->color->color_name }} @endif @if($item->size) | {{ $item->size->size }} @endif
              @if($item->varient)
                    @if($item->product->product_category_id == 9)
                        @if($item->varient->status_id == 1)
                           - Towel Loop : Yes
                        @endif
                    @else
                        @if($item->varient->status_id == 1)
                           - Clip Closure : Yes
                        @endif
                    @endif
                @endif x {{ $item->quantity }} 
                </p>
              <h6> $ 
                    @if($item->color && $item->size)
                    {{ $item->price + $item->color->color_price + $item->size->price }}.00
                    @elseif($item->color)
                    {{ $item->price + $item->color->color_price }}.00
                    @elseif($item->size)
                    {{ $item->price + $item->size->price }}.00
                    @else
                    {{ $item->price }}.00
                    @endif
              </h6>
            </div>
            @endforeach
            
            @if($order->coupon_discount == null)
                <div class="info-item">
                    <h5 class="theme-h5">subtotal</h5>
                    <h6>$ {{ $order->total_price - $order->shipping_price }}.00</h6>
                </div>
            @else
                <div class="info-item">
                    <h5 class="theme-h5">subtotal</h5>
                    <h6>$ {{ ($order->total_price - $order->shipping_price) - $order->coupon_discount }}</h6>
                </div>
            @endif
            
          <div class="info-item">
            <h5 class="theme-h5">shipping</h5>
            @if($order->shipping_price != null)
                <h6>{{ $order->shipping_price }}.00</h6>
            @else
                <h6>free shipping</h6>
            @endif
          </div>
          <hr>
          
            @if($order->coupon_discount == null)
              <div class="info-item">
                <h5 class="theme-h5">total</h5>
                <h5 class="theme-h5">${{ $order->total_price }}.00</h5>
              </div>
            @else
                <div class="info-item">
                    <h5 class="theme-h5">total</h5>
                    <h5 class="theme-h5">${{ $order->total_price }}</h5>
                </div>
            @endif
            
          <hr>
          </div>
         
          <ul class="form-content">
            <li>
                <div class="input-field">
                    <label for="">Payment Method</label>
                    <input class="custom-input" type="text" value="{{ $order->paymentmethod }}" readonly>
                </div>
            </li>
            <li>
                <div class="input-field">
                    <label for="">Status</label>
                    <select name="orderstatus" id="orderstatus" class="custom-input">
                      <option value="">Option</option>
                      <option value="0" {{ ($order->status == 0 ? 'selected' : '') }}>New Order</option>
                      <option value="1" {{ ($order->status == 1 ? 'selected' : '') }}>Processing Order</option>
                      <option value="2" {{ ($order->status == 2 ? 'selected' : '') }}>Complete Order</option>
                    </select>
                </div>
            </li>
            <div class="form-footer">
            <button type="submit" id="updtorder">Update</button>
            <button type="submit" class="deleteorder">Delete Order</button>
          </div>
          </ul>
        </div>
      </div>
    </div>
    <br>
    @if($order->shipping_address1)
        <div class="row">
          <div class="col-lg-12 col-12">
              <div class="register-form form-content">
                  <h4>Shipping Info</h4>
              <div class="row">
                  <div class="col-md-12 col-12">
                    <!--<input class="custom-input" type="hidden" id="orderid" value="{{ $order->id }}" readonly>-->
                  <div class="input-field">
                    <label for="">Address 1</label>
                    <input class="custom-input" type="email" value="{{ $order->shipping_address1 }}" readonly>
                  </div>
                  <div class="input-field">
                        <label for="">Address 2</label>
                        <input class="custom-input" type="text" value="{{ $order->shipping_address2 }}" readonly>
                    </div>
                  <div class="input-field">
                    <label for="">City</label>
                    <input class="custom-input" type="email" value="{{ $order->shipping_city }}" readonly>
                  </div>
                  <div class="input-field">
                        <label for="">State</label>
                        <input class="custom-input" type="text" value="{{ $order->shipping_state }}" readonly>
                    </div>
                  <div class="input-field">
                    <label for="">Country</label>
                    <input class="custom-input" type="email" value="{{ $order->shipping_country }}" readonly>
                  </div>
                  <div class="input-field">
                        <label for="">Pincode</label>
                        <input class="custom-input" type="text" value="{{ $order->shipping_zipcode }}" readonly>
                    </div>
                <div class="input-field">
                    <label for="">Phone</label>
                    <input class="custom-input" type="text" value="{{ $order->shipping_phone }}" readonly>
                </div>
                </div>
              </div>
              </div>
          </div>
        </div>
    @endif
  </div>
  </div>
</main>

<script>
    $(document).ready(function(){
        $("#updtorder").on("click", function(e){
            e.preventDefault();

            var id = $("#orderid").val();
            var status = $("#orderstatus").val();

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                url: "{{ url('/order_update') }}",
                method: "POST",
                data: {id:id,status:status},
                // cache: false,
                // processData: false,
                // contentType: false,
                success:function()
                {
                    toastr.success("Order Converte Successfully","Success",{timeOut: 1500});
                    window.location = "{{ url('/new_orders') }}";
                },
                error:function()
                {
                    toastr.error("SomeThing Went Wrong","Error",{timeOut: 1500});
                    return false;
                },
            });
        });
    });
</script>

<script>    
    $(document).ready(function(){
        $('body').on('click', '.deleteorder', function(e){
            e.preventDefault();
            
            var id = $("#orderid").val();
            
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
            $.ajax({
                url: "{{ url('/order_delete') }}",
                method: "GET",
                data: {'id':id},
                success:function()
                {
                    toastr.success("Order Delete Successfully...","Deleted",{timeOut: 1500});
                    window.location = "{{ url('/new_orders') }}";
                },
                error:function()
                {
                    toastr.error("Something Went Wrong","Error",{timeOut: 1500});
                    return false;
                },
            });
        });
    });
</script>
<x-admin.footer />