@php
    $type = class_basename($task->projectable_type ?? '');
    
@endphp

@php
use Carbon\Carbon;
 
$durationText = '';


if (  $type === "Contract" ) {
    $start = Carbon::parse($task->projectable->start_date);
    $end = Carbon::parse($task->projectable->end_date);

    $diff = $start->diff($end);
    $totalDays = $start->diffInDays($end);
    $totalWeeks = floor($totalDays / 7);
    $totalMonths = $diff->m + ($diff->y * 12);

    if ($diff->y >= 1 && $diff->m == 0 && $diff->d == 0) {
        // Case 1: Exact year(s)
        $durationText = $diff->y . ' year' . ($diff->y > 1 ? 's' : '');
    } elseif ($totalMonths >= 1 && $totalMonths < 12) {
        // Case 2: Show in months
        $durationText = $totalMonths . ' month' . ($totalMonths > 1 ? 's' : '');
    } else {
        // Case 3: Less than 1 month OR non-exact year(s) → show in weeks
        $durationText = $totalWeeks . ' week' . ($totalWeeks > 1 ? 's' : '');
    }
}
@endphp

@if($task->featured_image)
    <div class="w-100 position-relative">
        <img src="{{ $task->getFeaturedImageUrl() }}" alt="image">
    </div>
@endif
@switch($type)
    @case('Invoice')
        <div class="border rounded p-3 bg-light-disable mb-6">
        {{-- Contract & Company --}}
        <div class="mb-3">
            <h6 class="mb-1">{{ $task->projectable->contract->subject ?? '—' }}</h6>
            <p class="text-muted small mb-0">{{ $task->projectable->company->name ?? '—' }}</p>
        </div>
    
        {{-- Tags --}}
        @if($task->tags()->exists())
            <div class="mb-3">
                @foreach($task->tagsTranslated('en')->get()->pluck('name_translated') as $tag)
                    <span class="badge bg-secondary me-2">{{ $tag }}</span>
                @endforeach
            </div>
        @endif

        <hr class="my-2">

        {{-- Invoice ID --}}
        <div class="row mt-3 small text-muted">
            <div class="col">
                <p class="mb-1">Invoice ID:</p>
                <p class="mb-0">Claim Number:</p>
            </div>
            <div class="col text-end">
                <p class="mb-1">
                    <a href="{{ route('admin.invoices.edit', $task->projectable->uuid) }}" target="_blank" class="text-decoration-underline">
                        {{ $task->projectable->getFormatedId() ?? '—' }}
                    </a>
                </p>
                <p class="mb-0 fw-semibold">
                    {{ $task->projectable->claim_number ?? '—' }}
                </p>
            </div>
        </div>

        <hr class="my-2">
    
        {{-- Financial Summary --}}
        <div class="row gx-3">
            <div class="col">
            <p class="mb-1 small text-muted">Total</p>
            <p class="mb-1 small text-muted">Paid</p>
            <p class="mb-0 small text-muted">Unpaid</p>
            </div>
            <div class="col-auto text-end">
                <p class="mb-1 small text-dark fw-semibold">
                    @cMoney($task->projectable->total_invoiced, $task->projectable->currency, true)
                </p>
                <p class="mb-1 small text-success fw-semibold">
                    @cMoney($task->projectable->paid_amount, $task->projectable->currency, true)
                </p>
                <p class="mb-0 small text-danger fw-semibold">
                    @cMoney($task->projectable->remaining_unpaid, $task->projectable->currency, true)
                </p>
            </div>
        </div>
                
        </div>
    @break


    @case('Contract')
        <div class="row gx-5 gy-4">
            <!-- Left Column: Contract Info -->
            <div class="col-md-12">
                <div class="d-flex flex-column h-100 position-relative ps-6 pe-3 py-2 border rounded bg-light">
                    <div class="position-absolute start-0 top-0 w-4px h-100 rounded-2 bg-success"></div>
        
                    <a class="mb-1 text-gray-900 text-hover-primary fw-bold d-block"
                       href="{{ route('admin.contracts.show', $task->projectable->uuid) }}">
                        {{ $task->projectable->subject }}
                    </a>
        
                    <div class="fs-7 text-muted fw-bold">
                        <span class="d-flex align-items-center text-truncate">
                            <a class="text-gray-700 text-hover-primary fw-semibold"
                               href="{{ route('admin.companies.show', $task->projectable->assignable->uuid) }}">
                                {{ $task->projectable->assignable->name }}
                            </a>
                        </span>
                    </div>
        
                    <div class="fs-7 text-muted fw-bold">
                        <a class="text-gray-700 text-hover-primary fw-semibold"
                           href="{{ route('admin.programs.show', $task->projectable->program->uuid) }}">
                            {{ $task->projectable->program->name }}
                        </a>
                    </div>
        
                    <div class="fs-7 text-muted fw-bold">
                        {{ $task->projectable->refrence_id }}
                    </div>
                </div>
            </div>

            <!-- Left Column: Contract Duration -->            
            <div class="col-md-12">
                <div class="d-flex flex-column h-100 position-relative ps-6 pe-3 py-2 border rounded bg-light">
                    <div class="position-absolute start-0 top-0 w-4px h-100 rounded-2 bg-info"></div>
                
                    <div class="d-flex justify-content-between align-items-center">
                        <!-- Label -->
                        <span class="fw-bold text-gray-700">Duration</span>
                
                    
                        <span class="text-muted small">
                            {{ $start->format('d M Y') }} — {{ $end->format('d M Y') }}
                            <strong>({{ $durationText }})</strong>
                        </span>
                    
                    
                    </div>
                </div>
            </div>

            <!-- Right Column: Financial Summary -->
            <div class="col-md-12">
                <div class="d-flex flex-column h-100 position-relative ps-6 pe-3 py-2 border rounded bg-light">
                    <div class="position-absolute start-0 top-0 w-4px h-100 rounded-2 bg-warning"></div>
                    <div class="row gx-3 align-items-start">
                        <div class="col">
                            <p class="mb-1 fw-bold text-gray-700">Contract</p>
                            <p class="mb-1 small text-muted">Invoiced</p>
                            <p class="mb-1 small text-muted">Paid</p>
                            <p class="mb-0 small text-muted">Advance Payment</p>
                        </div>
                        <div class="col-auto text-end">
                            <p class="mb-1 fw-bold text-gray-700">{{ money($task->projectable->value, $task->projectable->currency, true) }}</p>
                            <p class="mb-1 small text-primary">{{ money($task->projectable->total_invoiced, $task->projectable->currency, true) }}</p>
                            <p class="mb-1 small text-success">{{ money($task->projectable->total_paid, $task->projectable->currency, true) }}</p>
                            <p class="mb-0 small text-info">{{ money($task->projectable->advance_payment ?? 0, $task->projectable->currency, true) }}</p>
                        </div>
                    </div>
                </div>
            </div>
                        
        </div>
@break



    @case('Project')
        <p class="text-muted mt-1 font-size-13 task-desc">
            Project: {{ $task->projectable->name ?? '-' }}<br>
            Description: {{ $task->projectable->description ?? '-' }}
        </p>
        @break

        @case('StudioRequest')
        <div class="row gx-5 gy-4">
            <!-- Job Info -->
            <div class="col-md-12">
                <div class="d-flex flex-column h-100 position-relative ps-6 pe-3 py-2 border rounded bg-light">
                    <div class="position-absolute start-0 top-0 w-4px h-100 rounded-2 bg-primary"></div>
                    
                    <div class="mb-1">
                        <strong class="text-gray-700">Job Name:</strong>
                        <span class="text-dark">{{ $task->projectable->job_name ?? '—' }}</span>
                    </div>
                    <div>
                        <strong class="text-gray-700">Description:</strong>
                        <span class="text-muted">{{ $task->projectable->job_description ?? '—' }}</span>
                    </div>
                </div>
            </div>
        
            <!-- Requester Info -->
            <div class="col-md-12">
                <div class="d-flex flex-column h-100 position-relative ps-6 pe-3 py-2 border rounded bg-light">
                    <div class="position-absolute start-0 top-0 w-4px h-100 rounded-2 bg-info"></div>
        
                    <div class="mb-1">
                        <strong class="text-gray-700">Requested By:</strong>
                        <span class="text-dark">{{ $task->projectable->requester->full_name ?? '—' }}</span>
                    </div>
                    <div>
                        <strong class="text-gray-700">Sector:</strong>
                        <span class="text-muted">{{ $task->projectable->sector->name ?? '—' }}</span>
                    </div>
                    <div>
                        <strong class="text-gray-700">Department:</strong>
                        <span class="text-muted">{{ $task->projectable->department->name ?? '—' }}</span>
                    </div>
                </div>
            </div>


            {{-- Related Job --}}
            @if ($task->projectable?->parent)                        
       
            <div class="col-md-12">
                <div class="d-flex flex-column h-100 position-relative ps-6 pe-3 py-2 border rounded bg-light">
                    <div class="position-absolute start-0 top-0 w-4px h-100 rounded-2 bg-info"></div>
            
                    <div class="mb-1 d-flex justify-content-between">
                        <strong class="text-gray-700">Related Job:</strong>
                        <span class="text-dark">STU#{{ $task->projectable->parent->id ?? '—' }}</span>
                    </div>
            
                </div>
            </div>
            


            @endif     

        </div>
        @break       

    @default
        <p>Type: {{ $type }}</p>
        <p class="text-muted mt-1 font-size-13 task-desc">
            {{ $task->projectable->description ?? '-' }}
        </p>
@endswitch