{{-- resources/views/vendor/rfq/show.blade.php --}}

@extends('layouts.vendor.vendor')

@section('title', 'RFQ Details')

@section('content')
    <div class="container py-4">

        <h3 class="mb-4">RFQ Details - {{ $rfqVendor->rfq->rfq_number }}</h3>

        {{-- RFQ Meta Info --}}
        <div class="card mb-3">
            <div class="card-body">
                <p><strong>Description:</strong> {{ $rfqVendor->rfq->description }}</p>
                <p><strong>Item Requested:</strong> {{ ucfirst($rfqVendor->rfq->category) }}</p>
                <p><strong>Site Location:</strong> {{ ucfirst($rfqVendor->rfq->site_location) }}</p>
                <p><strong>Created On:</strong> {{ $rfqVendor->rfq->created_at->format('d M, Y') }}</p>
                <p><strong>Delivery Date:</strong>
                    {{ \Carbon\Carbon::parse($rfqVendor->rfq->delivery_date)->format('d M, Y') }}</p>

                <p><strong>Status:</strong>
                    <span class="badge 
                        @if($rfqVendor->status == 'pending') bg-warning text-dark
                        @elseif($rfqVendor->status == 'draft') bg-secondary
                        @elseif($rfqVendor->status == 'quoted') bg-primary
                        @elseif($rfqVendor->status == 'accepted') bg-success
                        @elseif($rfqVendor->status == 'rejected') bg-danger
                        @endif">
                        {{ ucfirst($rfqVendor->status) }}
                    </span>
                </p>
            </div>
        </div>

        {{-- Vendor Info --}}
        <!-- <div class="card mb-3">
            <div class="card-body">
                <p><strong>Your Location:</strong> {{ ucfirst($rfqVendor->vendor->city ?? '-') }}</p>
                <p><strong>Quote Deadline:</strong>
                    {{ \Carbon\Carbon::parse($rfqVendor->rfq->delivery_date)->subDays(3)->format('d M, Y') }}
                </p>
            </div>
        </div> -->

        {{-- Draft Info --}}
        @if($rfqVendor->status == 'draft')
            <div class="alert alert-info">
                You have a saved draft. You can continue editing and submit later.
            </div>
        @endif

        {{-- Attachments --}}
        @if($rfqVendor->rfq->attachments)
            <div class="card mb-3">
                <div class="card-body">
                    <p><strong>Attachments:</strong></p>
                    @foreach($rfqVendor->rfq->attachments as $file)
                        <a href="{{ asset('storage/' . $file) }}" target="_blank">{{ $file }}</a><br>
                    @endforeach
                </div>
            </div>
        @endif

        {{-- Quote Form --}}
        <form action="{{ route('vendor.rfqSubmit', $rfqVendor->id) }}" method="POST">
            @csrf

            <h5>Items Requested</h5>
            <div class="mb-3">
                <label><strong>Your Delivery Date:</strong></label>
                <input type="date" name="vendor_delivery_date" class="form-control"
                    value="{{ $rfqVendor->vendor_delivery_date ?? '' }}" required>
            </div>

            <div class="table-responsive mb-4">
                
                <table class="table table-bordered">
                    <thead class="table-light">
                        <tr>
                            <th>ID</th>
                            <th>Product Name</th>
                            <th>Quantity</th>
                            <!-- <th>Delivery Date</th> -->
                            <th>Your Quote (per unit)</th>
                            <th>Comments</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($rfqVendor->rfq->items as $index => $item)

                            @php
                                $quoteItem = $rfqVendor->quoteItems
                                    ->where('rfq_item_id', $item->id)
                                    ->first();
                            @endphp

                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $item->product_name }}</td>
                                <td>{{ $item->quantity }}</td>

                                <!-- <td>
                                    <input type="date" name="delivery_dates[{{ $item->id }}]" class="form-control"
                                        value="{{ $quoteItem->delivery_date ?? '' }}">
                                </td> -->
                                

                                <td>
                                    <input type="number" name="quotes[{{ $item->id }}]" class="form-control quote-input"
                                        value="{{ $quoteItem->quote ?? '' }}" placeholder="Enter price">
                                </td>

                                <td>
                                    <input type="text" name="comments[{{ $item->id }}]" class="form-control"
                                        value="{{ $quoteItem->comment ?? '' }}" placeholder="Optional notes">
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- Total --}}
            <div class="mb-3">
                <p><strong>Total Quote:</strong> ₹ <span id="totalQuote">0.00</span></p>
            </div>

            {{-- Actions --}}
            @if($rfqVendor->status == 'pending' || $rfqVendor->status == 'draft')
                <button type="submit" name="action" value="submit" class="btn btn-primary">
                    Submit Quotation
                </button>

                <button type="submit" name="action" value="draft" class="btn btn-secondary">
                    Save Draft
                </button>

                <button type="submit" name="action" value="reject" class="btn btn-danger">
                    Reject RFQ
                </button>
            @endif

            @if($rfqVendor->status == 'submitted')
                <span class="badge bg-success">Quotation Submitted</span>
            @endif

            @if($rfqVendor->status == 'rejected')
                <span class="badge bg-danger">RFQ Rejected</span>
            @endif

        </form>

    </div>

    {{-- JS --}}
    <script>
        document.addEventListener('DOMContentLoaded', function () {

            const quoteInputs = document.querySelectorAll('.quote-input');
            const totalEl = document.getElementById('totalQuote');
            const quantities = @json($rfqVendor->rfq->items->pluck('quantity', 'id'));

            function updateTotal() {
                let total = 0;

                quoteInputs.forEach(input => {
                    const id = input.name.match(/\d+/)[0];
                    const qty = quantities[id] || 0;
                    const price = parseFloat(input.value) || 0;

                    total += price * qty;
                });

                totalEl.textContent = total.toFixed(2);
            }

            quoteInputs.forEach(input => {
                input.addEventListener('input', updateTotal);
            });

            updateTotal();

            // Disable inputs after submit/accept
            @if($rfqVendor->status == 'submitted' || $rfqVendor->status == 'accepted')
                document.querySelectorAll('input').forEach(el => el.disabled = true);
            @endif

    });
    </script>

@endsection