@extends('dashbord.layouts.master')

@section('title', $product->name)

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0">{{ $product->name }}</h1>
        <div>
            <a href="{{ route('admin.ecommerce.products.edit', $product) }}" class="btn btn-primary me-2">
                <i class="fas fa-edit me-2"></i>{{ __('products.edit') }}
            </a>
            <a href="{{ route('admin.ecommerce.products.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>{{ __('products.back') }}
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <!-- Basic Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('products.basic_info') }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>{{ __('products.name') }}:</strong> {{ $product->name }}</p>
                            <p><strong>{{ __('products.category') }}:</strong> {{ $product->category->name ?? '-' }}</p>
                            <p><strong>{{ __('products.status') }}:</strong> 
                                <span class="badge bg-{{ $product->is_active ? 'success' : 'secondary' }}">
                                    {{ $product->is_active ? __('products.active') : __('products.inactive') }}
                                </span>
                            </p>
                        </div>
                        <div class="col-md-6">
                            @if($product->main_image)
                                <p><strong>{{ __('products.main_image') }}:</strong> {{ $product->main_image }}</p>
                            @endif
                            <p><strong>{{ __('products.created_at') }}:</strong> {{ $product->created_at->format('Y-m-d H:i') }}</p>
                            <p><strong>{{ __('products.updated_at') }}:</strong> {{ $product->updated_at->format('Y-m-d H:i') }}</p>
                        </div>
                    </div>
                    @if($product->description)
                        <div class="mt-3">
                            <strong>{{ __('products.description') }}:</strong>
                            <p>{{ $product->description }}</p>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Pricing -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('products.pricing') }}</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6>{{ __('products.digital') }}</h6>
                            @if($product->digital_price)
                                <p>{{ __('products.original_price') }}: ${{ number_format($product->digital_price, 2) }}</p>
                                @if($product->hasActiveDiscount())
                                    <p>{{ __('products.discount_amount') }}: ${{ number_format($product->getDiscountAmount('digital'), 2) }}</p>
                                    <p><strong>{{ __('products.final_price') }}: ${{ number_format($product->digitalFinalPrice(), 2) }}</strong></p>
                                @else
                                    <p><strong>{{ __('products.final_price') }}: ${{ number_format($product->digitalFinalPrice(), 2) }}</strong></p>
                                @endif
                            @else
                                <p class="text-muted">{{ __('products.not_available') }}</p>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <h6>{{ __('products.physical') }}</h6>
                            @if($product->physical_price)
                                <p>{{ __('products.original_price') }}: ${{ number_format($product->physical_price, 2) }}</p>
                                @if($product->hasActiveDiscount())
                                    <p>{{ __('products.discount_amount') }}: ${{ number_format($product->getDiscountAmount('physical'), 2) }}</p>
                                    <p><strong>{{ __('products.final_price') }}: ${{ number_format($product->physicalFinalPrice(), 2) }}</strong></p>
                                @else
                                    <p><strong>{{ __('products.final_price') }}: ${{ number_format($product->physicalFinalPrice(), 2) }}</strong></p>
                                @endif
                            @else
                                <p class="text-muted">{{ __('products.not_available') }}</p>
                            @endif
                        </div>
                    </div>
                    
                    @if($product->hasActiveDiscount())
                        <div class="alert alert-success mt-3">
                            <strong>{{ __('products.active_discount') }}:</strong><br>
                            {{ __('products.discount_type') }}: {{ $product->discount_type }}<br>
                            {{ __('products.discount_value') }}: {{ $product->discount_value }}<br>
                            @if($product->discount_expires_at)
                                {{ __('products.expires_at') }}: {{ $product->discount_expires_at->format('Y-m-d H:i') }}
                            @endif
                        </div>
                    @endif
                </div>
            </div>

            <!-- Files -->
            @if($product->files->isNotEmpty())
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('products.files') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>{{ __('products.file_name') }}</th>
                                        <th>{{ __('products.file_size') }}</th>
                                        <th>{{ __('products.uploaded_at') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($product->files as $file)
                                        <tr>
                                            <td>{{ $file->file_name }}</td>
                                            <td>{{ number_format($file->file_size / 1024, 2) }} KB</td>
                                            <td>{{ $file->created_at->format('Y-m-d H:i') }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        <div class="col-md-4">
            <!-- Stock Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('products.stock_info') }}</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <strong>{{ __('products.current_stock') }}:</strong>
                        <span class="badge bg-{{ $product->stockStatus() === 'in_stock' ? 'success' : ($product->stockStatus() === 'low_stock' ? 'warning' : 'danger') }}">
                            {{ $product->stockLabel() }}
                        </span>
                    </div>
                    
                    @if($product->stock_quantity !== null)
                        <div class="row text-sm">
                            <div class="col-6">
                                <p><strong>{{ __('products.total_received') }}:</strong> {{ $product->totalReceived() }}</p>
                                <p><strong>{{ __('products.total_sold') }}:</strong> {{ $product->totalSold() }}</p>
                            </div>
                            <div class="col-6">
                                <p><strong>{{ __('products.total_returned') }}:</strong> {{ $product->totalReturned() }}</p>
                                <p><strong>{{ __('products.total_adjusted_out') }}:</strong> {{ $product->totalAdjustedOut() }}</p>
                            </div>
                        </div>
                    @else
                        <p class="text-muted">{{ __('products.unlimited_stock') }}</p>
                    @endif
                    
                    <div class="mt-3">
                        <strong>{{ __('products.low_stock_threshold') }}:</strong> {{ $product->low_stock_threshold }}
                    </div>
                </div>
            </div>

            <!-- Actions -->
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ __('products.actions') }}</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('admin.ecommerce.products.edit', $product) }}" class="btn btn-primary">
                            <i class="fas fa-edit me-2"></i>{{ __('products.edit') }}
                        </a>
                        
                        <form action="{{ route('admin.ecommerce.products.destroy', $product) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger w-100" onclick="return confirm('{{ __('products.delete_confirm') }}')">
                                <i class="fas fa-trash me-2"></i>{{ __('products.delete') }}
                            </button>
                        </form>
                        
                        <a href="{{ route('admin.ecommerce.products.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-arrow-left me-2"></i>{{ __('products.back') }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection