@section('title', __('Reviews'))
<div>

  <x-baseview title="{{ __('Reviews') }}">
    <livewire:tables.review-table />
  </x-baseview>




  {{-- details modal --}}
  <div x-data="{ open: @entangle('showDetails') }">
    <x-modal-lg>

      <p class="text-xl font-semibold">{{ __('Review') }}</p>
      <div class="mt-4 grid grid-cols-1 gap-4 border-t md:grid-cols-2">
      </div>
      <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
        <x-details.item title="{{ __('User') }}" text="{{ $selectedModel->user->name ?? '' }}" />
      </div>
      <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
        <x-details.item title="{{ __('Review') }}" text="{{ $selectedModel->rating_text ?? '' }}" />
      </div>
      @if ($selectedModel)
        @foreach ($selectedModel->ratings as $ratting)
          <x-details.item title="{{ $ratting->name }}" text="{{ $ratting->pivot->value }}" />
        @endforeach
      @endif
      <div class="mt-5 grid grid-cols-1 gap-4 border-t md:grid-cols-2 lg:grid-cols-3">
        {{-- <x-details.item title="{{ __('Latitude') }}" text="#{{ $selectedModel->latitude ?? '' }}" /> --}}
        {{-- <x-details.item title="{{ __('Longitude') }}" text="#{{ $selectedModel->longitude ?? '' }}" /> --}}
        <x-details.item title="{{ __('City') }}" text="{{ __($selectedModel->city ?? '') }}" />
        <x-details.item title="{{ __('District') }}" text="{{ __($selectedModel->district ?? '') }}" />
        <x-details.item title="{{ __('Street') }}" text="{{ $selectedModel->street ?? '' }}" />
      </div>
      {{-- foods --}}
      <div class="mt-4 border-t pt-4">
        <x-order.products :products="$selectedModel->products ?? ''" />
      </div>

    </x-modal-lg>
  </div>

</div>