@extends('layouts.contentNavbarLayout')
@section('content')
<div class="container">
    <div class="container">
        <h4>{{ ucfirst($planner->planner_type) }} Plan ({{ ucfirst($planner->plan_period) }}) - Assigned User History</h4>
        <hr>
        @foreach($histories as $userId => $historiesForUser)
          <div class="card my-3">
              <div class="card-header">
                  <strong>User:</strong> {{ $users[$userId]->name ?? 'Unknown User' }} (ID: {{ $userId }})
              </div>
              <div class="card-body">


                @php
                $allStatusNames = ['Initial Contact', 'Proposal Sent', 'Contract Signed'];
                $statusIcons = [
                    'Initial Contact' => 'ri-phone-line',
                    'Proposal Sent' => 'ri-mail-send-line',
                    'Contract Signed' => 'ri-contract-line',
                ];
                $statusColors = [
                    'Initial Contact' => 'primary',
                    'Proposal Sent' => 'info',
                    'Contract Signed' => 'success',
                ];
            @endphp
            
            <div class="row">
              @foreach($allStatusNames as $statusName)
                {{-- @php
                    $count = $historiesForUser
                        ->filter(fn($item) => $item->status->name === $statusName)
                        ->count();
                    $icon = $statusIcons[$statusName] ?? 'ri-bar-chart-line';
                    $color = $statusColors[$statusName] ?? 'secondary';
                @endphp --}}
                @php
                $actualCount = $historiesForUser
                    ->filter(fn($item) => $item->status->name === $statusName)
                    ->count();
        
                $statusId = $statuses->firstWhere('name', $statusName)?->id;
                $targetCount = $plannerTargets
                    ->where('crm_progress_status_id', $statusId)
                    ->first()
                    ->target_count ?? 0;
        
                $icon = $statusIcons[$statusName] ?? 'ri-bar-chart-line';
                $color = $statusColors[$statusName] ?? 'secondary';
            @endphp
            
                <div class="col-sm-6 col-lg-4 mb-4">
                  <div class="card  h-100">
                    <div class="card-body">
                      <div class="d-flex align-items-center mb-2">
                        <div class="avatar me-4">
                          <span class="avatar-initial rounded bg-label-{{ $color }}">
                            <i class="icon-base mdi mdi-dots-hexagon icon-24px"></i>
                          </span>
                        </div>
                        <h5 class="mb-0">{{ $statusName }}</h5>
                      </div>
                      <h6 class="text-muted">Status Progress</h6>
                      <div class="mb-1">
                       
                        <div class="progress" style="height: 6px;">
                          @php
                            $progress = $targetCount > 0 ? min(100, round(($actualCount / $targetCount) * 100)) : 0;
                            $barColor = $progress < 100 ? 'bg-warning' : 'bg-success';
                          @endphp
                          <div class="progress-bar {{ $barColor }}" role="progressbar" style="width: {{ $progress }}%;" aria-valuenow="{{ $progress }}" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="d-flex justify-content-between mt-1">
                          <small class="text-muted">Target: <strong>{{ $targetCount }}</strong></small>
                          <small class="text-muted">Achieved: <strong>{{ $actualCount }}</strong></small>
                          <small class="text-muted">Remaining: 
                            <strong class="{{ $targetCount - $actualCount > 0 ? 'text-danger' : 'text-success' }}">
                              {{ max(0, $targetCount - $actualCount) }}
                            </strong>
                          </small>
                        </div>
                      </div>
                      
                    </div>
                  </div>
                </div>
              @endforeach
            </div>
            
                  <div class="p-0">
                    
                      <table class="table">
                          <thead>
                              <tr>
                                  <th>#</th>
                                  <th>Contact Info</th>
                                  <th>Status</th>
                                  <th>Changed At</th>
                              </tr>
                          </thead>
                          <tbody class="table-border-bottom-0">
                              @foreach($historiesForUser as $index => $history)
                                  <tr>
                                      <td>{{ $index + 1 }}</td>
                                      <td>
                                          {{ $history->contact->name }}<br>
                                          {{ $history->contact->email }}<br>
                                          {{ $history->contact->phone }}
                                      </td>
                                      <td>{{ $history->status->name }}</td>
                                      <td>{{ \Carbon\Carbon::parse($history->created_at)->format('d M Y H:i') }}</td>
                                  </tr>
                              @endforeach
                          </tbody>
                      </table>
                  </div>
              </div>
          </div>




          <div class="alert alert-light border-success mt-3">
            <h5 class="mb-2">💰 Contract Signed Summary (All Users)</h5>
            <p><strong>Target Amount:</strong> ₹{{ number_format($targetAmount) }}</p>
           @if($achievedAmount > 0)
    <p><strong>Achieved Amount:</strong> ₹{{ number_format($achievedAmount) }}</p>
@else
    <p class="text-warning"><strong>Achieved Amount:</strong> ₹0 (No contracts signed during this period)</p>
@endif

            <p>
                <strong>Difference:</strong>
                <span class="{{ $difference > 0 ? 'text-danger' : 'text-success' }}">
                    ₹{{ number_format(abs($difference)) }}
                    {{ $difference > 0 ? 'under target' : 'exceeded' }}
                </span>
            </p>
        </div>
        @endforeach
    
      
      </div>
      @endsection
</div>