@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.service_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.service_type') }}</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->from_date)
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.from_date') }}</div>
                            <div class="col-8">{{ \Carbon\Carbon::parse($order->from_date)->format('d/m/Y') }}</div>
                        </div>
                        @endif

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

                        @if($order->people_num)
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.people_num') }}</div>
                            <div class="col-8">{{ $order->people_num }}</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>

                        {{-- Display pricing only if status is not waiting_offer or receiving_offers --}}
                        @if(!in_array($order->status, [\App\Enums\OrderStatusEnum::SERVICE_WAITING_OFFER,
                        \App\Enums\OrderStatusEnum::SERVICE_RECEIVING_OFFERS]))
                        <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>

                        <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.service_price') }}</div>
                            <div class="col-8">{{ $order->total_products . ' ' . __('admin.SAR') }}</div>
                        </div>

                        <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>

                        @if($order->admin_commission > 0)

                        <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

                        {{-- 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
                        @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::SERVICE_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

                        {{-- Provider Offers Section (only for receiving_offers status) --}}
                        @if($order->status == \App\Enums\OrderStatusEnum::SERVICE_RECEIVING_OFFERS &&
                        $order->providerOffers && $order->providerOffers->count() > 0)
                        <div class="row mb-1 mt-3">
                            <div class="col-12">
                                <h6 class="mb-2">{{ __('admin.provider_offers') }}</h6>
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>{{ __('admin.provider_name') }}</th>
                                                <th>{{ __('admin.price') }}</th>
                                                <th>{{ __('admin.date') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($order->providerOffers as $offer)
                                            <tr>
                                                <td>{{ $offer->provider->name ?? '-' }}</td>
                                                <td>{{ number_format($offer->price, 2) }} {{ __('admin.SAR') }}</td>
                                                <td>{{ \Carbon\Carbon::parse($offer->created_at)->format('d/m/Y H:i') }}
                                                </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->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')
{{-- //////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: true
      });

      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);
              }
          }
      });

      google.maps.event.addListener(marker, 'dragend', function() {
          geocoder.geocode({
              'latLng': marker.getPosition()
          }, function(results, status) {
              if (status == google.maps.GeocoderStatus.OK) {
                  if (results[0]) {
                      address.value = results[0].formatted_address;
                      // map_desc.value = results[0]
                      // .formatted_address; // Set the value of map_desc

                      lat.value = marker.getPosition().lat();
                      lng.value = marker.getPosition().lng();
                      infowindow.setContent(results[0].formatted_address);
                      infowindow.open(map, marker);

                      console.log(lat.value, lng.value);
                  }
              }
          });
      });
  }

  // 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);
          initMap(); // Initialize with default/fallback location if geolocation fails
      }
  );

  initialize();

  
function initialize() {
      var input = document.getElementById('address');
      var autocomplete = new google.maps.places.Autocomplete(
          input, {
              types: ['(cities)'],
          });
      google.maps.event.addListener(autocomplete, 'place_changed', function() {
          var place = autocomplete.getPlace();
          if (!place.geometry) {
              return;
          }
          lat.value = place.geometry.location.lat();
          lng.value = place.geometry.location.lng();
          initMap(place.geometry.location.lat(), place.geometry.location.lng());
      });
  }


</script>

@endsection