@extends('admin.layouts.app')

@section('title', t('admin.orders.detail_title') . ' #' . $order->order_number)
@section('page_title', t('admin.orders.detail_title') . ' #' . $order->order_number)

@section('content')
<div class="space-y-6">

    @if(session('success'))
        <div class="bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-md text-sm">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-md text-sm">{{ session('error') }}</div>
    @endif

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {{-- Order Info --}}
        <div class="bg-white rounded-lg shadow-sm p-6">
            <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">{{ t('admin.orders.info') }}</h3>
            <dl class="space-y-2 text-sm">
                <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.order_number') }}</dt><dd class="font-medium">{{ $order->order_number }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.payment') }}</dt><dd>{{ $order->payment_status }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.model') }}</dt><dd>{{ $order->designerModel?->name ?? '-' }}</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.stone_total') }}</dt><dd>{{ number_format($order->stone_total, 2) }} ₺</dd></div>
                <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.base_price') }}</dt><dd>{{ number_format($order->base_price, 2) }} ₺</dd></div>
                <div class="flex justify-between font-semibold"><dt>{{ t('admin.orders.total') }}</dt><dd>{{ number_format($order->total, 2) }} ₺</dd></div>
                @if($order->tracking_number)
                    <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.tracking') }}</dt><dd>{{ $order->tracking_number }}</dd></div>
                @endif
                <div class="flex justify-between"><dt class="text-gray-500">{{ t('admin.orders.date') }}</dt><dd>{{ $order->created_at->format('d.m.Y H:i') }}</dd></div>
            </dl>
        </div>

        {{-- Customer Info --}}
        <div class="bg-white rounded-lg shadow-sm p-6">
            <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">{{ t('admin.orders.customer_info') }}</h3>
            <dl class="space-y-2 text-sm">
                <div><dt class="text-gray-500">{{ t('admin.orders.customer_name') }}</dt><dd class="font-medium">{{ $order->customer_name }}</dd></div>
                <div><dt class="text-gray-500">{{ t('admin.orders.customer_email') }}</dt><dd>{{ $order->customer_email }}</dd></div>
                <div><dt class="text-gray-500">{{ t('admin.orders.customer_phone') }}</dt><dd>{{ $order->customer_phone }}</dd></div>
                <div><dt class="text-gray-500">{{ t('admin.orders.address') }}</dt><dd>{{ $order->address }}</dd></div>
            </dl>
        </div>

        {{-- Actions --}}
        <div class="space-y-4">
            {{-- Status Update --}}
            @can('update_order_status')
            <div class="bg-white rounded-lg shadow-sm p-6">
                <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">{{ t('admin.orders.change_status') }}</h3>
                <form method="POST" action="{{ route('admin.orders.updateStatus', $order) }}">
                    @csrf
                    <select name="status_id" class="w-full border border-gray-300 rounded-md px-3 py-2 text-sm mb-2 focus:ring-blue-500 focus:border-blue-500">
                        @foreach($statuses as $s)
                            <option value="{{ $s->id }}" {{ $order->status_id == $s->id ? 'selected' : '' }}>
                                {{ $s->translations->where('locale_code', app()->getLocale())->first()?->label ?? $s->status_key }}
                            </option>
                        @endforeach
                    </select>
                    <button type="submit" class="w-full bg-blue-600 text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition-colors">
                        {{ t('admin.orders.update_status') }}
                    </button>
                </form>
            </div>
            @endcan

            {{-- Add Tracking --}}
            @can('add_tracking_number')
            <div class="bg-white rounded-lg shadow-sm p-6">
                <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">{{ t('admin.orders.tracking') }}</h3>
                <form method="POST" action="{{ route('admin.orders.addTracking', $order) }}">
                    @csrf
                    <input type="text" name="tracking_number" value="{{ $order->tracking_number }}"
                           class="w-full border border-gray-300 rounded-md px-3 py-2 text-sm mb-2 focus:ring-blue-500 focus:border-blue-500"
                           placeholder="{{ t('admin.orders.tracking_placeholder') }}">
                    <button type="submit" class="w-full bg-gray-700 text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-800 transition-colors">
                        {{ t('admin.orders.save_tracking') }}
                    </button>
                </form>
            </div>
            @endcan
        </div>
    </div>

    {{-- Add Note --}}
    @can('add_order_note')
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">{{ t('admin.orders.add_note') }}</h3>
        <form method="POST" action="{{ route('admin.orders.addNote', $order) }}" class="flex gap-3">
            @csrf
            <input type="text" name="note" class="flex-1 border border-gray-300 rounded-md px-3 py-2 text-sm focus:ring-blue-500 focus:border-blue-500"
                   placeholder="{{ t('admin.orders.note_placeholder') }}" required maxlength="1000">
            <button type="submit" class="bg-gray-700 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-gray-800 transition-colors">
                {{ t('admin.orders.save_note') }}
            </button>
        </form>
    </div>
    @endcan

    {{-- Order Logs --}}
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h3 class="text-sm font-semibold text-gray-500 uppercase mb-3">{{ t('admin.orders.logs') }}</h3>
        <div class="space-y-3">
            @forelse($order->logs->sortByDesc('created_at') as $log)
                <div class="flex items-start gap-3 text-sm border-l-2 border-gray-200 pl-3">
                    <div>
                        <span class="font-medium text-gray-800">{{ $log->action }}</span>
                        @if($log->meta_json)
                            <span class="text-gray-500">—
                                @if($log->action === 'status_changed')
                                    {{ $log->meta_json['from'] ?? '' }} → {{ $log->meta_json['to'] ?? '' }}
                                @elseif($log->action === 'note_added')
                                    {{ $log->meta_json['note'] ?? '' }}
                                @elseif($log->action === 'tracking_added')
                                    {{ $log->meta_json['tracking_number'] ?? '' }}
                                @else
                                    {{ json_encode($log->meta_json) }}
                                @endif
                            </span>
                        @endif
                        <div class="text-xs text-gray-400 mt-0.5">{{ $log->created_at->format('d.m.Y H:i:s') }}</div>
                    </div>
                </div>
            @empty
                <p class="text-gray-500 text-sm">{{ t('admin.orders.no_logs') }}</p>
            @endforelse
        </div>
    </div>
</div>
@endsection