@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/index_page.css') }}">
@endsection
@section('css')
@endsection
@section('content')
    <!-- // Basic multiple Column Form section start -->

    <section id="multiple-column-form">
        <div class="row">
            {{-- start order details --}}
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class=""><i class="fa fa-user"></i>{{ __('admin.show') }} - {{ __('admin.product_order') }}</h5>
                    </div>
                    <hr>
                    
                    <div class="card-content">
                        <div class="card-body">

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.order_num') }}</div>
                                <div class="col-8">{{ $order->order_num??'' }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.category') }}</div>
                                <div class="col-8">{{ $order->category?->name??'' }}</div>
                            </div>

                            @if($order->subCategory)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.sub_category') }}</div>
                                <div class="col-8">{{ $order->subCategory->name??'' }}</div>
                            </div>
                            @endif

                            @if($order->provider)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.provider_name') }}</div>
                                <div class="col-8">{{ $order->provider->name??'' }}</div>
                            </div>
                            @endif

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.order_status') }}</div>
                                <div class="col-8">{{ $order->StatusText??'' }}</div>
                            </div>

                            @if(!$order->parent_id)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.pay_type') }}</div>
                                <div class="col-8">{{ $order->PayTypeText??'' }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.order_pay_status') }}</div>
                                <div class="col-8">{{ $order->PayStatusText }}</div>
                            </div>
                            @endif

                            @if($order->delivery_type)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.delivery_type') }}</div>
                                <div class="col-8">
                                    @if($order->delivery_type == 'delivery')
                                        {{ __('admin.delivery') }}
                                    @else
                                        {{ __('admin.pickup') }}
                                    @endif
                                </div>
                            </div>
                            @endif

                            @if($order->lat && $order->lng)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.location') }}</div>
                                <div class="col-8">{{ $order->map_desc ?? '-' }}</div>
                            </div>
                            @endif

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.order_date') }}</div>
                                <div class="col-8">{{ \Carbon\Carbon::parse($order->created_at)->format('d/m/Y H:i') }}</div>
                            </div>

                            @if(!$order->parent_id)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.vat_value') }}</div>
                                <div class="col-8">{{ $order->vat_amount . ' ' . __('admin.SAR') }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.admin_commission') }}</div>
                                <div class="col-8">{{ $order->admin_commission . ' ' . __('admin.SAR') }}</div>
                            </div>
                            @endif

                            {{-- //coupon --}}
                            @if ($order->coupon_num !== null)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.coupon_num') }}</div>
                                <div class="col-8">{{ $order->coupon_num }}</div>
                            </div>
                            @endif

                            @if ($order->coupon_type !== null)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.coupon_type') }}</div>
                                <div class="col-8">{{ $order->coupon_type }}</div>
                            </div>
                            @endif

                            @if ($order->coupon_value !== null)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.coupon_value') }}</div>
                                <div class="col-8">{{ $order->coupon_value }}</div>
                            </div>
                            @endif

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.products_price') }}</div>
                                <div class="col-8">{{ $order->total_products . ' ' . __('admin.SAR') }}</div>
                            </div>

                            @if($order->deliver_price > 0)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.delivery_price') }}</div>
                                <div class="col-8">{{ $order->deliver_price . ' ' . __('admin.SAR') }}</div>
                            </div>
                            @endif

                            @if(!$order->parent_id)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.final_total_price') }}</div>
                                <div class="col-8">{{ $order->final_total . ' ' . __('admin.SAR') }}</div>
                            </div>
                            @endif

                            {{-- Return Deduction Information (for return orders) --}}
                            @if($order->parent_id && $order->return_deduction_percentage > 0)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.return_deduction_percentage') }}</div>
                                <div class="col-8">{{ number_format($order->return_deduction_percentage, 2) . ' %' }}</div>
                            </div>
                            @php
                                $deductionAmount = $order->final_total * ($order->return_deduction_percentage / 100);
                                $userWillTake = $order->final_total - $deductionAmount;
                            @endphp
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.deduction_amount') }}</div>
                                <div class="col-8">{{ number_format($deductionAmount, 2) . ' ' . __('admin.SAR') }}</div>
                            </div>
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.user_will_take') }}</div>
                                <div class="col-8"><strong class="text-success">{{ number_format($userWillTake, 2) . ' ' . __('admin.SAR') }}</strong></div>
                            </div>
                            @endif

                            {{-- Deposit Information --}}
                            @if($order->deposit_amount > 0)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.deposit_amount') }}</div>
                                <div class="col-8">{{ number_format($order->deposit_amount, 2) . ' ' . __('admin.SAR') }}</div>
                            </div>

                            @if($order->deposit_percentage > 0)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.deposit_percentage') }}</div>
                                <div class="col-8">{{ number_format($order->deposit_percentage, 2) . ' %' }}</div>
                            </div>
                            @endif

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.deposit_paid') }}</div>
                                <div class="col-8">
                                    @if($order->deposit_paid)
                                        <span class="badge badge-success">{{ __('admin.yes') }}</span>
                                    @else
                                        <span class="badge badge-warning">{{ __('admin.no') }}</span>
                                    @endif
                                </div>
                            </div>

                            @if($order->remaining_amount > 0)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.remaining_amount') }}</div>
                                <div class="col-8">{{ number_format($order->remaining_amount, 2) . ' ' . __('admin.SAR') }}</div>
                            </div>
                            @endif
                            @endif

                           @if($order->notes)
                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.notes') }}</div>
                                <textarea class="form-control" name="notes" id="" cols="10" rows="8" readonly> {{ $order->notes??'' }}</textarea>
                            </div>
                            @endif

                            {{-- //canceled --}}
                            @if ($order->status == \App\Enums\OrderStatusEnum::PRODUCTS_CANCELED && $order->cancel_reason_id !== null)
                                <div class="row mb-1">
                                    <div class="col-4">{{ __('admin.cancel_reason') }}</div>
                                    <textarea class="form-control" name="cancel_reason_id" id="" cols="10" rows="8" readonly> {{ $order->cancelReason->name??'' }}</textarea>
                                </div>
                            @endif

                            {{-- Order Products Section --}}
                            @if($order->orderProducts && $order->orderProducts->count() > 0)
                            <div class="row mb-1 mt-3">
                                <div class="col-12">
                                    <h6 class="mb-2">{{ __('admin.order_products') }}</h6>
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('admin.product_name') }}</th>
                                                    <th>{{ __('admin.variant') }}</th>
                                                    <th>{{ __('admin.quantity') }}</th>
                                                    <th>{{ __('admin.unit_price') }}</th>
                                                    <th>{{ __('admin.total_price') }}</th>
                                                    <th>{{ __('admin.supplies') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($order->orderProducts as $orderProduct)
                                                <tr>
                                                    <td>{{ $orderProduct->product->name ?? '-' }}</td>
                                                    <td>
                                                        @if($orderProduct->variant)
                                                        @if($orderProduct->variant->sku)
                                                            <div>
                                                                <strong>{{ __('admin.sku') }}:</strong> {{ $orderProduct->variant->sku ?? '-' }}
                                                            </div>
                                                            @endif
                                                            @php
                                                                // Use saved product price from order
                                                                $savedProductPrice = $orderProduct->product_price ?? null;
                                                            @endphp
                                                            @if($savedProductPrice && $savedProductPrice > 0)
                                                            <div>
                                                                <strong>{{ __('admin.price') }}:</strong> 
                                                                <span class="text-success">{{ number_format($savedProductPrice, 2) }} {{ __('admin.SAR') }}</span>
                                                                <span class="text-muted">({{ __('admin.price_per_unit') }})</span>
                                                                <span class="badge badge-info">{{ __('admin.order_price') }}</span>
                                                            </div>
                                                            @endif
                                                            @if($orderProduct->variant->options && $orderProduct->variant->options->count() > 0)
                                                            <div class="mt-1">
                                                                <strong>{{ __('admin.options') }}:</strong>
                                                                @foreach($orderProduct->variant->options as $option)
                                                                    <span class="badge badge-light-primary">
                                                                        {{ $option->feature->name ?? '' }}: {{ $option->name ?? '-' }}
                                                                    </span>
                                                                @endforeach
                                                            </div>
                                                            @elseif($orderProduct->variant->variantOptions && $orderProduct->variant->variantOptions->count() > 0)
                                                            <div class="mt-1">
                                                                <strong>{{ __('admin.options') }}:</strong>
                                                                @foreach($orderProduct->variant->variantOptions as $variantOption)
                                                                    @if($variantOption->featureOption)
                                                                        <span class="badge badge-light-primary">
                                                                            {{ $variantOption->featureOption->feature->name ?? '' }}: {{ $variantOption->featureOption->name ?? '-' }}
                                                                        </span>
                                                                    @endif
                                                                @endforeach
                                                            </div>
                                                            @endif
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td>{{ $orderProduct->quantity ?? '-' }}</td>
                                                    <td>
                                                        @php
                                                            // Use saved product price from order
                                                            $savedProductPrice = $orderProduct->product_price ?? null;
                                                        @endphp
                                                        @if($savedProductPrice && $savedProductPrice > 0)
                                                            <strong>{{ number_format($savedProductPrice, 2) }} {{ __('admin.SAR') }}</strong>
                                                            <span class="badge badge-info badge-sm">{{ __('admin.order_price') }}</span>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @php
                                                            $quantity = $orderProduct->quantity ?? 1;
                                                            $savedProductPrice = $orderProduct->product_price ?? 0;
                                                            $totalProductPrice = $savedProductPrice * $quantity;
                                                        @endphp
                                                        @if($savedProductPrice > 0)
                                                            <strong class="text-success">{{ number_format($totalProductPrice, 2) }} {{ __('admin.SAR') }}</strong>
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($orderProduct->supplies && $orderProduct->supplies->count() > 0)
                                                            @foreach($orderProduct->supplies as $supply)
                                                                @php
                                                                    $supplyQuantity = $supply->pivot->quantity ?? 1;
                                                                    // Use saved supply price from order, fallback to supply price if not saved
                                                                    $savedSupplyPrice = $supply->pivot->price ?? null;
                                                                    $supplyPrice = $savedSupplyPrice ?? (float) ($supply->price ?? 0);
                                                                    $supplyTotal = $supplyPrice * $supplyQuantity;
                                                                @endphp
                                                                <div>
                                                                    <strong>{{ $supply->name }}</strong>
                                                                    <span class="text-muted">({{ $supplyQuantity }})</span>
                                                                    <span class="text-success">- {{ number_format($supplyTotal, 2) }} {{ __('admin.SAR') }}</span>
                                                                    @if($savedSupplyPrice)
                                                                        <span class="badge badge-info badge-sm">{{ __('admin.order_price') }}</span>
                                                                    @endif
                                                                </div>
                                                            @endforeach
                                                        @else
                                                            -
                                                        @endif
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>
                </div>
            </div>
            {{-- end order details --}}

            {{-- user details --}}

            <div class="col-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class=""><i class="fa fa-user"></i> {{ __('admin.user_details') }} </h5>
                    </div>
                    <hr>
                    <div class="card-content">
                        <div class="card-body">

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.name') }}</div>
                                <div class="col-8">{{ $order?->user?->name }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.phone') }}</div>
                                <div class="col-8">{{ $order?->user?->full_phone }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.email') }}</div>
                                <div class="col-8">{{ $order->user->email ?? '' }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.ban_status') }}</div>
                                @if ($order?->user?->is_blocked)
                                <div class="chip chip-danger">
                                    <div class="chip-body">
                                        <div class="chip-text">{{ __('admin.Prohibited') }}</div>
                                    </div>
                                </div>
                                @else
                                <div class="chip chip-primary">
                                    <div class="chip-body text-center">
                                        <div class="chip-text ">{{ __('admin.Unspoken') }}</div>
                                    </div>
                                </div>
                                @endif
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.activation') }}</div>
                                @if ($order?->user?->active)
                                <div class="chip chip-danger">
                                    <div class="chip-body">
                                        <div class="chip-text">{{ __('admin.active') }}</div>
                                    </div>
                                </div>
                                @else
                                <div class="chip chip-primary">
                                    <div class="chip-body text-center">
                                        <div class="chip-text ">{{ __('admin.disactive') }}</div>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- end user details --}}

            {{-- provider details --}}
            @if($order->provider)
            <div class="col-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class=""><i class="fa fa-user"></i> {{ __('admin.provider_details') }} </h5>
                    </div>
                    <hr>
                    <div class="card-content">
                        <div class="card-body">

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.name') }}</div>
                                <div class="col-8">{{ $order->provider->name }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.phone') }}</div>
                                <div class="col-8">{{ $order->provider->full_phone }}</div>
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.ban_status') }}</div>
                                @if ($order->provider->is_blocked)
                                <div class="chip chip-danger">
                                    <div class="chip-body">
                                        <div class="chip-text">{{ __('admin.Prohibited') }}</div>
                                    </div>
                                </div>
                                @else
                                <div class="chip chip-primary">
                                    <div class="chip-body text-center">
                                        <div class="chip-text ">{{ __('admin.Unspoken') }}</div>
                                    </div>
                                </div>
                                @endif
                            </div>

                            <div class="row mb-1">
                                <div class="col-4">{{ __('admin.activation') }}</div>
                                @if ($order->provider->active)
                                <div class="chip chip-danger">
                                    <div class="chip-body">
                                        <div class="chip-text">{{ __('admin.active') }}</div>
                                    </div>
                                </div>
                                @else
                                <div class="chip chip-primary">
                                    <div class="chip-body text-center">
                                        <div class="chip-text ">{{ __('admin.disactive') }}</div>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            {{-- end provider details --}}

            {{-- rate --}}
            @if ($order->rates && $order->rates->count() > 0)
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class=""><i class="fa fa-user"></i> {{ __('admin.order_rate') }} </h5>
                    </div>
                    <hr>
                    <div class="table_content_append">
                        <div class="position-relative">
                            <table class="table " id="tab">
                                <thead>
                                    <tr>
                                        <th>{{ __('admin.rate') }}</th>
                                        <th>{{ __('admin.comment') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($order->rates as $rate)
                                    <tr class="delete_row">
                                        <td>{{ $rate->rate ?? '' }}</td>
                                        <td>{{ $rate->comment ?? '' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            {{-- rate --}}

            {{-- start map --}}
            @if($order->delivery_type == 'delivery' && $order->lat && $order->lng)
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class=""><i class="fa fa-map-marker"></i> {{ __('admin.location') }} </h5>
                    </div>
                    <hr>
                    <div class="card-content">
                        <div class="card-body">
                            <div class="form-group">
                                <label class="bold font14" for="exampleInputEmail1">{{ __('admin.location') }} </label>
                                <input disabled type="text" name="map_desc" id="address" class="form-control"
                                    value="{{$order->map_desc}}">
                                <br>
                                <div class="position-relative">
                                    <div id="map" style="width: 100%; height: 250px;"></div>
                                    <input type="hidden" name="lat" id="lat" value="{{$order->lat}}">
                                    <input type="hidden" name="lng" id="lng" value="{{$order->lng}}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            {{-- end map --}}

            <div class="col-12 d-flex justify-content-center mt-3">
                <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back')
                    }}</a>
            </div>

        </div>
    </section>
@endsection

@section('js')
@if($order->delivery_type == 'delivery' && $order->lat && $order->lng)
{{-- //////map --}}
<script type="text/javascript"
src='https://maps.google.com/maps/api/js?language={{ app()->getLocale() }}&libraries=places&key={{$settings['google_places'] ?? ''}}'>
</script>
<script>

var map;
  var marker;
  var lat = document.getElementById('lat');
  var lng = document.getElementById('lng');
  var address = document.getElementById('address');
  var geocoder = new google.maps.Geocoder();
  var infowindow = new google.maps.InfoWindow();

  function initMap(locationlat, locationlng) {
      var myLatlng;
      if (locationlat && locationlng) {
          myLatlng = new google.maps.LatLng(locationlat, locationlng);
      } else {
          myLatlng = new google.maps.LatLng(30, 30);
      }

      var mapOptions = {
          zoom: 15,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      map = new google.maps.Map(document.getElementById("map"), mapOptions);
      marker = new google.maps.Marker({
          map: map,
          position: myLatlng,
          draggable: false
      });

      geocoder.geocode({
          'latLng': myLatlng
      }, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
              if (results[0]) {
                  address.value = results[0].formatted_address;
                  lat.value = marker.getPosition().lat();
                  lng.value = marker.getPosition().lng();
                  infowindow.setContent(results[0].formatted_address);
                  infowindow.open(map, marker);
              }
          }
      });
  }

  // Get current location using geolocation API
  navigator.geolocation.getCurrentPosition(
      function(position) {
          if (lat.value && lng.value) {
              initMap(lat.value, lng.value);
          } else {
              initMap(position.coords.latitude, position.coords.longitude);
          }
      },
      function errorCallback(error) {
          console.log(error);
          if (lat.value && lng.value) {
              initMap(lat.value, lng.value);
          } else {
              initMap();
          }
      }
  );

</script>
@endif
@endsection