{{-- resources/views/admin/internal_orders/show.blade.php --}}
@extends('admin.layouts.app')
@section('title', 'Encomenda interna #' . $order->id)

@php
    $labels = [
        'placed'    => 'Nova',
        'confirmed' => 'Confirmada',
        'preparing' => 'Em preparação',
        'shipped'   => 'Enviada',
        'delivered' => 'Entregue',
        'cancelled' => 'Cancelada',
    ];

    $statusPills = [
        'placed'    => 'azp-badge-pill',
        'confirmed' => 'azp-badge-pill',
        'preparing' => 'azp-badge-pill',
        'shipped'   => 'azp-badge-pill',
        'delivered' => 'azp-badge-pill',
        'cancelled' => 'azp-badge-pill',
    ];

    $currentStatus = $order->status ?? 'placed';
@endphp

@section('content')
    <div class="azp-page">
        {{-- Header --}}
        <div class="azp-page-header">
            <div>
                <h1 class="azp-page-title">Encomenda interna #{{ $order->id }}</h1>
                <div class="azp-page-subtitle">
                    Clube: <strong>{{ optional($order->club)->name ?? '—' }}</strong>
                    <span style="margin:0 8px;color:rgba(0,0,0,.35)">/</span>
                    Estado: <span class="azp-badge-pill" style="display:inline-flex;align-items:center;gap:8px">
                        <span class="azp-dot"></span>
                        {{ $labels[$currentStatus] ?? $currentStatus }}
                    </span>
                </div>
            </div>

            <div class="azp-actions">
                <a href="{{ route('admin.settings.internal_orders.edit', ['status' => $currentStatus]) }}" class="btn outline">Voltar</a>
            </div>
        </div>

        {{-- Flash --}}
        @if (session('status'))
            <div class="flash success">{{ session('status') }}</div>
        @endif
        @if (session('error'))
            <div class="flash error">{{ session('error') }}</div>
        @endif
        @if ($errors->any())
            <div class="flash error">
                <strong>Há erros no formulário.</strong>
                <ul style="margin:8px 0 0 18px">
                    @foreach ($errors->all() as $err)
                        <li>{{ $err }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        {{-- Top grid --}}
        <div class="azp-card">
            <div class="azp-section-title">Resumo</div>

            <div class="azp-form-grid" style="margin-top:10px">
                <div class="field">
                    <div class="label">Criada em</div>
                    <div style="font-weight:650">
                        {{ $order->created_at ? \Carbon\Carbon::parse($order->created_at)->format('d/m/Y H:i') : '—' }}
                    </div>
                    <div class="hint">
                        @if($order->placed_at)
                            Pedido em: {{ \Carbon\Carbon::parse($order->placed_at)->format('d/m/Y H:i') }}
                        @endif
                        @if($order->confirmed_at)
                            <br>Confirmada em: {{ \Carbon\Carbon::parse($order->confirmed_at)->format('d/m/Y H:i') }}
                        @endif
                        @if($order->shipped_at)
                            <br>Enviada em: {{ \Carbon\Carbon::parse($order->shipped_at)->format('d/m/Y H:i') }}
                        @endif
                        @if($order->delivered_at)
                            <br>Entregue em: {{ \Carbon\Carbon::parse($order->delivered_at)->format('d/m/Y H:i') }}
                        @endif
                    </div>
                </div>

                <div class="field">
                    <div class="label">Totais</div>

                    <div style="display:grid;gap:6px;max-width:360px">
                        <div style="display:flex;justify-content:space-between;gap:12px;color:var(--muted)">
                            <span>Subtotal</span>
                            <span>€ {{ number_format((float)$order->subtotal, 2, ',', '.') }}</span>
                        </div>
                        <div style="display:flex;justify-content:space-between;gap:12px;color:var(--muted)">
                            <span>Portes</span>
                            <span>€ {{ number_format((float)$order->shipping_total, 2, ',', '.') }}</span>
                        </div>
                        <div style="height:1px;background:rgba(0,0,0,.08);margin:2px 0"></div>
                        <div style="display:flex;justify-content:space-between;gap:12px;font-weight:800">
                            <span>Total</span>
                            <span>€ {{ number_format((float)$order->grand_total, 2, ',', '.') }}</span>
                        </div>
                    </div>

                    <div class="hint" style="margin-top:8px">
                        Nota: os portes foram copiados do valor global existente no momento de criação da encomenda.
                    </div>
                </div>

                <div class="field">
                    <div class="label">Estado</div>

                    <form method="POST" action="{{ route('admin.internal_orders.status', $order) }}">
                        @csrf
                        <div style="display:flex;gap:10px;align-items:center;flex-wrap:wrap">
                            <select name="status" style="min-width:220px">
                                <option value="placed" {{ $currentStatus==='placed' ? 'selected' : '' }}>Nova</option>
                                <option value="confirmed" {{ $currentStatus==='confirmed' ? 'selected' : '' }}>Confirmada</option>
                                <option value="preparing" {{ $currentStatus==='preparing' ? 'selected' : '' }}>Em preparação</option>
                                <option value="shipped" {{ $currentStatus==='shipped' ? 'selected' : '' }}>Enviada</option>
                                <option value="delivered" {{ $currentStatus==='delivered' ? 'selected' : '' }}>Entregue</option>
                                <option value="cancelled" {{ $currentStatus==='cancelled' ? 'selected' : '' }}>Cancelada</option>
                            </select>

                            <button type="submit" class="btn primary">Atualizar estado</button>
                        </div>

                        @error('status')
                        <div class="hint" style="color:#b00020;margin-top:6px">{{ $message }}</div>
                        @enderror
                    </form>

                    <div class="hint" style="margin-top:8px">
                        Alterar o estado ajuda a organizar a lista por tabs.
                    </div>
                </div>
            </div>

            @if(!empty($order->notes))
                <div style="margin-top:14px">
                    <div class="label">Notas</div>
                    <div style="margin-top:6px;color:var(--ink);background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);padding:10px 12px;border-radius:12px">
                        {{ $order->notes }}
                    </div>
                </div>
            @endif
        </div>

        {{-- Lines --}}
        <div class="azp-card" style="margin-top:12px">
            <div class="azp-section-title">Itens</div>

            <div style="overflow:auto;margin-top:10px">
                <table class="azp-table" style="min-width:920px">
                    <thead>
                    <tr>
                        <th>Produto</th>
                        <th style="width:140px;text-align:right">Preço</th>
                        <th style="width:120px;text-align:right">Qtd</th>
                        <th style="width:160px;text-align:right">Total</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($order->lines ?? [] as $ln)
                        @php
                            $p = $ln->product ?? null;

                            $mainImagePath = $p
                                ? ($p->image_url ?? optional($p->images->first())->path)
                                : null;

                            $mainImageUrl = $mainImagePath
                                ? asset('storage/' . ltrim($mainImagePath, '/'))
                                : null;

                            $size = ($p && !empty($p->size)) ? $p->size : null;
                        @endphp

                        <tr>
                            <td>
                                <div style="display:flex;align-items:center;gap:10px">
                                    <div style="width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f2f2f2;border:1px solid rgba(0,0,0,.08);flex:0 0 auto;display:flex;align-items:center;justify-content:center">
                                        @if($mainImageUrl)
                                            <img src="{{ $mainImageUrl }}"
                                                 alt="{{ $ln->product_name }}"
                                                 style="width:100%;height:100%;object-fit:cover;display:block">
                                        @else
                                            <div style="font-size:10px;color:#999;text-align:center;padding:2px">Sem imagem</div>
                                        @endif
                                    </div>

                                    <div style="min-width:0">
                                        <div style="font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56ch">
                                            {{ $ln->product_name }}
                                        </div>

                                        <div style="color:var(--muted);font-size:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center">
                                            <span>ID produto: {{ $ln->product_id }}</span>

                                            @if($size)
                                                <span class="azp-badge-pill" style="font-size:10px;padding:2px 8px">
                                            Tam: {{ $size }}
                                        </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </td>

                            <td style="text-align:right;color:var(--muted)">
                                € {{ number_format((float)$ln->unit_price, 2, ',', '.') }}
                            </td>

                            <td style="text-align:right;font-weight:700">
                                {{ (int)$ln->quantity }}
                            </td>

                            <td style="text-align:right;font-weight:800">
                                € {{ number_format((float)$ln->line_total, 2, ',', '.') }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" style="color:var(--muted)">Sem itens nesta encomenda.</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

    </div>
@endsection