@extends('layouts.frontend')

@section('content')
<style>
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.product-image {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}
</style>

<div class="container py-4">
    
	<h3 class="text-center">Ваш заказ принят!</h3>
	<p class="mb-4 text-center">Скоро мы начнем его обработку и он будет отправлен в кратчайшие сроки, после проверки оплаты.</p>


    @php
        $products = json_decode($order->products, true);
        if (!is_array($products)) {
            $products = [];
        }
    @endphp

    <div class="row g-4 justify-content-center">
        <div class="col-md-8">
            <div class="card card-hover border-1 shadow-sm rounded-3">
                <div class="card-header d-flex justify-content-between align-items-center bg-secondary-subtle">
                    <span>Order ID Number #052{{ $order->id }}</span>
                    <p>Status: <span class="badge p-2 py-1
                        @if($order->payment_status === 'paid') bg-success
                        @elseif($order->payment_status === 'pending') bg-warning text-dark
                        @elseif($order->payment_status === 'failed') bg-danger
                        @else bg-secondary
                        @endif"> 
                        {{ ucfirst($order->payment_status) }}
                    </span></p>
                </div>

                <div class="card-body">
                    <div class="row g-1">
                        <div class="col-md-6">
                            <h6 class="text-primary">Customer Info</h6>
                            <p class="mb-1"><strong>First Name: </strong> {{ $order->first_name }}</p>
                            <p class="mb-1"><strong>Last Name:</strong> {{ $order->last_name }}</p>
                            <p class="mb-1"><strong>Email: </strong>{{ $order->email }}</p>
                            <p class="mb-1"><strong>Phone: </strong>{{ $order->phone }}</p>
                        </div>  
                        <div class="col-md-6">
                            <h6 class="text-primary">Shipping Address</h6>
                            @if($order->company)
                                <p class="mb-1"><strong>Company: </strong>{{ $order->company }}</p>
                            @endif                      
                            <p class="mb-1"><strong>City: </strong>{{ $order->city }}</p>
                            <p class="mb-1"><strong>Postcode: </strong>{{ $order->postcode }}</p>
                            <p class="mb-1"><strong>Country: </strong>{{ $order->country }}</p>
                            <p class="mb-1"><strong>Address: </strong>{{ $order->address }}</p>
                        </div>
                    </div>

                    <hr>
					<h6 class="fw-bold">Products</h6>

					@php
						$products = json_decode($order->products, true) ?? [];
					@endphp

					@if(count($products) > 0)
						@foreach($products as $productId => $qty)
							@php
								$prod = \App\Models\Product::find($productId);

								$name = $prod->name ?? '-';
								$price = $prod->price ?? 0;
								$images = $prod && $prod->images ? json_decode($prod->images, true) : [];
								$image = $images[0] ?? null;
							@endphp

							<div class="d-flex align-items-center mb-2 mt-2">
								@if($image)
									<img src="{{ asset('images/products/' . $image) }}" class="product-image me-2" alt="{{ $name }}">
								@else
									<div class="me-2" style="width:70px; height:70px; background:#eee; border-radius:6px;"></div>
								@endif
								<div class="flex-grow-1">
									<div>{{ $name }} @if($qty > 1) × {{ $qty }} @endif</div>
									<small class="text-muted">
										${{ $price }} each
										@if($qty > 1)
											(Subtotal: ${{ $price * $qty }})
										@endif
									</small>
								</div>
							</div>
						@endforeach
					@else
						<p>No products in this order.</p>
					@endif
                    <hr>
                    <div class="d-flex justify-content-between align-items-center">
                        <span><strong>Total amount in crypto:</strong> {{ $order->total }} {{ $order->payment_currency ?? '-' }}</span>
                        <span><strong>Payment Method:</strong> {{ ucfirst($order->payment_method) }} / {{ $order->payment_currency ?? '-' }}</span>
                    </div>

                    @if($order->wallet_address)
                        <p class="mt-2 mb-0"><small>Wallet: <code>{{ $order->wallet_address }}</code></small></p>
                    @endif

                    <p class="text-end text-muted mb-0"><small>Purchase Date: {{ $order->created_at }}</small></p>
					
					<hr>
					<div class="text-center mt-4">
						<a href="{{ route('dashboard') }}" class="btn btn-primary">
							Перейти в кабинет / Следить за заказом
						</a>
					</div>

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


@endsection