@extends('layouts.app')
@section('title','Sales Order '.$order->order_number)
@section('content')
@php
$cur=$order->currency;
$money=fn($v)=>$cur.' '.number_format((float)$v,2);
$dubai=fn($v)=>\Illuminate\Support\Carbon::parse($v,'UTC')->setTimezone('Asia/Dubai')->format('d M Y H:i');
$rank=['draft'=>0,'submitted'=>1,'approved'=>2,'invoiced'=>3,'void'=>3];$current=$rank[$order->status]??-1;
$steps=[['draft',__('orders.step_draft'),$order->created_at],['submitted',__('orders.step_submitted'),$order->submitted_at],['approved',__('orders.step_approved'),$order->approved_at],['invoiced',__('orders.step_invoiced'),$order->invoiced_at]];
$blocked=$order->customer_status!=='active' && in_array($order->status,['draft','submitted','approved'],true);
@endphp

<x-ui.page-header :title="$order->order_number" :subtitle="$order->customer_name.' · '.$money($order->grand_total).' · '.__('orders.created_on',['date'=>\Illuminate\Support\Carbon::parse($order->created_at)->format('d M Y H:i')])">
    <x-slot:status><x-ui.status :status="$order->status"/></x-slot:status>
    <x-slot:actions>
        <x-ui.button variant="ghost" :href="route('sales.orders.index')">{{ __('orders.back') }}</x-ui.button>
        @if($canCancel)<x-ui.button variant="danger" data-ui-open="cancel-order">{{ __('orders.cancel_order') }}</x-ui.button>@endif
        @if($canVoid)<x-ui.button variant="danger" data-ui-open="void-invoice">{{ __('orders.void_invoice') }}</x-ui.button>@endif
        @if($canSubmit)<form method="POST" action="{{ route('sales.orders.submit',$order->id) }}">@csrf<x-ui.button type="submit" variant="primary" icon="right">{{ __('orders.submit') }}</x-ui.button></form>@endif
        @if($canApprove)<form method="POST" action="{{ route('sales.orders.approve',$order->id) }}">@csrf<x-ui.button type="submit" variant="primary" icon="check">{{ __('orders.approve') }}</x-ui.button></form>@endif
        @if($canInvoice)<x-ui.button variant="primary" icon="receipt" data-ui-open="convert-invoice">{{ __('orders.invoice') }}</x-ui.button>@endif
    </x-slot:actions>
</x-ui.page-header>

<x-ui.flash/>
@if($blocked)<x-ui.alert type="warning">{{ __('orders.customer_blocked',['status'=>str_replace('_',' ',$order->customer_status)]) }}</x-ui.alert>@endif
@if($order->status==='void')
<x-ui.alert type="error" :title="__('orders.invoice_void')">
    {{ \Illuminate\Support\Carbon::parse($order->voided_at,'UTC')->format('d M Y H:i') }}@if($voidedBy) {{ __('orders.by',['name'=>$voidedBy]) }}@endif · {{ __('orders.void_detail',['number'=>$order->invoice_number]) }}
    <span style="display:block;white-space:pre-wrap;margin-top:4px">{{ $order->void_reason }}</span>
    @if($order->focus_recorded_at)<span style="display:block;margin-top:4px">@if($order->focus_void_recorded_at){{ __('orders.void_in_focus',['time'=>$dubai($order->focus_void_recorded_at)]) }}@else{{ __('orders.void_not_in_focus') }}@endif</span>@endif
</x-ui.alert>
@endif
@if($order->status==='cancelled')
<x-ui.alert type="error" :title="__('orders.cancelled')">
    {{ $order->cancelled_at ? \Illuminate\Support\Carbon::parse($order->cancelled_at)->format('d M Y H:i') : '' }}@if($cancelledBy) {{ __('orders.by',['name'=>$cancelledBy]) }}@endif
    <span style="display:block;white-space:pre-wrap;margin-top:4px">{{ $order->cancel_reason }}</span>
</x-ui.alert>
@endif

<div class="ui-detail">
    <div class="ui-detail-main">
        <x-ui.facts>
            <x-ui.fact :label="__('orders.customer')"><bdi>{{ $order->customer_name }}</bdi><span class="ui-sub mono">{{ $order->customer_code }}</span></x-ui.fact>
            <x-ui.fact :label="__('orders.salesperson')">{{ $order->salesperson_name }}</x-ui.fact>
            <x-ui.fact :label="__('orders.stock_warehouse')">{{ $order->warehouse_name ?: __('orders.not_chosen') }}<span class="ui-sub mono">{{ $order->warehouse_code }}</span></x-ui.fact>
            <x-ui.fact :label="__('orders.invoice_number')">
                <span class="mono">{{ $order->invoice_number ?: __('orders.not_issued') }}@if($order->status==='void') (void)@endif</span>
                @if(in_array($order->status,['invoiced','void'],true))<span class="ui-sub">@if($order->focus_recorded_at)Focus {{ $order->focus_document_number }} · {{ $dubai($order->focus_recorded_at) }} UAE @else{{ __('orders.not_linked_focus') }}@endif</span>@endif
            </x-ui.fact>
        </x-ui.facts>

        <x-ui.card :title="__('orders.items')" :subtitle="trans_choice('orders.lines',$items->count(),['count'=>$items->count()])" :padded="false">
            <x-ui.table>
                <thead><tr><th>#</th><th>{{ __('orders.product') }}</th><th class="is-num">{{ __('orders.qty') }}</th><th class="is-num">{{ __('orders.unit_price') }}</th><th class="is-num">{{ __('orders.discount') }}</th><th class="is-num">{{ __('orders.taxable') }}</th><th class="is-num">{{ __('orders.vat') }}</th><th class="is-num">{{ __('orders.total') }}</th><th>{{ __('orders.stock') }}</th></tr></thead>
                <tbody>
                @foreach($items as $item)
                    @php($stock=$stockByItem[$item->id]??[])
                    <tr>
                        <td style="color:var(--text-3)">{{ $item->line_sequence }}</td>
                        <td><b style="font-weight:550"><bdi>{{ $item->name_snapshot }}</bdi></b><span class="ui-sub mono">{{ $item->sku_snapshot }}</span></td>
                        <td class="is-num">{{ number_format((float)$item->quantity,4) }}</td>
                        <td class="is-num">{{ number_format((float)$item->gross_unit_price,4) }}</td>
                        <td class="is-num">{{ number_format((float)$item->discount_amount,2) }}<span class="ui-sub">{{ number_format((float)$item->discount_rate,2) }}%</span></td>
                        <td class="is-num">{{ number_format((float)$item->taxable_amount,2) }}</td>
                        <td class="is-num">{{ number_format((float)$item->vat_amount,2) }}<span class="ui-sub">{{ number_format((float)$item->vat_rate,2) }}%</span></td>
                        <td class="is-num"><b>{{ number_format((float)$item->line_total,2) }}</b></td>
                        <td>@if(isset($stock['void'])){{ __('orders.stock_restored') }}<span class="ui-sub num">{{ \App\Support\StockQuantity::display((string)$stock['void']->quantity_before) }} → {{ \App\Support\StockQuantity::display((string)$stock['void']->quantity_after) }}</span>@elseif(isset($stock['movement'])){{ __('orders.stock_deducted') }}<span class="ui-sub num">{{ \App\Support\StockQuantity::display((string)$stock['movement']->quantity_before) }} → {{ \App\Support\StockQuantity::display((string)$stock['movement']->quantity_after) }}</span>@elseif(($stock['reservation']??null)==='active'){{ __('orders.stock_reserved') }} @elseif(($stock['reservation']??null)==='released'){{ __('orders.stock_released') }} @else <span style="color:var(--text-3)">—</span>@endif</td>
                    </tr>
                @endforeach
                </tbody>
            </x-ui.table>
        </x-ui.card>

        @if($order->notes)<x-ui.card :title="__('orders.notes')"><div style="white-space:pre-wrap;color:var(--text-2)">{{ $order->notes }}</div></x-ui.card>@endif
    </div>

    <aside class="ui-detail-side">
        <x-ui.card :title="__('orders.summary')" :subtitle="$cur" :padded="false">
            <dl class="ui-totals">
                <div><dt>{{ __('orders.subtotal') }}</dt><dd>{{ $money($order->subtotal) }}</dd></div>
                <div><dt>{{ __('orders.discount') }}</dt><dd>- {{ $money($order->discount_total) }}</dd></div>
                <div><dt>{{ __('orders.taxable_amount') }}</dt><dd>{{ $money($order->taxable_total) }}</dd></div>
                <div><dt>{{ __('orders.vat') }}</dt><dd>{{ $money($order->vat_total) }}</dd></div>
                <div class="is-grand"><dt>{{ __('orders.grand_total') }}</dt><dd>{{ $money($order->grand_total) }}</dd></div>
            </dl>
        </x-ui.card>

        <x-ui.card :title="__('orders.progress')" :padded="false">
            <ol class="ui-steps">
                @foreach($steps as $index=>[$key,$label,$at])
                    <li class="{{ $current>$index || ($current===$index && $index===3) ? 'is-done' : ($current===$index ? 'is-now' : '') }}{{ $order->status==='void' && $index===3 ? ' is-void' : '' }}">
                        <span class="ui-dot"></span><span><b>{{ $label }}</b><small>{{ $at ? \Illuminate\Support\Carbon::parse($at)->format('d M H:i') : __('orders.pending') }}</small></span>
                    </li>
                @endforeach
            </ol>
        </x-ui.card>

        @if($canLinkFocus)
        <x-ui.card :title="__('orders.link_focus')">
            <p class="ui-cardtext">{{ __('orders.link_focus_body') }}</p>
            <form method="POST" action="{{ route('sales.orders.focus-link',$order->id) }}" class="ui-stack">@csrf
                <x-ui.field :label="__('orders.focus_number')" name="focus_document_number" required><input id="focus_document_number" name="focus_document_number" required maxlength="80" value="{{ old('focus_document_number') }}"></x-ui.field>
                <x-ui.field :label="__('orders.focus_time')" name="focus_entered_at" :hint="__('orders.focus_time_hint')" required><input id="focus_entered_at" type="datetime-local" name="focus_entered_at" required value="{{ old('focus_entered_at') }}"></x-ui.field>
                <x-ui.button type="submit">{{ __('orders.record_focus') }}</x-ui.button>
            </form>
        </x-ui.card>
        @endif
        @if($canLinkFocusVoid)
        <x-ui.card :title="__('orders.record_focus_void')">
            <p class="ui-cardtext">{{ __('orders.focus_void_body',['number'=>$order->focus_document_number]) }}</p>
            <form method="POST" action="{{ route('sales.orders.focus-void-link',$order->id) }}" class="ui-stack">@csrf
                <x-ui.field :label="__('orders.focus_void_time')" name="focus_void_entered_at" :hint="__('orders.focus_time_hint')" required><input id="focus_void_entered_at" type="datetime-local" name="focus_void_entered_at" required value="{{ old('focus_void_entered_at') }}"></x-ui.field>
                <x-ui.button type="submit">{{ __('orders.record_focus_void') }}</x-ui.button>
            </form>
        </x-ui.card>
        @endif

        <x-ui.alert type="info" :title="__('orders.posting_title')">{{ __('orders.posting_body') }}</x-ui.alert>
    </aside>
</div>

@if($canCancel)
<x-ui.confirm id="cancel-order" :title="__('orders.cancel_order')" :action="route('sales.orders.cancel',$order->id)" :danger="true" :reason="true" reason-name="cancel_reason" :reason-label="__('orders.cancel_reason')" :confirm="__('orders.cancel_order')" :open="$errors->has('cancel_reason')">{{ __('orders.cancel_body') }}</x-ui.confirm>
@endif
@if($canVoid)
<x-ui.confirm id="void-invoice" :title="__('orders.void_invoice')" :action="route('sales.orders.void',$order->id)" :danger="true" :reason="true" reason-name="void_reason" :reason-label="__('orders.void_reason')" :confirm="__('orders.void_invoice')" :open="$errors->has('void_reason')">{{ __('orders.void_body',['number'=>$order->invoice_number,'warehouse'=>$order->warehouse_code]) }}</x-ui.confirm>
@endif
@if($canInvoice)
<x-ui.confirm id="convert-invoice" :title="__('orders.invoice')" :action="route('sales.orders.invoice',$order->id)" :confirm="__('orders.invoice')">{{ __('orders.invoice_body',['warehouse'=>$order->warehouse_code]) }}</x-ui.confirm>
@endif

@if($canSubmit || $canApprove || $canInvoice)
<div class="ui-mobilebar">
    @if($canSubmit)<form method="POST" action="{{ route('sales.orders.submit',$order->id) }}">@csrf<x-ui.button type="submit" variant="primary">{{ __('orders.submit') }}</x-ui.button></form>@endif
    @if($canApprove)<form method="POST" action="{{ route('sales.orders.approve',$order->id) }}">@csrf<x-ui.button type="submit" variant="primary">{{ __('orders.approve') }}</x-ui.button></form>@endif
    @if($canInvoice)<x-ui.button variant="primary" data-ui-open="convert-invoice">{{ __('orders.invoice') }}</x-ui.button>@endif
</div>
@endif
@endsection