@extends('admin.layouts.main')
@section('title', 'Product: ' . $product->name)
@section('menu', 'Products')

@section('content')
<div class="row">
    <div class="col-md-8">
        <!-- Product Details -->
        <div class="panel panel-primary">
            <div class="panel-heading font-bold">Product Details</div>
            <div class="panel-body">
                <table class="table table-bordered table-striped">
                    <tr><th style="width:180px;">Name</th><td>{{ $product->name }}</td></tr>
                    <tr><th>Slug</th><td><code>{{ $product->slug }}</code></td></tr>
                    <tr><th>Type</th><td><span class="label label-info">{{ ucwords(str_replace('_', ' ', $product->type)) }}</span></td></tr>
                    <tr><th>Group</th><td>{{ $product->group->name ?? '-' }}</td></tr>
                    <tr><th>Short Description</th><td>{{ $product->short_description ?? '-' }}</td></tr>
                    <tr><th>Description</th><td>{!! nl2br(e($product->description ?? '-')) !!}</td></tr>
                    @if($product->features)
                        <tr>
                            <th>Features</th>
                            <td>
                                <ul class="list-unstyled" style="margin:0;">
                                    @foreach($product->features as $feature)
                                        <li><i class="fa fa-check text-success"></i> {{ $feature }}</li>
                                    @endforeach
                                </ul>
                            </td>
                        </tr>
                    @endif
                </table>
            </div>
        </div>

        <!-- Configuration -->
        <div class="panel panel-primary">
            <div class="panel-heading font-bold">Configuration</div>
            <div class="panel-body">
                <table class="table table-bordered table-striped">
                    <tr><th style="width:180px;">Server Group</th><td>{{ $product->serverGroup->name ?? '-' }}</td></tr>
                    <tr><th>Server Package</th><td><code>{{ $product->server_package_name ?? '-' }}</code></td></tr>
                    <tr><th>Requires Domain</th><td>{!! $product->requires_domain ? '<span class="label label-success">Yes</span>' : '<span class="label label-default">No</span>' !!}</td></tr>
                    <tr><th>Order Type</th><td>{{ $product->order_type === 'admin_only' ? 'Admin Only' : 'Storefront' }}</td></tr>
                    <tr><th>Display Order</th><td>{{ $product->display_order }}</td></tr>
                    @if($product->stock_control)
                        <tr><th>Stock</th><td>{{ $product->stock_quantity ?? 'Unlimited' }}</td></tr>
                    @endif
                </table>
            </div>
        </div>

        <!-- Pricing -->
        <div class="panel panel-primary">
            <div class="panel-heading font-bold">Pricing</div>
            <div class="panel-body table-responsive">
                @if($product->pricing->isNotEmpty())
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>Billing Cycle</th>
                                <th>Currency</th>
                                <th>Price</th>
                                <th>Renewal</th>
                                <th>Setup Fee</th>
                                <th>Cost Price</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($product->pricing as $pricing)
                                <tr>
                                    <td>{{ $pricing->billingCycle->name ?? '-' }}</td>
                                    <td>{{ $pricing->currency_code }}</td>
                                    <td>{{ number_format($pricing->price, 2) }}</td>
                                    <td>{{ number_format($pricing->renewal_price, 2) }}</td>
                                    <td>{{ $pricing->setup_fee > 0 ? number_format($pricing->setup_fee, 2) : '-' }}</td>
                                    <td>{{ $pricing->cost_price > 0 ? number_format($pricing->cost_price, 2) : '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <p class="font-grey-mint text-center">No pricing configured.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <!-- Status -->
        <div class="panel panel-primary">
            <div class="panel-heading font-bold">Status</div>
            <div class="panel-body">
                <table class="table table-bordered">
                    <tr><th>Active</th><td>{!! $product->is_active ? '<span class="label label-success">Yes</span>' : '<span class="label label-danger">No</span>' !!}</td></tr>
                    <tr><th>Featured</th><td>{!! $product->is_featured ? '<span class="label label-warning">Yes</span>' : '<span class="label label-default">No</span>' !!}</td></tr>
                    <tr><th>ID</th><td>{{ $product->id }}</td></tr>
                    <tr><th>Created</th><td>{{ $product->created_at->format('d M Y') }}</td></tr>
                    <tr><th>Updated</th><td>{{ $product->updated_at->format('d M Y') }}</td></tr>
                </table>
            </div>
        </div>

        <!-- Actions -->
        <div class="panel panel-success">
            <div class="panel-heading font-bold">Actions</div>
            <div class="panel-body">
                <a href="{{ route('admin.products.index') }}" class="btn btn-warning btn-block"><i class="fa fa-long-arrow-left"></i> Back to List</a>
                <a href="{{ route('admin.products.edit', $product) }}" class="btn btn-primary btn-block"><i class="fa fa-edit"></i> Edit Product</a>
            </div>
        </div>

        <!-- Embeddable Order Links -->
        <div class="panel panel-info">
            <div class="panel-heading font-bold">Order Links</div>
            <div class="panel-body">
                <p class="font-grey-mint" style="font-size:12px; margin-bottom:15px;">
                    Use these links to let customers order this product. Works for both guests and logged-in users.
                </p>

                @if($product->requires_domain)
                    <label class="control-label font-sm">Choose Domain Link</label>
                    @foreach($product->pricing->unique('billing_cycle_id') as $pricing)
                        @if($pricing->billingCycle)
                            <div class="form-group" style="margin-bottom:10px;">
                                <label class="font-grey-mint font-sm">{{ $pricing->billingCycle->name }}</label>
                                <div class="input-group">
                                    <input type="text" class="form-control input-sm order-link-input" readonly
                                           value="{{ url('/choose-domain') }}?product_id={{ $product->id }}&billing_cycle_id={{ $pricing->billing_cycle_id }}">
                                    <span class="input-group-btn">
                                        <button class="btn btn-sm btn-default copy-link-btn" type="button" title="Copy"><i class="fa fa-copy"></i></button>
                                    </span>
                                </div>
                            </div>
                        @endif
                    @endforeach
                @else
                    <label class="control-label font-sm">Direct Order Link</label>
                    @foreach($product->pricing->unique('billing_cycle_id') as $pricing)
                        @if($pricing->billingCycle)
                            <div class="form-group" style="margin-bottom:10px;">
                                <label class="font-grey-mint font-sm">{{ $pricing->billingCycle->name }}</label>
                                <div class="input-group">
                                    <input type="text" class="form-control input-sm order-link-input" readonly
                                           value="{{ url('/cart/add') }}?item_type={{ $product->type }}&product_id={{ $product->id }}&billing_cycle_id={{ $pricing->billing_cycle_id }}">
                                    <span class="input-group-btn">
                                        <button class="btn btn-sm btn-default copy-link-btn" type="button" title="Copy"><i class="fa fa-copy"></i></button>
                                    </span>
                                </div>
                            </div>
                        @endif
                    @endforeach

                    <hr style="margin: 15px 0;">
                    <label class="control-label font-sm">Embeddable HTML</label>
                    <p class="font-grey-mint" style="font-size:11px;">Paste this HTML into any page or email template.</p>
                    @php
                        $firstPricing = $product->pricing->first();
                        if ($firstPricing) {
                            $embedHtml = '<form action="' . url('/cart/add') . '" method="POST">' . "\n"
                                . '    <input type="hidden" name="_token" value="' . '{{ csrf_token() }}' . '">' . "\n"
                                . '    <input type="hidden" name="item_type" value="' . $product->type . '">' . "\n"
                                . '    <input type="hidden" name="product_id" value="' . $product->id . '">' . "\n"
                                . '    <input type="hidden" name="billing_cycle_id" value="' . $firstPricing->billing_cycle_id . '">' . "\n"
                                . '    <button type="submit">Order Now</button>' . "\n"
                                . '</form>';
                        }
                    @endphp
                    @if($firstPricing)
                        <div class="form-group">
                            <textarea class="form-control input-sm order-link-input" rows="6" readonly style="font-family:monospace; font-size:11px;">{{ $embedHtml }}</textarea>
                            <button class="btn btn-sm btn-default copy-link-btn" type="button" style="margin-top:5px;"><i class="fa fa-copy"></i> Copy HTML</button>
                        </div>
                    @endif
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@push('custom-scripts')
<script>
jQuery(document).ready(function() {
    jQuery('.copy-link-btn').on('click', function() {
        var btn = jQuery(this);
        var input = btn.closest('.form-group').find('.order-link-input, textarea.order-link-input');
        if (input.length) {
            input[0].select();
            document.execCommand('copy');
            var originalHtml = btn.html();
            btn.html('<i class="fa fa-check"></i> Copied');
            setTimeout(function() { btn.html(originalHtml); }, 2000);
        }
    });
});
</script>
@endpush