@extends('admin.layouts.master-soyuz')
@section('title', __('Edit Review | '))

@section('body')
@component('admin.component.breadcumb',['thirdactive' => 'active'])
    @slot('heading'){{ __('All Reviews and Ratings') }}@endslot
    @slot('menu1'){{ __('Review') }}@endslot
    @slot('menu2'){{ __('Edit Review') }}@endslot
    @slot('button')
        <div class="col-md-6">
            <div class="widgetbar">
                <a href="{{ url('admin/review') }}" class="btn btn-primary-rgba"><i class="feather icon-arrow-left mr-2"></i>{{ __('Back') }}</a>
            </div>
        </div>
    @endslot
@endcomponent

@php
    $userName = optional($review->users)->name ?? optional($review->user)->name ?? '—';
    $userEmail = optional($review->users)->email ?? optional($review->user)->email ?? '';
    $proName = '';
    $proImg = url('images/no-image.png');
    if ($review->variant_id && optional($review->variant)->products) {
        $proName = $review->variant->products->name;
        if ($review->variant->variantimages) {
            $proImg = url('variantimages/thumbnails/' . $review->variant->variantimages['main_image']);
        }
    } elseif ($review->simple_product) {
        $proName = $review->simple_product->product_name;
        if ($review->simple_product->thumbnail) {
            $proImg = url('images/simple_products/' . $review->simple_product->thumbnail);
        }
    }
    $rating = (float) ($review->value ?? 0);
@endphp

<div class="contentbar">
    @if ($errors->any())
        <div class="alert alert-danger" role="alert" style="border-radius:10px;">
            @foreach($errors->all() as $error)<p style="margin:0;">{{ $error }}</p>@endforeach
        </div>
    @endif

    <div class="row">
        {{-- LEFT: Review context --}}
        <div class="col-lg-5">
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;border-radius:14px 14px 0 0;padding:16px 20px;">
                    <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-star text-warning mr-2"></i>{{ __('Review Details') }}</h5>
                </div>
                <div class="card-body" style="padding:20px;">

                    {{-- Product card --}}
                    <div style="display:flex;gap:14px;align-items:center;background:#f8fafc;padding:14px;border-radius:10px;margin-bottom:18px;">
                        <div style="width:72px;height:72px;border-radius:10px;background:#fff;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0;">
                            <img src="{{ $proImg }}" alt="" style="width:100%;height:100%;object-fit:cover;">
                        </div>
                        <div style="flex:1;min-width:0;">
                            <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;">{{ __('Product') }}</div>
                            <div style="font-weight:700;color:#0a1430;line-height:1.3;margin-top:2px;">{{ $proName ?: __('Product unavailable') }}</div>
                        </div>
                    </div>

                    {{-- Rating --}}
                    <div style="margin-bottom:16px;">
                        <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;margin-bottom:6px;">{{ __('Rating') }}</div>
                        <div style="display:flex;align-items:center;gap:10px;">
                            <div style="display:flex;gap:2px;">
                                @for($i = 1; $i <= 5; $i++)
                                    <i class="fa fa-star{{ $rating >= $i ? '' : ($rating >= $i - 0.5 ? '-half-o' : '-o') }}" style="color:{{ $rating >= $i - 0.5 ? '#f59e0b' : '#cbd5e1' }};font-size:18px;"></i>
                                @endfor
                            </div>
                            <span style="background:#fef3c7;color:#92400e;padding:3px 10px;border-radius:6px;font-weight:700;font-size:13px;">{{ number_format($rating, 1) }} / 5</span>
                        </div>
                    </div>

                    {{-- Customer --}}
                    <div style="margin-bottom:16px;">
                        <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;margin-bottom:6px;">{{ __('Customer') }}</div>
                        <div style="font-weight:600;color:#0a1430;">{{ $userName }}</div>
                        @if($userEmail)<small style="color:#64748b;">{{ $userEmail }}</small>@endif
                    </div>

                    {{-- Customer review --}}
                    <div>
                        <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;margin-bottom:6px;">{{ __("Customer's Review") }}</div>
                        <div style="background:#f8fafc;padding:12px 14px;border-left:3px solid #3b6df0;border-radius:0 8px 8px 0;color:#0a1430;font-size:14px;line-height:1.6;font-style:italic;">
                            “{{ $review->review ?: __('No comment provided.') }}”
                        </div>
                    </div>

                    {{-- Meta --}}
                    <hr style="margin:16px 0;border-color:#f1f5f9;">
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#64748b;">
                        <div><strong style="color:#0a1430;">{{ __('Order ID') }}:</strong> {{ $review->order_id ?? '—' }}</div>
                        <div><strong style="color:#0a1430;">{{ __('Submitted') }}:</strong> {{ $review->created_at ? $review->created_at->format('d M Y') : '—' }}</div>
                        @if(!empty($review->qty))<div><strong style="color:#0a1430;">{{ __('Qty') }}:</strong> {{ $review->qty }}</div>@endif
                        @if(!empty($review->price))<div><strong style="color:#0a1430;">{{ __('Price') }}:</strong> {{ $review->price }}</div>@endif
                    </div>
                </div>
            </div>
        </div>

        {{-- RIGHT: Admin remark + status --}}
        <div class="col-lg-7">
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;border-radius:14px 14px 0 0;padding:16px 20px;">
                    <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-edit-2 text-primary mr-2"></i>{{ __('Moderate Review') }}</h5>
                </div>
                <div class="card-body" style="padding:24px;">
                    <form method="post" enctype="multipart/form-data" action="{{ url('admin/review/' . $review->id) }}">
                        @csrf
                        @method('PUT')

                        {{-- Status --}}
                        <div style="background:#f8fafc;border-radius:10px;padding:16px 18px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;">
                            <div>
                                <div style="font-weight:700;color:#0a1430;font-size:14px;">{{ __('Approval Status') }}</div>
                                <small style="color:#64748b;">{{ __('Toggle to publish or hide this review on the storefront.') }}</small>
                            </div>
                            <label class="switch" style="margin:0;">
                                <input class="slider" type="checkbox" name="status" value="1" {{ $review->status == 1 ? 'checked' : '' }}>
                                <span class="knob"></span>
                            </label>
                        </div>

                        {{-- Admin remark --}}
                        <div class="form-group">
                            <label class="text-dark" style="font-weight:600;">{{ __('Admin Remark') }} <span class="text-danger">*</span></label>
                            <small class="text-muted d-block mb-2">{{ __('Internal note shown next to the review on the front-end (optional public-facing reply).') }}</small>
                            <textarea name="remark" rows="6" class="form-control" placeholder="{{ __('e.g. Thanks for the feedback! We forwarded this to our team.') }}" style="border-radius:10px;">{{ $review->remark }}</textarea>
                        </div>

                        <div class="d-flex justify-content-end" style="gap:8px;">
                            <a href="{{ url('admin/review') }}" class="btn btn-light" style="border-radius:8px;"><i class="fa fa-ban"></i> {{ __('Cancel') }}</a>
                            <button type="submit" class="btn btn-primary" style="border-radius:8px;font-weight:600;">
                                <i class="fa fa-check-circle"></i> {{ __('Save Changes') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection