@extends('backEnd.layouts.master')
@section('title', 'CRM Birthday Alert')
@push('styles')
@include('backEnd.crm.partials.crm-theme-colors')
<style>
.bday-today-card {
    background: linear-gradient(135deg, #f3e8ff 0%, #fce7f3 50%, #dbeafe 100%);
    border: none;
    overflow: hidden;
    position: relative;
}
.bday-today-card::before {
    content: '🎂';
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 2.5rem;
    opacity: .35;
}
.bday-upcoming { border-left: 4px solid #9333ea; }
.bday-countdown {
    width: 52px; height: 52px; border-radius: 50%;
    background: #fff; border: 2px solid #9333ea;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; color: #7e22ce; flex-shrink: 0;
}
.bday-today-badge { animation: bday-pulse 2s ease-in-out infinite; }
@keyframes bday-pulse { 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.05); } }
</style>
@endpush
@section('content')
<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="fw-bold mb-0"><i class="fas fa-birthday-cake me-2 text-crm-birthday"></i>Birthday Alert</h4>
            <p class="text-muted small mb-0">আজকের birthday, আগামী ৩০ দিন, এবং missing birthday list।</p>
        </div>
        <div class="d-flex gap-2">
            @foreach(['today' => 'Today ('.$data['counts']['today'].')', 'upcoming' => 'Upcoming ('.$data['counts']['upcoming'].')', 'missing' => 'No Birthday ('.$data['counts']['missing'].')'] as $key => $label)
            <a href="{{ route('admin.crm.birthdays', ['tab' => $key]) }}"
               class="btn btn-sm {{ $tab === $key ? 'btn-crm-birthday' : 'btn-outline-secondary' }}">{{ $label }}</a>
            @endforeach
        </div>
    </div>

    @if($tab === 'today')
        @forelse($data['today'] as $b)
        <div class="card bday-today-card shadow-sm mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
                    <div>
                        <span class="badge bg-danger bday-today-badge mb-2"><i class="fas fa-gift me-1"></i> TODAY!</span>
                        <h4 class="fw-bold mb-1">{{ $b['name'] }}</h4>
                        <div class="text-muted">{{ $b['phone'] }} · {{ $b['label'] }}@if($b['age']) · {{ $b['age'] }} years @endif</div>
                    </div>
                    <div class="d-flex gap-2">
                        <a href="{{ route('admin.crm.show', $b['crm_id']) }}" class="btn btn-primary btn-sm">Profile</a>
                        <a href="{{ wa_me_url($b['phone'], $b['wa_message']) }}"
                           target="_blank" class="btn btn-success btn-sm"><i class="fab fa-whatsapp me-1"></i> Birthday Wish</a>
                    </div>
                </div>
            </div>
        </div>
        @empty
        <div class="text-center py-5 text-muted"><i class="fas fa-birthday-cake fa-2x mb-2 opacity-50"></i><p>আজ কারো birthday নেই।</p></div>
        @endforelse
    @elseif($tab === 'upcoming')
        @forelse($data['upcoming'] as $b)
        <div class="card shadow-sm border-0 mb-2 bday-upcoming">
            <div class="card-body d-flex align-items-center gap-3 py-3">
                <div class="bday-countdown">{{ $b['days_until'] }}d</div>
                <div class="flex-grow-1">
                    <div class="fw-semibold">
                        <a href="{{ route('admin.crm.show', $b['crm_id']) }}" class="text-decoration-none">{{ $b['name'] }}</a>
                    </div>
                    <div class="small text-muted">{{ $b['phone'] }} · {{ $b['label'] }}</div>
                </div>
                <a href="{{ wa_me_url($b['phone'], $b['wa_message']) }}"
                   target="_blank" class="btn btn-outline-success btn-sm"><i class="fab fa-whatsapp"></i></a>
            </div>
        </div>
        @empty
        <div class="text-center py-5 text-muted"><p>আগামী ৩০ দিনে কোনো birthday নেই।</p></div>
        @endforelse
    @else
        <div class="alert alert-info small"><i class="fas fa-info-circle me-1"></i> CRM profile থেকে birthday set করলে reminder কাজ করবে।</div>
        @forelse($data['missing'] as $b)
        <div class="card shadow-sm border-0 mb-2">
            <div class="card-body d-flex justify-content-between align-items-center py-2">
                <div>
                    <a href="{{ route('admin.crm.show', $b['crm_id']) }}" class="fw-semibold text-decoration-none">{{ $b['name'] }}</a>
                    <div class="small text-muted">{{ $b['phone'] }}</div>
                </div>
                <a href="{{ route('admin.crm.show', $b['crm_id']) }}#birthday" class="btn btn-sm btn-outline-crm-birthday">Add Birthday</a>
            </div>
        </div>
        @empty
        <div class="text-center py-5 text-muted"><p>সব CRM customer-এর birthday আছে 🎉</p></div>
        @endforelse
    @endif
</div>
@endsection