@extends('restaurant.layouts.app')

@section('title', __('restaurant.orders'))

@section('styles')
    <style>
        .resto-menu-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
        .resto-menu-search { display:flex; gap:8px; }
        .resto-menu-search input { border:1px solid #ddd; border-radius:10px; padding:10px 14px; min-width:220px; }

        .resto-menu-table { width:100%; border-collapse:collapse; }
        .resto-menu-table th, .resto-menu-table td { padding:14px 12px; border-bottom:1px solid #eee; text-align:left; vertical-align:middle; }
        .resto-menu-table th { font-size:13px; text-transform:uppercase; color:#888; }
        .resto-actions a { border:none; border-radius:8px; padding:7px 12px; font-size:13px; cursor:pointer; text-decoration:none; background:#111; color:#C3AD66; }
        .resto-status { font-weight:600; }
    </style>
@endsection

@section('content')
    <div class="sm-page">
        <div class="sm-card">
            <div class="resto-menu-toolbar">
                <div>
                    <h3>{{ __('restaurant.orders') }}</h3>
                    <p class="sm-lead" style="margin:0;">{{ __('restaurant.orders_intro') }}</p>
                </div>
            </div>

            <form action="{{ route('restaurant.orders.index') }}" method="GET" class="resto-menu-search" style="margin-bottom:18px;">
                <input type="text" name="search" value="{{ $search }}" placeholder="{{ __('restaurant.order_search_placeholder') }}">
                <button type="submit" class="rts-btn btn-primary">{{ __('restaurant.search') }}</button>
            </form>

            @if($orders->isEmpty())
                <p style="color:#888;">{{ __('restaurant.no_orders') }}</p>
            @else
                <div style="overflow-x:auto;">
                    <table class="resto-menu-table">
                        <thead>
                            <tr>
                                <th>{{ __('restaurant.order_number') }}</th>
                                <th>{{ __('restaurant.order_date') }}</th>
                                <th>{{ __('restaurant.order_customer') }}</th>
                                <th>{{ __('restaurant.order_total') }}</th>
                                <th>{{ __('restaurant.order_status') }}</th>
                                <th>{{ __('restaurant.actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($orders as $order)
                                @php $currency = optional($order->items->first())->currency ?: 'EUR'; @endphp
                                <tr>
                                    <td>{{ $order->order_number }}</td>
                                    <td>{{ $order->created_at?->format('d/m/Y H:i') }}</td>
                                    <td>{{ $order->buyer?->name ?? '-' }}</td>
                                    <td>{{ number_format($order->products_total, 2, ',', ' ') }} {{ $currency }}</td>
                                    <td><span class="resto-status">{{ __('messages.' . $order->status) }}</span></td>
                                    <td>
                                        <div class="resto-actions">
                                            <a href="{{ route('restaurant.orders.show', $order->id) }}">{{ __('restaurant.order_view') }}</a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div style="margin-top:20px;">
                    {{ $orders->links() }}
                </div>
            @endif
        </div>
    </div>
@endsection