@extends('layouts.app', ['title' => __('Orders')])

@section('content')
<div class="header bg-gradient-primary pb-8 pt-5 pt-md-5"></div>

<div class="container-fluid mt--7">
    <div class="row">

        {{-- ================= LEFT SIDE (COL-XL-7) ================= --}}
        <div class="col-xl-7">
            <br/>
            <div class="card bg-secondary shadow">

                {{-- HEADER --}}
                <div class="card-header bg-white border-0">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">
                                {{ "#".$order->id_formated." - ".$order->created_at->locale(Config::get('app.locale'))->isoFormat('LLLL') }}
                            </h3>
                        </div>
                        <div class="col-4 text-right">
                            <a href="{{ route('orders.index') }}" class="btn btn-sm btn-primary">
                                <i class="fas fa-chevron-left"></i> {{ __('Back') }}
                            </a>
                            @if ($pdFInvoice)
                                <a target="_blank" href="/pdfinvoice/{{$order->id}}" class="btn btn-sm btn-success">
                                    <i class="fas fa-print"></i> {{ __('Print bill') }}
                                </a>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- BODY --}}
                <div class="card-body" style="background-color: white;">
                    @include('partials.flash')

                    {{-- ===== Restaurant + Table/Client (SAME ROW) ===== --}}
                    <div class="row">

                        {{-- Restaurant Info --}}
                        @if ($order->restorant)
                        <div class="col-md-6 mb-3">
                            <h6 class="heading-small text-muted mb-2">{{ __('Restaurant information') }}</h6>
                            <div class="rounded">
                                <h5>{{ $order->restorant->name }}</h5>
                                <p class="mb-1">{{ $order->restorant->address }}</p>
                                <p class="mb-1">{{ $order->restorant->phone }}</p>
                                <p class="mb-0">
                                    {{ $order->restorant->user->name }},
                                    {{ $order->restorant->user->email }}
                                </p>
                            </div>
                        </div>
                        @endif

                        {{-- Table / Client Info --}}
                        <div class="col-md-6 mb-3">
                            @if (config('app.isft') && $order->client)
                                <h6 class="heading-small text-muted mb-2">{{ __('Client Information') }}</h6>
                                <div class="rounded">
                                    <h5>{{ $order->client->name }}</h5>
                                    <p class="mb-1">{{ $order->client->email }}</p>
                                    <p class="mb-1">{{ $order->address->address ?? '' }}</p>
                                    <p class="mb-0">{{ $order->client->phone ?? '' }}</p>
                                </div>
                            @elseif ($order->table)
                                <h6 class="heading-small text-muted mb-2">{{ __('Table Information') }}</h6>
                                <div class="rounded">
                                    <h5>{{ __('Table:') }} {{ $order->table->name }}</h5>
                                    @if ($order->table->restoarea)
                                        <p class="mb-0">{{ __('Area:') }} <span style="font-weight: 400;"  > {{ $order->table->restoarea->name }} </span></p>
                                    @endif
                                </div>
                            @endif
                        </div>

                    </div>
                </div>
            </div>
        </div>

        {{-- ================= RIGHT SIDE (COL-XL-5) ================= --}}
 <div class="col-xl-5 mb-5 mb-xl-0" style="height: 330px;overflow:auto;padding-right: 0px;">
                @if(config('app.isft')&&$order->restorant)
                <br/>
                <div class="card card-profile shadow">
                    <div class="card-header">
                        <h5 class="h3 mb-0">{{ __("Order tracking")}}</h5>
                    </div>
                    @if ($order->restorant)
                        <div class="card-body">
                            @include('orders.partials.map',['order'=>$order])
                        </div>
                    @endif
                    
                </div>
                @endif
                <br/>
                @if ($order->client_id!=null&&$order->client_id!=$order->restorant->id)
                <div class="card card-profile shadow mb-3">
                    @include('clients.profile',['client'=>$order->client])
                </div>
                @endif
                <div class="card card-profile shadow">
                    <div class="card-header">
                        <h5 class="h3 mb-0">{{ __("Status History")}}</h5>
                    </div>
                    @include('orders.partials.orderstatus')
                    
                </div>
                @if(auth()->user()->hasAnyRole(['admin','owner','staff','driver']))
                @foreach ($orderModules as $orderModule)
                    @include($orderModule.'::card')
                @endforeach
                @endif

                @if(auth()->user()->hasRole('client'))
                @if($order->status->pluck('alias')->last() == "delivered"||$order->status->pluck('alias')->last() == "closed")
                    <br/>
                    @include('orders.partials.rating',['order'=>$order])
                @endif
                @endif
            </div>

    </div>