@extends('layouts.bootstrap')

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

@section('header')
    <h1 class="h3 mb-0">
        <i class="bi bi-clipboard-check me-2"></i>{{ $tender->name }}
    </h1>
    <div>
        @if(auth()->user()->canManage())
            <a href="{{ route('tenders.edit', $tender) }}" class="btn btn-outline-primary me-2">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>
        @endif
        <a href="{{ route('tenders.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Back to Tenders
        </a>
    </div>
@endsection

@section('content')
<div class="container-fluid">
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <h5><i class="bi bi-check-circle me-2"></i>Success!</h5>
            {{ session('success') }}
            
            @if(session('import_summary'))
                @php $summary = session('import_summary'); @endphp
                <hr>
                <div class="row text-center mt-3">
                    @if($summary['imported'] > 0)
                        <div class="col-md-2">
                            <strong class="text-success">{{ $summary['imported'] }}</strong><br>
                            <small>Imported</small>
                        </div>
                    @endif
                    @if($summary['exact_duplicates'] > 0)
                        <div class="col-md-2">
                            <strong class="text-warning">{{ $summary['exact_duplicates'] }}</strong><br>
                            <small>Duplicates Skipped</small>
                        </div>
                    @endif
                    @if(count($summary['errors']) > 0)
                        <div class="col-md-2">
                            <strong class="text-danger">{{ count($summary['errors']) }}</strong><br>
                            <small>Errors</small>
                        </div>
                    @endif
                    <div class="col-md-2">
                        <strong class="text-info">{{ $summary['total_rows'] }}</strong><br>
                        <small>Total Rows</small>
                    </div>
                </div>
            @endif
            
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <!-- Tender Header -->
    <div class="card mb-4 shadow-sm">
        <div class="card-header">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h4 mb-1">{{ $tender->name }}</h1>
                    <div class="d-flex align-items-center gap-3">
                        <span class="text-muted">{{ $tender->reference_number }}</span>
                        <span class="badge {{ $tender->getStatusBadgeClass() }}">
                            {{ $tender->getStatusLabel() }}
                        </span>
                        @if($tender->isExpired())
                            <span class="badge bg-danger">
                                <i class="bi bi-exclamation-triangle me-1"></i>Expired
                            </span>
                        @endif
                    </div>
                </div>
                <div class="btn-group" role="group">
                    <a href="{{ route('tenders.index') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-left me-1"></i>Back
                    </a>
                    @can('update', $tender)
                        <a href="{{ route('tenders.edit', $tender) }}" class="btn btn-outline-primary">
                            <i class="bi bi-pencil me-1"></i>Edit
                        </a>
                        <a href="{{ route('tenders.import.form', $tender) }}" class="btn btn-primary">
                            <i class="bi bi-upload me-1"></i>Import Products
                        </a>
                    @endcan
                    <a href="{{ route('tenders.export', $tender) }}" class="btn btn-outline-success">
                        <i class="bi bi-download me-1"></i>Export CSV
                    </a>
                    <a href="{{ route('tenders.export-pdf', $tender) }}" class="btn btn-danger">
                        <i class="bi bi-file-earmark-pdf me-1"></i>Export PDF
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">
            @if($tender->description)
                <p class="card-text">{{ $tender->description }}</p>
            @endif
            
            <div class="row">
                <div class="col-md-3">
                    <h6 class="text-muted mb-1">Budget</h6>
                    <p class="mb-0">
                        @if($tender->budget)
                            <strong class="text-success">৳{{ number_format($tender->budget, 2) }}</strong>
                        @else
                            <span class="text-muted">Not specified</span>
                        @endif
                    </p>
                </div>
                <div class="col-md-3">
                    <h6 class="text-muted mb-1">Deadline</h6>
                    <p class="mb-0">
                        @if($tender->deadline)
                            <strong class="{{ $tender->isExpired() ? 'text-danger' : 'text-info' }}">
                                {{ $tender->deadline->format('M d, Y') }}
                            </strong>
                            @if(!$tender->isExpired())
                                <br><small class="text-muted">{{ $tender->getDaysUntilDeadline() }} days left</small>
                            @endif
                        @else
                            <span class="text-muted">Not specified</span>
                        @endif
                    </p>
                </div>
                <div class="col-md-3">
                    <h6 class="text-muted mb-1">Total Products</h6>
                    <p class="mb-0">
                        <strong class="text-primary">{{ $tender->getTotalProductsCount() }}</strong>
                    </p>
                </div>
                <div class="col-md-3">
                    <h6 class="text-muted mb-1">Estimated Cost</h6>
                    <p class="mb-0">
                        <strong class="text-success">৳{{ number_format($tender->getTotalBudgetBdt(), 2) }}</strong>
                    </p>
                </div>
            </div>

            <!-- Timeline Information -->
            @if($tender->tender_buying_time || $tender->submission_time || $tender->security_money_time)
                <hr>
                <div class="row">
                    <div class="col-12">
                        <h6 class="text-muted mb-3">
                            <i class="bi bi-clock me-2"></i>Timeline Information
                        </h6>
                    </div>
                    @if($tender->tender_buying_time)
                        <div class="col-md-4">
                            <h6 class="text-muted mb-1">Tender Buying Time</h6>
                            <p class="mb-0">
                                <strong class="text-info">{{ $tender->tender_buying_time->format('M d, Y h:i A') }}</strong>
                            </p>
                        </div>
                    @endif
                    @if($tender->submission_time)
                        <div class="col-md-4">
                            <h6 class="text-muted mb-1">Submission Time</h6>
                            <p class="mb-0">
                                <strong class="text-warning">{{ $tender->submission_time->format('M d, Y h:i A') }}</strong>
                            </p>
                        </div>
                    @endif
                    @if($tender->security_money_time)
                        <div class="col-md-4">
                            <h6 class="text-muted mb-1">Security Money Time</h6>
                            <p class="mb-0">
                                <strong class="text-danger">{{ $tender->security_money_time->format('M d, Y h:i A') }}</strong>
                            </p>
                        </div>
                    @endif
                </div>
            @endif

            <!-- Expected Bidding Companies -->
            @if($tender->bidding_companies && count($tender->bidding_companies) > 0)
                <hr>
                <div class="row">
                    <div class="col-12">
                        <h6 class="text-muted mb-3">
                            <i class="bi bi-building me-2"></i>Expected Bidding Companies
                        </h6>
                        <div class="d-flex flex-wrap gap-2">
                            @foreach($tender->bidding_companies as $company)
                                <span class="badge bg-light text-dark border">
                                    <i class="bi bi-building me-1"></i>{{ $company }}
                                </span>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif

            <!-- Dynamic Document Requirements -->
            @if($tender->status === 'active' && ($tender->documentRequirements->count() > 0 || $tender->qualification_requirements || $tender->other_required_files))
                <hr>
                <div class="row">
                    <div class="col-12">
                        <h6 class="text-muted mb-3">
                            <i class="bi bi-file-earmark-check me-2"></i>Document Requirements
                            @if($tender->documentRequirements->count() > 0)
                                <span class="badge bg-primary ms-2">{{ $tender->document_completion_percentage }}% Complete</span>
                            @endif
                        </h6>
                    </div>
                </div>

                @if($tender->documentRequirements->count() > 0)
                    <!-- Progress Bar -->
                    <div class="row mb-3">
                        <div class="col-12">
                            <div class="progress mb-2" style="height: 8px;">
                                <div class="progress-bar bg-success" role="progressbar"
                                     style="width: {{ $tender->document_completion_percentage }}%"
                                     aria-valuenow="{{ $tender->document_completion_percentage }}"
                                     aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                            <small class="text-muted">
                                {{ $tender->documentSubmissions->whereIn('status', ['submitted', 'approved'])->count() }} of {{ $tender->documentRequirements->count() }} documents completed
                            </small>
                        </div>
                    </div>

                    <!-- Interactive Document Checklist -->
                    <div class="row mb-3">
                        <div class="col-12">
                            <h6 class="text-primary mb-3">Required Documents:</h6>
                            <div class="list-group">
                                @foreach($tender->documentRequirements as $requirement)
                                    @php
                                        $submission = $tender->documentSubmissions->where('document_type_id', $requirement->document_type_id)->first();
                                        $isCompleted = $submission && in_array($submission->status, ['submitted', 'approved']);
                                        $statusClass = $isCompleted ? 'list-group-item-success' : 'list-group-item-light';
                                        $iconClass = $isCompleted ? 'bi-check-circle-fill text-success' : 'bi-circle text-muted';
                                    @endphp
                                    <div class="list-group-item {{ $statusClass }} d-flex align-items-center document-item"
                                         data-tender-id="{{ $tender->id }}"
                                         data-document-type-id="{{ $requirement->document_type_id }}"
                                         style="cursor: pointer;">
                                        <div class="form-check me-3">
                                            <input class="form-check-input document-checkbox" type="checkbox"
                                                   id="doc_{{ $requirement->document_type_id }}"
                                                   {{ $isCompleted ? 'checked' : '' }}>
                                        </div>
                                        <div class="flex-grow-1">
                                            <div class="d-flex justify-content-between align-items-start">
                                                <div>
                                                    <h6 class="mb-1">{{ $requirement->documentType->name }}</h6>
                                                    @if($requirement->documentType->description)
                                                        <p class="mb-1 text-muted small">{{ $requirement->documentType->description }}</p>
                                                    @endif
                                                    @if($submission)
                                                        <small class="text-muted">
                                                            Status: <span class="badge bg-{{ $submission->status === 'approved' ? 'success' : ($submission->status === 'submitted' ? 'info' : 'warning') }}">
                                                                {{ ucfirst($submission->status) }}
                                                            </span>
                                                            @if($submission->submitted_at)
                                                                | Submitted: {{ $submission->submitted_at->format('M d, Y') }}
                                                            @endif
                                                        </small>
                                                    @endif
                                                </div>
                                                <i class="bi {{ $iconClass }} fs-5"></i>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                @if($tender->qualification_requirements)
                    <div class="row mb-3">
                        <div class="col-12">
                            <h6 class="text-primary mb-2">Qualification Requirements:</h6>
                            <div class="card">
                                <div class="card-body">
                                    <p class="mb-0">{!! nl2br(e($tender->qualification_requirements)) !!}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if($tender->other_required_files)
                    <div class="row mb-3">
                        <div class="col-12">
                            <h6 class="text-primary mb-2">Other Required Files:</h6>
                            <div class="card">
                                <div class="card-body">
                                    <p class="mb-0">{!! nl2br(e($tender->other_required_files)) !!}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            @endif

            <!-- Pricing Controls -->
            @if(auth()->user()->canManage())
                <hr>
                <div class="row">
                    <div class="col-12">
                        <h6 class="text-muted mb-3">
                            <i class="bi bi-calculator me-2"></i>Pricing Configuration
                        </h6>
                        <div class="row">
                            <div class="col-md-3">
                                <label for="vat_tax_percentage" class="form-label">VAT/Tax Percentage (%)</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" id="vat_tax_percentage"
                                           value="{{ $tender->vat_tax_percentage ?? 0 }}"
                                           min="0" max="100" step="0.01">
                                    <span class="input-group-text">%</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="bidding_percentage" class="form-label">Bidding Percentage (%)</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" id="bidding_percentage"
                                           value="{{ $tender->bidding_percentage ?? 0 }}"
                                           min="0" max="100" step="0.01">
                                    <span class="input-group-text">%</span>
                                </div>
                            </div>
                            <div class="col-md-3 d-flex align-items-end">
                                <button type="button" class="btn btn-primary" id="update-percentages-btn">
                                    <i class="bi bi-calculator me-1"></i>Update & Recalculate
                                </button>
                            </div>
                            <div class="col-md-3 d-flex align-items-end">
                                <div class="text-muted small">
                                    <div>Inc VAT/Tax = Market + (Market × VAT%)</div>
                                    <div>Bidding = Inc VAT/Tax + (Inc VAT/Tax × Bidding%)</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            @if($tender->contact_person || $tender->contact_email || $tender->contact_phone)
                <hr>
                <div class="row">
                    <div class="col-12">
                        <h6 class="text-muted mb-2">Contact Information</h6>
                        <div class="d-flex flex-wrap gap-4">
                            @if($tender->contact_person)
                                <div>
                                    <i class="bi bi-person me-1"></i>{{ $tender->contact_person }}
                                </div>
                            @endif
                            @if($tender->contact_email)
                                <div>
                                    <i class="bi bi-envelope me-1"></i>
                                    <a href="mailto:{{ $tender->contact_email }}">{{ $tender->contact_email }}</a>
                                </div>
                            @endif
                            @if($tender->contact_phone)
                                <div>
                                    <i class="bi bi-telephone me-1"></i>
                                    <a href="tel:{{ $tender->contact_phone }}">{{ $tender->contact_phone }}</a>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- Products Section -->
    <div class="card shadow-sm">
        <div class="card-header">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="bi bi-box-seam me-2"></i>Tender Products
                    @if(request('category') && $categories->where('id', request('category'))->first())
                        <i class="bi bi-arrow-right mx-2 text-muted"></i>
                        <span class="text-primary">{{ $categories->where('id', request('category'))->first()->name }}</span>
                    @endif
                    <span class="badge bg-primary ms-2">{{ $products->total() }}</span>
                </h5>
                @can('update', $tender)
                    <div class="btn-group" role="group">
                        <a href="{{ route('tender-products.create', $tender) }}" class="btn btn-sm btn-success">
                            <i class="bi bi-plus-lg me-1"></i>Add Product
                        </a>
                        <a href="{{ route('tenders.import.form', $tender) }}" class="btn btn-sm btn-primary">
                            <i class="bi bi-upload me-1"></i>Import CSV
                        </a>
                    </div>
                @endcan
            </div>
        </div>

        <!-- Product Filters -->
        <div class="card-body border-bottom">
            <form method="GET" action="{{ route('tenders.show', $tender) }}" class="row g-3">
                <div class="col-md-4">
                    <input type="text" class="form-control" name="product_search" 
                           value="{{ request('product_search') }}" placeholder="Search products...">
                </div>
                <div class="col-md-2">
                    <select class="form-select" name="priority">
                        <option value="">All Priorities</option>
                        <option value="high" {{ request('priority') == 'high' ? 'selected' : '' }}>High</option>
                        <option value="medium" {{ request('priority') == 'medium' ? 'selected' : '' }}>Medium</option>
                        <option value="low" {{ request('priority') == 'low' ? 'selected' : '' }}>Low</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-select" name="mandatory">
                        <option value="">All Types</option>
                        <option value="yes" {{ request('mandatory') == 'yes' ? 'selected' : '' }}>Mandatory</option>
                        <option value="no" {{ request('mandatory') == 'no' ? 'selected' : '' }}>Optional</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-select" name="category">
                        <option value="">All Categories</option>
                        @foreach($categories as $category)
                            <option value="{{ $category->id }}" {{ request('category') == $category->id ? 'selected' : '' }}>
                                {{ $category->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-select" name="per_page">
                        <option value="10" {{ request('per_page') == 10 ? 'selected' : '' }}>10</option>
                        <option value="25" {{ request('per_page', 25) == 25 ? 'selected' : '' }}>25</option>
                        <option value="50" {{ request('per_page') == 50 ? 'selected' : '' }}>50</option>
                        <option value="100" {{ request('per_page') == 100 ? 'selected' : '' }}>100</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-outline-primary w-100">
                        <i class="bi bi-search me-1"></i>Filter
                    </button>
                </div>
            </form>
        </div>

        <!-- Products List -->
        @if($products->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Product Name</th>
                            <th>Market Price</th>
                            <th>Inc VAT/Tax Price</th>
                            <th>Bidding Price</th>
                            <th>Qty</th>
                            <th>Market Total</th>
                            <th>Inc VAT/Tax Total</th>
                            <th>Bidding Total</th>
                            <th>Priority</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($products as $product)
                            <tr>
                                <td>
                                    <div>
                                        <strong>{{ $product->name }}</strong>
                                        @if($product->description)
                                            <br><small class="text-muted">{{ Str::limit($product->description, 50) }}</small>
                                        @endif
                                        @if($product->country_of_origin)
                                            <br><small class="text-info">
                                                <i class="bi bi-geo-alt me-1"></i>{{ $product->country_of_origin }}
                                            </small>
                                        @endif
                                    </div>
                                </td>
                                <!-- Market Price -->
                                <td>
                                    <strong>{{ $product->getFormattedMarketPriceBdt() }}</strong>
                                    @if($product->measurement_unit)
                                        <br><small class="text-muted">per {{ $product->measurement_unit }}</small>
                                    @endif
                                </td>
                                <!-- Inc VAT/Tax Price -->
                                <td>
                                    <strong class="text-info">{{ $product->getFormattedIncVatTaxPriceBdt() }}</strong>
                                    @if($product->measurement_unit)
                                        <br><small class="text-muted">per {{ $product->measurement_unit }}</small>
                                    @endif
                                </td>
                                <!-- Bidding Price (Inline Editable) -->
                                <td>
                                    @if(auth()->user()->canManage())
                                        <div class="bidding-price-edit" data-product-id="{{ $product->id }}">
                                            <input type="number" class="form-control form-control-sm bidding-price-input"
                                                   value="{{ $product->bidding_price_bdt ?? 0 }}"
                                                   min="0" step="0.01" style="width: 100px;">
                                            <button class="btn btn-sm btn-outline-primary mt-1 update-bidding-btn"
                                                    data-product-id="{{ $product->id }}">
                                                <i class="bi bi-check"></i>
                                            </button>
                                        </div>
                                    @else
                                        <strong class="text-warning">{{ $product->getFormattedBiddingPriceBdt() }}</strong>
                                        @if($product->measurement_unit)
                                            <br><small class="text-muted">per {{ $product->measurement_unit }}</small>
                                        @endif
                                    @endif
                                </td>
                                <!-- Quantity -->
                                <td>
                                    <strong>{{ number_format($product->quantity_required ?? 1) }}</strong>
                                </td>
                                <!-- Market Total -->
                                <td>
                                    <strong class="text-primary">{{ $product->getFormattedTotalMarketPriceBdt() }}</strong>
                                </td>
                                <!-- Inc VAT/Tax Total -->
                                <td>
                                    <strong class="text-info">{{ $product->getFormattedTotalIncVatTaxPriceBdt() }}</strong>
                                </td>
                                <!-- Bidding Total -->
                                <td>
                                    <strong class="text-success">{{ $product->getFormattedTotalBiddingPriceBdt() }}</strong>
                                </td>
                                <td>
                                    <span class="badge {{ $product->getPriorityBadgeClass() }}">
                                        {{ $product->getPriorityLabel() }}
                                    </span>
                                    @if($product->is_mandatory)
                                        <br><small class="text-danger">Mandatory</small>
                                    @else
                                        <br><small class="text-muted">Optional</small>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge {{ $product->getImportStatusBadgeClass() }}">
                                        {{ $product->getImportStatusLabel() }}
                                    </span>
                                    @if($product->hasSimilarProducts())
                                        <br><small class="text-warning">
                                            <i class="bi bi-exclamation-triangle me-1"></i>
                                            {{ $product->getSimilarProductsCount() }} similar
                                        </small>
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group btn-group-sm" role="group">
                                        <button type="button" class="btn btn-outline-info"
                                                data-bs-toggle="modal"
                                                data-bs-target="#productModal{{ $product->id }}"
                                                title="View Details">
                                            <i class="bi bi-eye"></i>
                                        </button>
                                        @can('update', $tender)
                                            <a href="{{ route('tender-products.edit', [$tender, $product]) }}"
                                               class="btn btn-outline-primary"
                                               title="Edit Product">
                                                <i class="bi bi-pencil"></i>
                                            </a>
                                            <form action="{{ route('tender-products.destroy', [$tender, $product]) }}"
                                                  method="POST"
                                                  class="d-inline"
                                                  onsubmit="return confirm('Are you sure you want to remove this product from the tender?')">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit"
                                                        class="btn btn-outline-danger"
                                                        title="Remove Product">
                                                    <i class="bi bi-trash"></i>
                                                </button>
                                            </form>
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                        @endforeach

                        <!-- Totals Row -->
                        <tr class="table-warning fw-bold">
                            <td colspan="2" class="text-end"><strong>TOTALS:</strong></td>
                            <td id="total-market-price"><strong>৳{{ number_format($tender->getTotalMarketPriceBdt(), 2) }}</strong></td>
                            <td id="total-inc-vat-tax-price"><strong>৳{{ number_format($tender->getTotalIncVatTaxPriceBdt(), 2) }}</strong></td>
                            <td id="total-bidding-price"><strong>৳{{ number_format($tender->getTotalBiddingPriceBdt(), 2) }}</strong></td>
                            <td><strong>{{ $tender->getTotalProductsCount() }}</strong></td>
                            <td id="total-market-amount"><strong>৳{{ number_format($tender->getTotalMarketPriceBdt(), 2) }}</strong></td>
                            <td id="total-inc-vat-tax-amount"><strong>৳{{ number_format($tender->getTotalIncVatTaxPriceBdt(), 2) }}</strong></td>
                            <td id="total-bidding-amount"><strong>৳{{ number_format($tender->getTotalBiddingPriceBdt(), 2) }}</strong></td>
                            <td colspan="3"></td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <!-- Pagination -->
            @if($products->hasPages())
                <div class="card-footer bg-light">
                    <div class="row align-items-center">
                        <div class="col-md-6">
                            <div class="text-muted small">
                                Showing {{ $products->firstItem() }} to {{ $products->lastItem() }} of {{ $products->total() }} products
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex justify-content-end">
                                {{ $products->appends(request()->query())->links('pagination.custom') }}
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        @else
            <div class="card-body text-center py-5">
                <i class="bi bi-box display-1 text-muted"></i>
                <h5 class="mt-3">No Products Found</h5>
                <p class="text-muted">
                    @if(request()->hasAny(['product_search', 'priority', 'mandatory']))
                        No products match your current filters.
                    @else
                        This tender doesn't have any products yet.
                    @endif
                </p>
                @can('update', $tender)
                    <a href="{{ route('tenders.import.form', $tender) }}" class="btn btn-primary">
                        <i class="bi bi-upload me-1"></i>Import Products
                    </a>
                @endcan
            </div>
        @endif
    </div>
</div>

<!-- Product Detail Modals -->
@foreach($products as $product)
    <div class="modal fade" id="productModal{{ $product->id }}" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ $product->name }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6>Basic Information</h6>
                            <table class="table table-sm">
                                <tr>
                                    <td><strong>Name:</strong></td>
                                    <td>{{ $product->name }}</td>
                                </tr>
                                @if($product->description)
                                <tr>
                                    <td><strong>Description:</strong></td>
                                    <td>{{ $product->description }}</td>
                                </tr>
                                @endif
                                @if($product->country_of_origin)
                                <tr>
                                    <td><strong>Country:</strong></td>
                                    <td>{{ $product->country_of_origin }}</td>
                                </tr>
                                @endif
                                @if($product->category)
                                <tr>
                                    <td><strong>Category:</strong></td>
                                    <td>{{ $product->category->name }}</td>
                                </tr>
                                @endif
                                @if($product->subcategory)
                                <tr>
                                    <td><strong>Subcategory:</strong></td>
                                    <td>{{ $product->subcategory->name }}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-md-6">
                            <h6>Pricing & Requirements</h6>
                            <table class="table table-sm">
                                <tr>
                                    <td><strong>Unit Price:</strong></td>
                                    <td>{{ $product->getFormattedPriceBdt() }}</td>
                                </tr>
                                @if($product->measurement_unit)
                                <tr>
                                    <td><strong>Unit:</strong></td>
                                    <td>{{ $product->measurement_unit }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <td><strong>Quantity:</strong></td>
                                    <td>{{ number_format($product->quantity_required ?? 1) }}</td>
                                </tr>
                                <tr>
                                    <td><strong>Total Price:</strong></td>
                                    <td><strong class="text-success">{{ $product->getFormattedTotalPriceBdt() }}</strong></td>
                                </tr>
                                <tr>
                                    <td><strong>Priority:</strong></td>
                                    <td>
                                        <span class="badge {{ $product->getPriorityBadgeClass() }}">
                                            {{ $product->getPriorityLabel() }}
                                        </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>Type:</strong></td>
                                    <td>{{ $product->is_mandatory ? 'Mandatory' : 'Optional' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    
                    @if($product->specifications)
                        <h6>Specifications</h6>
                        <p>{{ $product->specifications }}</p>
                    @endif
                    
                    @if($product->notes)
                        <h6>Notes</h6>
                        <p>{{ $product->notes }}</p>
                    @endif
                    
                    @if($product->hasSimilarProducts())
                        <h6>Similar Products Found</h6>
                        <div class="alert alert-warning">
                            <i class="bi bi-exclamation-triangle me-2"></i>
                            This product was found to be similar to {{ $product->getSimilarProductsCount() }} existing products during import.
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endforeach

@push('scripts')
<script>
$(document).ready(function() {
    // Update pricing percentages
    $('#update-percentages-btn').click(function() {
        const vatTaxPercentage = $('#vat_tax_percentage').val();
        const biddingPercentage = $('#bidding_percentage').val();
        const button = $(this);

        button.prop('disabled', true).html('<i class="spinner-border spinner-border-sm me-1"></i>Updating...');

        $.ajax({
            url: '{{ route("tenders.pricing.update", $tender) }}',
            method: 'POST',
            data: {
                vat_tax_percentage: vatTaxPercentage,
                bidding_percentage: biddingPercentage,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    // Update totals
                    $('#total-market-price').html('<strong>৳' + numberFormat(response.totals.market_price) + '</strong>');
                    $('#total-inc-vat-tax-price').html('<strong>৳' + numberFormat(response.totals.inc_vat_tax_price) + '</strong>');
                    $('#total-bidding-price').html('<strong>৳' + numberFormat(response.totals.bidding_price) + '</strong>');
                    $('#total-market-amount').html('<strong>৳' + numberFormat(response.totals.market_price) + '</strong>');
                    $('#total-inc-vat-tax-amount').html('<strong>৳' + numberFormat(response.totals.inc_vat_tax_price) + '</strong>');
                    $('#total-bidding-amount').html('<strong>৳' + numberFormat(response.totals.bidding_price) + '</strong>');

                    // Show success message
                    showAlert('success', response.message);

                    // Reload page to show updated product prices
                    setTimeout(function() {
                        location.reload();
                    }, 1500);
                }
            },
            error: function(xhr) {
                const errors = xhr.responseJSON?.errors || {};
                let errorMessage = 'Failed to update percentages.';
                if (Object.keys(errors).length > 0) {
                    errorMessage += ' ' + Object.values(errors).flat().join(' ');
                }
                showAlert('danger', errorMessage);
            },
            complete: function() {
                button.prop('disabled', false).html('<i class="bi bi-calculator me-1"></i>Update & Recalculate');
            }
        });
    });

    // Update individual bidding prices
    $('.update-bidding-btn').click(function() {
        const productId = $(this).data('product-id');
        const biddingPrice = $(this).siblings('.bidding-price-input').val();
        const button = $(this);

        button.prop('disabled', true).html('<i class="spinner-border spinner-border-sm"></i>');

        $.ajax({
            url: `/tenders/{{ $tender->id }}/products/${productId}/bidding-price`,
            method: 'POST',
            data: {
                bidding_price_bdt: biddingPrice,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if (response.success) {
                    showAlert('success', response.message + ' Changed from ' + response.data.old_price + ' to ' + response.data.new_price);

                    // Reload page to show updated totals
                    setTimeout(function() {
                        location.reload();
                    }, 1000);
                }
            },
            error: function(xhr) {
                const errors = xhr.responseJSON?.errors || {};
                let errorMessage = 'Failed to update bidding price.';
                if (Object.keys(errors).length > 0) {
                    errorMessage += ' ' + Object.values(errors).flat().join(' ');
                }
                showAlert('danger', errorMessage);
            },
            complete: function() {
                button.prop('disabled', false).html('<i class="bi bi-check"></i>');
            }
        });
    });

    // Helper functions
    function numberFormat(num) {
        return parseFloat(num).toLocaleString('en-US', {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
        });
    }

    function showAlert(type, message) {
        const alertHtml = `
            <div class="alert alert-${type} alert-dismissible fade show" role="alert">
                ${message}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        `;
        $('.container-fluid').prepend(alertHtml);

        // Auto-dismiss after 5 seconds
        setTimeout(function() {
            $('.alert').fadeOut();
        }, 5000);
    }

    // Handle document checklist interactions
    $('.document-item').click(function(e) {
        if (e.target.type !== 'checkbox') {
            const checkbox = $(this).find('.document-checkbox');
            checkbox.prop('checked', !checkbox.prop('checked'));
        }

        const tenderId = $(this).data('tender-id');
        const documentTypeId = $(this).data('document-type-id');
        const isChecked = $(this).find('.document-checkbox').prop('checked');
        const listItem = $(this);

        // Update document submission status
        $.ajax({
            url: `/tenders/${tenderId}/documents/${documentTypeId}/toggle`,
            method: 'POST',
            data: {
                _token: $('meta[name="csrf-token"]').attr('content'),
                status: isChecked ? 'submitted' : 'pending'
            },
            success: function(response) {
                if (response.success) {
                    // Update UI based on status
                    if (isChecked) {
                        listItem.removeClass('list-group-item-light').addClass('list-group-item-success');
                        listItem.find('i').removeClass('bi-circle text-muted').addClass('bi-check-circle-fill text-success');
                    } else {
                        listItem.removeClass('list-group-item-success').addClass('list-group-item-light');
                        listItem.find('i').removeClass('bi-check-circle-fill text-success').addClass('bi-circle text-muted');
                    }

                    // Update progress bar
                    const progressBar = $('.progress-bar');
                    const progressBadge = $('.badge.bg-primary');
                    progressBar.css('width', response.completion_percentage + '%');
                    progressBar.attr('aria-valuenow', response.completion_percentage);
                    progressBadge.text(response.completion_percentage + '% Complete');

                    // Update completion text
                    $('.text-muted small').text(`${response.completed_count} of ${response.total_count} documents completed`);

                    showAlert('success', response.message);
                } else {
                    // Revert checkbox state on error
                    listItem.find('.document-checkbox').prop('checked', !isChecked);
                    showAlert('danger', 'Failed to update document status');
                }
            },
            error: function() {
                // Revert checkbox state on error
                listItem.find('.document-checkbox').prop('checked', !isChecked);
                showAlert('danger', 'Failed to update document status');
            }
        });
    });
});
</script>
@endpush

@endsection