@php
use Illuminate\Support\Str;
function formatIndianCurrency($amount)
{
    $amount = (float) $amount;
    $decimal = number_format($amount, 2, '.', '');
    $exploded = explode('.', $decimal);
    $last3 = substr($exploded[0], -3);
    $restUnits = substr($exploded[0], 0, -3);
    if ($restUnits != '') {
        $restUnits = preg_replace("/\B(?=(\d{2})+(?!\d))/", ",", $restUnits);
    }
    return '₹' . $restUnits . $last3 . '.' . $exploded[1];
}
@endphp



@extends('layouts.sales.sales')

@section('title', 'Quotes')

@section('content')
                @php $activeTab = request('tab', 'active'); @endphp

                <div class="container-fluid">
                    <div class="quote all-project p-4">
                        <h5>All Quotes</h5>

                        {{-- ── Tabs ── --}}
                        <ul class="nav nav-tabs mb-3 pt-2" id="quotesTabs" role="tablist">
                            @foreach([
        'active' => 'Active Enquiries',
        'pending' => 'Pending Enquiries',
        'progress' => 'Active Jobs',
        'delivered' => 'Completed Jobs',
        'lost ' => 'Lost Enquiries',
    ] as $tabKey => $tabLabel)
                                                <li class="nav-item">
                                                    {{-- Each tab link updates the URL so the state survives navigation --}}
                                                    <a class="nav-link {{ $activeTab === $tabKey ? 'active' : '' }}"
                                                       href="{{ request()->fullUrlWithQuery(['tab' => $tabKey]) }}"
                                                       data-tab="{{ $tabKey }}">
                                                        {{ $tabLabel }}
                                                    </a>
                                                </li>
                            @endforeach
                        </ul>

                        <div class="card shadow-sm border-0">
                            <div class="card-body">

                                {{-- Search / filter form — keeps current tab --}}
                                <form method="GET" id="searchForm">
                                    <input type="hidden" name="tab" value="{{ $activeTab }}">
                                    <div class="d-flex gap-2 controls">
                                        <div class="input-group">
                                            <span class="input-group-text"><i class="bi bi-search"></i></span>
                                            <input type="text"  id="searchQuote" name="search" class="form-control"
                                                   placeholder="Search by ID..."
                                                   value="{{ request('search') }}">
                                        </div>
                                        <select class="form-select" name="year" onchange="this.form.submit()">
                                            <option value="">All Years</option>
                                            @foreach($years as $year)
                                                <option value="{{ $year }}" {{ request('year') == $year ? 'selected' : '' }}>
                                                    {{ $year }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </form>

                                {{-- ── Tab panes ── --}}
                                <div class="tab-content mt-3">

                                    {{-- ════ ACTIVE QUOTES ════ --}}
                                    <div class="tab-pane fade {{ $activeTab === 'active' ? 'show active' : '' }}" id="active">
                                        <div class="table-responsive">
                                            <table class="table align-middle mb-0">
                                                <thead>
                                                    <tr>
                                                        <th>Quote No</th>
                                                        <th>Client Name</th>
                                                        <th>Factory Name</th>
                                                        <th>Factory Location</th>
                                                        <th>Status</th>
                                                        <th>Estimated Quote</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($active as $a)
                                                        <tr>
                                                            <td>{{ strtoupper(substr($a->state_code, 0, 2)) }}-{{ date('y') }}-{{ str_pad($a->id, 3, '0', STR_PAD_LEFT) }}</td>
                                                            <td>{{ $a->name }}</td>
                                                            <td>{{ $a->title ?? 'N/A' }}</td>
                                                            <td>{{ Str::limit($a->location, 20) }}</td>
                                                            <td>
                                                                <span class="d-inline-flex align-items-center px-3 py-1 rounded-pill"
                                                                      style="background:#E7F1FF;color:#0d6efd;font-weight:500;">
                                                                    <i class="bi bi-circle-fill me-1" style="font-size:8px;color:#0d6efd;"></i>
                                                                    {{ $a->status == 'converted' ? 'Active' : ucfirst($a->status) }}
                                                                </span>
                                                            </td>
                                                            <td>
                                                                @if(!empty($a->estimate_cost))
                                                                    {{ formatIndianCurrency($a->estimate_cost) }}
                                                                @else
                                                                    <span class="text-muted">N/A</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                {{-- Pass return_tab so the detail page knows where to go back --}}
                                                                <a href="{{ route('active.assign', $a->id) }}?return_tab=active"
                                                                   class="btn btn-primary btn-sm">View</a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    {{-- ════ PENDING QUOTES ════ --}}
                                    <div class="tab-pane fade {{ $activeTab === 'pending' ? 'show active' : '' }}" id="pending">
                                        <div class="table-responsive">
                                            <table class="table align-middle mb-0">
                                                <thead>
                                                    <tr>
                                                        <th>Quote No</th>
                                                        <th>Client Name</th>
                                                        <th>Factory Name</th>
                                                        <th>Factory Location</th>
                                                        <th>Status</th>
                                                        <th>Final Quote Value</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($pending as $pd)
                                                        <tr>
                                                            <td>{{ strtoupper(substr($pd->state_code, 0, 2)) }}-{{ date('y') }}-{{ str_pad($pd->id, 3, '0', STR_PAD_LEFT) }}</td>
                                                            <td>{{ $pd->name }}</td>
                                                            <td>{{ $pd->title }}</td>
                                                            <td>{{ $pd->location }}</td>
                                                            <td>
                                                                <span class="d-inline-flex align-items-center px-3 py-1 rounded-pill"
                                                                      style="background:#C8B20A1F;color:#C8B20A;font-weight:500;">
                                                                    <i class="bi bi-circle-fill me-1" style="font-size:8px;color:#C8B20A;"></i>
                                                                    Pending
                                                                </span>
                                                            </td>
                                                            <td>
                                                                @if(!empty($pd->project->project_cost))
                                                                    {{ formatIndianCurrency($pd->project->project_cost) }}
                                                                @else
                                                                    <span class="text-muted">N/A</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <a href="{{ route('assign.team', $pd->id) }}?return_tab=pending"
                                                                   class="btn btn-primary btn-sm">View</a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    {{-- ════ ACTIVE JOBS (In Progress) ════ --}}
                                    <div class="tab-pane fade {{ $activeTab === 'progress' ? 'show active' : '' }}" id="progress">
                                        <div class="table-responsive">
                                            <table class="table align-middle mb-0">
                                                <thead>
                                                    <tr>
                                                        <th>Quote No</th>
                                                        <th>Client Name</th>
                                                        <th>Factory Location</th>
                                                        <!-- <th>Designer Name</th> -->
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($inProgress as $project)
                                                        <tr>
                                                        <td>
                                                            @if($project->quotation)
                                                                {{ strtoupper(substr($project->quotation->state_code, 0, 2)) }}-{{ date('y') }}-{{ str_pad($project->quotation->id, 3, '0', STR_PAD_LEFT) }}
                                                            @else
                                                                <span class="text-muted">No Quote Linked</span>
                                                            @endif
                                                        </td>
                                                            <td>{{ $project->client_name }}</td>
                                                            <td>{{ $project->location }}</td>
                                                           <td>{{ $project->staff->pluck('name')->implode(', ') }}</td>
                                                            <td>
                                                                <span class="d-inline-flex align-items-center px-3 py-1 rounded-pill"
                                                                      style="background:#C8B20A1F;color:#C8B20A;font-weight:500;">
                                                                    <i class="bi bi-circle-fill me-1" style="font-size:8px;color:#C8B20A;"></i>
                                                                    In Progress
                                                                </span>
                                                            </td>
                                                            <td class="d-flex gap-2">
                                                                @if($project->quotation_id)
                                                                    <a href="{{ route('inProgress.quote', $project->quotation_id) }}?return_tab=progress"
                                                                        class="btn btn-primary btn-sm">View</a>
                                                                    <a href="{{ route('sales.chat', $project->quotation_id) }}" class="btn btn-success btn-sm">Chat</a>
                                                                @else
                                                                    <button class="btn btn-secondary btn-sm" disabled>No Quote</button>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    {{-- ════ COMPLETED ════ --}}
                                    <div class="tab-pane fade {{ $activeTab === 'delivered' ? 'show active' : '' }}" id="delivered">
                                        <div class="table-responsive">
                                            <table class="table align-middle mb-0">
                                                <thead>
                                                    <tr>
                                                        <th>Quote No</th>
                                                        <th>Client Name</th>
                                                        <th>Project Name</th>
                                                        <th>Location</th>
                                                        <th>Start Date</th>
                                                        <th>End Date</th>
                                                        <th>Status</th>
                                                        <th>Team Assigned</th>
                                                        <th>Payment Status</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($delivered as $d)
                                                        <tr>
                                                            <td>{{ strtoupper(substr($d->state_code, 0, 2)) }}-{{ date('y') }}-{{ str_pad($d->id, 3, '0', STR_PAD_LEFT) }}</td>
                                                            <td>{{ $d->client_name }}</td>
                                                            <td>{{ $d->project_name }}</td>
                                                            <td>{{ $d->location }}</td>
                                                            <td>{{ \Carbon\Carbon::parse($d->start_date)->format('d/m/Y') }}</td>
                                                            <td>{{ \Carbon\Carbon::parse($d->end_date)->format('d/m/Y') }}</td>
                                                            <td>
                                                                <span class="d-inline-flex align-items-center px-3 py-1 rounded-pill"
                                                                      style="background:#52B8571F;color:#0AC84D;font-weight:500;">
                                                                    <i class="bi bi-circle-fill me-1" style="font-size:8px;color:#0AC84D;"></i>
                                                                    Completed
                                                                </span>
                                                            </td>
                                                            <td>{{ $d->team_assigned }}</td>
                                                            <td>{{ $d->payment_status }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    {{-- ════ LOST DEALS ════ --}}
                                    <div class="tab-pane fade {{ $activeTab === 'lost' ? 'show active' : '' }}" id="lost">
                                        <div class="table-responsive">
                                            <table class="table align-middle mb-0">
                                                <thead>
                                                    <tr>
                                                        <th>Quote Id</th>
                                                        <th>Client Name</th>
                                                        <th>Location</th>
                                                        <th>Quote Date</th>
                                                        <th>Status</th>
                                                        <th>Reason</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($lostDeals as $lost)
                                                        <tr>
                                                            <td>#{{ $lost->id }}</td>
                                                            <td>{{ $lost->name }}</td>
                                                            <td>{{ $lost->location }}</td>
                                                            <td>{{ \Carbon\Carbon::parse($lost->quote_date)->format('d/m/Y') }}</td>
                                                            <td>
                                                                <span class="d-inline-flex align-items-center px-3 py-1 rounded-pill"
                                                                      style="background:#C80A0A1F;color:#EC140D;font-weight:500;">
                                                                    <i class="bi bi-circle-fill me-1" style="font-size:8px;color:#EC140D;"></i>
                                                                    Lost
                                                                </span>
                                                            </td>
                                                            <td>{{ $lost->rejection_reason }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>{{-- .tab-content --}}

                                {{-- Pagination --}}
                                <div class="d-flex justify-content-between align-items-center mt-3">
                                    <small>
                                        Rows per page: {{ $active->perPage() }}
                                        &nbsp;&nbsp;
                                        {{ $active->firstItem() }}–{{ $active->lastItem() }} of {{ $active->total() }}
                                    </small>
                                    <div class="d-flex gap-2">
                                        {{ $active->links('pagination::bootstrap-5') }}
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <script>
                /**
                 * Tabs are driven entirely by the URL ?tab= param (server-side rendering).
                 * This script only handles one edge case: if Bootstrap's JS tries to intercept
                 * the tab <a> clicks and prevent the href from firing, we stop it.
                 */
                document.querySelectorAll('#quotesTabs .nav-link').forEach(link => {
                    link.addEventListener('click', function (e) {
                        // Let the href do a full page navigation — don't let Bootstrap hijack it
                        e.stopImmediatePropagation();
                        // default (href) navigation proceeds normally
                    });
                });
                </script>

@endsection