@extends('layouts.frontend')

@section('content')


<div class="container py-4">
    <h1 class="mb-4 text-center">Мой кабинет</h1>
		@if(Auth::user()->is_admin)
			<div class="mb-4 text-center">
				<a href="{{ url('/admin/products') }}" class="btn btn-warning">
					Перейти в админку
				</a>
			</div>
		@endif

    <div class="card mb-4 shadow-sm rounded-3 p-3">
        <h5 class="mb-3">Customer Info</h5>
        <p><strong>Имя пользователя:</strong> {{ Auth::user()->name }}</p>
        <p><strong>Email:</strong> {{ Auth::user()->email }}</p>
    </div>

    <hr>

    <div class="card mb-4 shadow-sm rounded-3 p-3">
        <h5 class="mb-3">Your Orders</h5>

        @php
            $orders = Auth::user()->orders ?? collect();
        @endphp
		

        @if($orders->count() > 0)
            <div class="table-responsive">
                <table class="table table-bordered align-middle">
                    <thead class="table-light text-center">
                        <tr>
                            <th>Order ID</th>														
							<th>Товары</th>							
                            <th>Сумма</th>
                            <th>Статус оплаты</th> 
							<th>Статус заказа</th>							
							<th>Дата</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($orders as $order)
                            <tr>
                               <td class="text-center"><a href="{{ route('dashboard.order', $order->id) }}" class="text-decoration-none">#052{{ $order->id }}</a></td>
							   <td>
									@php $products = json_decode($order->products, true); @endphp
									@if($products)
										<ul class="mb-0 list-unstyled">
											@foreach($products as $productId => $quantity)
												@php
													$product = \App\Models\Product::find($productId);
													$images = $product && $product->images ? json_decode($product->images, true) : [];
													$image = $images[0] ?? null;
												@endphp
												<li class="d-flex align-items-center mb-1">
													@if($image)
														<img src="{{ asset('images/products/' . $image) }}" alt="{{ $product->name ?? '' }}" style="width:50px; height:50px; object-fit:cover; margin-right:10px; border-radius:5px;">
													@else
														<div style="width:50px; height:50px; background:#eee; margin-right:10px; border-radius:5px;"></div>
													@endif
													<span>
														{{ $product->name ?? 'Товар #' . $productId }} — {{ $quantity }} шт.
													</span>
												</li>
											@endforeach
										</ul>
									@endif
								</td>                               
                                <td class="text-center">{{ $order->total }} {{ $order->payment_currency ?? '' }}</td>
                                <td class="text-center">
                                    <span class="badge 
                                        @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>
                                </td>
								<td class="text-center">
									<span class="badge 
										@if($order->order_status === 'accept') bg-primary
										@elseif($order->order_status === 'pending') bg-warning text-dark
										@elseif($order->order_status === 'shipped') bg-success
										@elseif($order->order_status === 'canceled') bg-danger
										@else bg-secondary
										@endif">
										{{ ucfirst($order->order_status) }}
									</span>
								</td>
                                
								 <td class="text-center">{{ $order->created_at->format('H:i d.m.Y') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p>У вас пока нет заказов.</p>
        @endif
    </div>

    <div class="card mb-4 shadow-sm rounded-3 p-3">
        <h5 class="mb-3">Сменить пароль</h5>

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        @if(Auth::user()->temporary_password)
            <div class="alert alert-info" style="width: 350px;">
                Ваш временный пароль: <strong>{{ Auth::user()->temporary_password }}</strong>
            </div>
        @endif

        <form action="{{ route('dashboard.changePassword') }}" method="POST">
            @csrf
            <div class="mb-3">
                <label for="current_password" class="form-label">Текущий пароль</label>
                <input type="password" name="current_password" class="form-control" id="current_password" required>
                @error('current_password')
                    <small class="text-danger">{{ $message }}</small>
                @enderror
            </div>

            <div class="mb-3">
                <label for="new_password" class="form-label">Новый пароль</label>
                <input type="password" name="new_password" class="form-control" id="new_password" required>
                @error('new_password')
                    <small class="text-danger">{{ $message }}</small>
                @enderror
            </div>

            <div class="mb-3">
                <label for="new_password_confirmation" class="form-label">Подтверждение пароля</label>
                <input type="password" name="new_password_confirmation" class="form-control" id="new_password_confirmation" required>
            </div>

            <button type="submit" class="btn btn-primary">Сменить пароль</button>
        </form>
    </div>
</div>
@endsection