@extends('layouts.page')


@section('head')

@include('elements.seo', ['title'=>'Ordenes' ])

@endsection


@section('content')

<section class="w-full xl:px-5 px-0">

    <h2 class="text-2xl font-bold mb-5">Orden #{{$order->id}}</h2>

    <!-- Order Information Section -->
    <div class="bg-gray-50 p-4 rounded-lg mb-6">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4">
            <div>
                <span class="text-sm font-medium text-gray-500">Cliente:</span>
                <span class="text-sm text-gray-900 ml-2">{{$order->user->name}}</span>
            </div>
            <div>
                <span class="text-sm font-medium text-gray-500">Fecha:</span>
                <span class="text-sm text-gray-900 ml-2">{{$order->created_at->subHour(5)->format('Y-m-d H:i')}}</span>
            </div>
            <div>
                <span class="text-sm font-medium text-gray-500">Estado:</span>
                <span class="ml-2"><x-order-status :status="$order->status_id" /></span>
            </div>
            <div>
                <span class="text-sm font-medium text-gray-500">Productos:</span>
                <span class="text-sm text-gray-900 ml-2">{{$order->products->count()}}</span>
            </div>
            <div>
                <span class="text-sm font-medium text-gray-500">Unidades:</span>
                <span class="text-sm text-gray-900 ml-2">{{$order->products->sum('quantity')}}</span>
            </div>
        </div>
    </div>

    <div class="flex flex-col">
        <div class="overflow-x-auto">
            <div class="inline-block min-w-full align-middle">
                <div class="overflow-hidden shadow">
                    <table class="min-w-full divide-y divide-gray-200 table-fixed ">
                        <thead class="bg-gray-100">
                            <tr>

                                <th scope="col"
                                    class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                    Producto
                                </th>


                                <th scope="col"
                                    class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                    Precio
                                </th>
                                <th scope="col"
                                    class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                    Cantidad
                                </th>
                                <th scope="col"
                                    class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                    Descuento
                                </th>

                                <th scope="col"
                                    class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                    Total
                                </th>





                            </tr>
                        </thead>
                        <tbody class="bg-white ">
                            @foreach ($order->products as $product)
                            <tr class="hover:bg-gray-100 ">

                                <td class="p-4 text-sm font-normal text-gray-500 whitespace-nowrap">
                                    <div class='flex flex-col'>
                                        <span>{{ $product->product->name }}</span>

                                    </div>
                                </td>






                                <td class="p-4 text-base font-medium text-gray-900 whitespace-nowra">
                                    ${{ number_format($product->product->price, 2) }}
                                </td>

                                <td class="p-4 text-base font-medium text-gray-900 whitespace-nowra">
                                    {{$product->quantity}}
                                </td>


                                <td class="p-4 text-base font-medium text-gray-900 whitespace-nowra">
                                    ${{ number_format($product->product->price*$product->product->discount/100 * $product->quantity, 2) }}
                                </td>


                                <td class="p-4 text-base font-medium text-gray-900 whitespace-nowra">
                                    ${{ number_format($product->product->price*((100-$product->product->discount)/100)*$product->quantity, 2) }}
                                </td>

                            </tr>
                            @endforeach

                            @php
                                $totalTax = 0;
                                $subtotalBeforeTax = 0;
                                foreach ($order->products as $orderProduct) {
                                    $productPrice = $orderProduct->product->price;
                                    $discount = $orderProduct->product->discount;
                                    $quantity = $orderProduct->quantity;
                                    
                                    // Calculate discounted price per item
                                    $discountedPrice = $productPrice * ((100 - $discount) / 100);
                                    $lineSubtotal = $discountedPrice * $quantity;
                                    $subtotalBeforeTax += $lineSubtotal;
                                    
                                    // Calculate tax for this line item
                                    $taxRate = $orderProduct->product->tax ? $orderProduct->product->tax->tax : 0;
                                    $lineTax = $lineSubtotal * ($taxRate / 100);
                                    $totalTax += $lineTax;
                                }
                            @endphp
                            
                            <tr>
                                <td colspan="3"></td>
                                <td class='p-4 text-base font-medium text-gray-900 whitespace-nowrap text-right'>Subtotal</td>
                                <td class='p-4 text-base font-bold text-gray-900 whitespace-nowrap text-left'>${{ number_format($subtotalBeforeTax, 2) }}</td>
                            </tr>
                            <tr>
                                <td colspan="3"></td>
                                <td class='p-4 text-base font-medium text-gray-900 whitespace-nowrap text-right'>Impuestos</td>
                                <td class='p-4 text-base font-bold text-gray-900 whitespace-nowrap text-left'>${{ number_format($totalTax, 2) }}</td>
                            </tr>
                            <tr>
                                <td colspan="3">

                                </td>
                                <td class='p-4 text-base font-medium text-gray-900 whitespace-nowrap text-right'>Total</td>
                                <td class='p-4 text-base font-bold text-gray-900 whitespace-nowrap text-left'>${{ number_format($order->total, 2) }}</td>
                            </tr>


                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        @if($order->bonifications->count())
        <div class="p-4 bg-white block sm:flex items-center justify-between border-b border-gray-200">
            <div class="w-full">
                <div class="">
                    <h1 class="text-xl font-semibold text-gray-900 sm:text-2xl ">Bonificaciones</h1>
                </div>
            </div>
        </div>
        <div class="flex flex-col">
            <div class="overflow-x-auto">
                <div class="inline-block min-w-full align-middle">
                    <div class="overflow-hidden shadow">
                        <table class="min-w-full divide-y divide-gray-200 table-fixed ">
                            <thead class="bg-gray-100">
                                <tr>
                                    <th scope="col" class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                        Producto
                                    </th>
                                    <th scope="col" class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                        Bonificación
                                    </th>

                                    <th scope="col" class="p-4 text-xs font-medium text-left text-gray-500 uppercase ">
                                        Cantidad
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="bg-white ">
                                @foreach ($order->bonifications as $bonification)
                                <tr class="hover:bg-gray-100 ">
                                    <td class="px-4 py-2  font-normal text-gray-500 whitespace-nowrap">
                                        {{ $bonification->product->name }}
                                    </td>
                                    <td class="px-4 py-2  font-normal text-gray-500 whitespace-nowrap">
                                        {{ $bonification->bonification->name }}
                                    </td>
                                    <td class="px-4 py-2  font-normal text-gray-500 whitespace-nowrap">
                                        {{ $bonification->quantity }}
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
</section>






@endsection


@section('scripts')


@endsection