@php
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')
<div class="container-fluid ">

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

        <!-- Tabs -->
        <ul class="nav nav-tabs mb-3 pt-2" id="quotesTabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-bs-toggle="tab" href="#active">Active Quotes</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#pending">Pending Quotes</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#progress">In Progress</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#delivered">Delivered</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#lost">Lost Deal</a>
            </li>
        </ul>

        <div class="card shadow-sm border-0">
            <div class="card-body">
                <div class="d-flex flex-wrap g-4 justify-content-between align-items-center mb-3">
                    <h6 class="fw-bold mb-0">Quotes</h6>
                    <!-- <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" class="form-control" placeholder="Search by ID...">
                        </div>
                        <select class="form-select">
                            <option>2025</option>
                            <option>2024</option>
                            <option>2023</option>
                        </select>
                    </div> -->
                </div>

                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- Active -->
                    <div class="tab-pane fade show active" id="active">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Quote Id</th>
                                        <th>Client Name</th>
                                        <th>Project Name</th>
                                        <th>Location</th>
                                        <th>Quote Date</th>
                                        <th>Status</th>
                                        <th>Estimated Quote</th>
                                        <!-- <th>Final Quote</th> -->
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($active as $a)
                                        <tr>
                                            <td>#{{ $a->id }}</td>
                                            <td>{{ $a->name}}</td>
                                            <td>{{ $a->title ?? 'N/A' }}</td>
                                            <td>{{ $a->location }}</td>
                                            <td>{{ \Carbon\Carbon::parse($a->created_at)->format('d/m/Y') }}</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>
                                                @if(!empty($a->project_cost))
                                                    {{ formatIndianCurrency($a->project_cost) }}
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td> -->

                                            <td>
                                                 <a href="{{route ('active.assign', $a->id) }}" class="btn btn-primary btn-sm">View</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>



                      <!--Pending -->
                    <div class="tab-pane fade" id="pending">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Quote Id</th>
                                        <th>Client Name</th>
                                        <th>Project Name</th>
                                        <th>Location</th>
                                        <th>Quote Date</th>
                                        <th>Status</th>
                                        <th>Estimated Quote</th>
                                        <th>Action</th>
                                        <!-- <th>Final Quote</th> -->
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($pending as $pd)
                                    <tr>
                                        <td>#{{ $pd->id }}</td>
                                        <td>{{ $pd->name }}</td>
                                        <td>{{ $pd->title }}</td>
                                        <td>{{ $pd->location }}</td>
                                        <td>{{ \Carbon\Carbon::parse($pd->created_at)->format('d/m/Y') }}</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->estimate_cost))
                                                {{ formatIndianCurrency($pd->estimate_cost) }}
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td>
                                           <a href="{{route ('assign.team', $pd->id) }}" class="btn btn-primary btn-sm">View</a>
                                        </td>
                                    

                                        <!-- <td>
                                            @if(!empty($pd->project_cost))
                                                {{ formatIndianCurrency($pd->project_cost) }}
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td> -->
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- In Progress -->
                    <div class="tab-pane fade" id="progress">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Quotation Id</th>
                                        <th>Client Name</th>
                                        <th>Location</th>
                                        <th>Start Date</th>
                                        <th>Designer Name</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                        <!-- <th>Progress</th> -->
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($inProgress as $project)
                                    <tr>
                                        <td>#{{ $project->quotation_id}}</td>
                                        <td>{{ $project->client_name }} </td>
                                        <td>{{ $project->location }}</td>
                                        <td>{{ \Carbon\Carbon::parse($project->start_date)->format('d/m/Y') }}</td>
                                        <td>{{ $project->staff->name ?? ''}}</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>
                                            <div class="d-flex align-items-center">
                                                <div class="progress w-100 me-2">
                                                    <div class="progress-bar bg-success" 
                                                         style="width: {{ $project->progress }}%"></div>
                                                </div>
                                                <small>{{ $project->progress }}%</small>
                                            </div>
                                        </td> -->
                                        <td>
                                            <div class="d-flex gap-2 align-items-center">
                                                <a href="{{ route('inProgress.quote', $project->quotation_id) }}" class="btn btn-primary btn-sm">View</a>
                                                 <a href="{{ route('quote.activate', $project->quotation_id) }}" class="btn btn-primary btn-sm">Make Active</a>
                                            </div>
                                          
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Delivered -->
                    <div class="tab-pane fade" id="delivered">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Project Id</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>#{{ $d->project_id }}</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" 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>

                <!-- 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>
@endsection