@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')

    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            <div class="container-fluid">
                <div class="page-title">
                    <div class="row align-items-center">
                        <div class="col-sm-6 ps-0">
                            <h3><i class="fas fa-building mr-2" style="color:#c9a96e"></i>{{ $lead->company_name }}</h3>
                            <p class="text-muted mb-0" style="font-size:13px">{{ $lead->contact_name }} ·
                                {{ $lead->email }}</p>
                        </div>
                        <div class="col-sm-6 pe-0 text-right">
                            <ol class="bc">
                                <li><a href="/platform/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                                <li class="bc-sep">›</li>
                                <li><a href="{{ route('platform.leads.index') }}" class="bc-link">Leads</a></li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">{{ $lead->company_name }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            @foreach(['success', 'error'] as $t)
                @if(session($t))
                    <div class="container-fluid">
                        <div class="alert alert-{{ $t === 'error' ? 'danger' : $t }} alert-dismissible fade show">
                            {{ session($t) }}
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                        </div>
                    </div>
                @endif
            @endforeach

            <div class="container-fluid">
                <div class="row">

                    {{-- ── Left: lead details + status ── --}}
                    <div class="col-lg-4">
                        <div class="card shadow-sm mb-3">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h6 class="mb-0"><i class="fas fa-info-circle mr-2" style="color:#c9a96e"></i>Lead
                                    Details</h6>
                                <span style="background:{{ $lead->getStatusColor() }}18;color:{{ $lead->getStatusColor() }};
                 padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;">
                                    {{ $lead->getStatusLabel() }}
                                </span>
                            </div>
                            @if($lead->status !== 'converted')
                                <div class="card-body py-2" style="border-bottom:1px solid #f1f5f9;">
                                    <a href="{{ $lead->convertToTenantUrl() }}" target="_blank"
                                        class="btn btn-success btn-sm btn-block">
                                        <i class="fas fa-arrow-right mr-1"></i>Convert to Tenant
                                    </a>
                                </div>
                            @endif
                            <div class="card-body">
                                <table class="table table-sm mb-0" style="font-size:13px">
                                    <tr>
                                        <td class="text-muted" style="width:110px;">Company</td>
                                        <td>{{ $lead->company_name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Contact</td>
                                        <td>{{ $lead->contact_name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Email</td>
                                        <td><a href="mailto:{{ $lead->email }}">{{ $lead->email }}</a></td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Phone</td>
                                        <td>{{ $lead->phone ? $lead->country_code . ' ' . $lead->phone : '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">City</td>
                                        <td>{{ $lead->city ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Country</td>
                                        <td>{{ $lead->country ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Projects</td>
                                        <td>{{ $lead->num_projects ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Website</td>
                                        <td>{{ $lead->website ? '<a href="' . $lead->website . '" target="_blank">' . $lead->website . '</a>' : '—' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Received</td>
                                        <td>{{ $lead->created_at->format('d M Y, h:i A') }}</td>
                                    </tr>
                                    @if($lead->utm_source)
                                        <tr>
                                            <td class="text-muted">Source</td>
                                            <td>{{ $lead->utm_source }}{{ $lead->utm_campaign ? ' / ' . $lead->utm_campaign : '' }}
                                            </td>
                                        </tr>
                                    @endif
                                </table>
                                @if($lead->message)
                                    <hr>
                                    <div class="text-muted"
                                        style="font-size:11px;text-transform:uppercase;margin-bottom:4px;">Message</div>
                                    <div style="font-size:13px;white-space:pre-wrap;">{{ $lead->message }}</div>
                                @endif
                                @if($lead->convertedTenant)
                                    <hr>
                                    <div class="alert alert-success mb-0" style="font-size:12px;">
                                        <i class="fas fa-check-circle mr-1"></i>
                                        Converted to tenant: <a
                                            href="{{ route('platform.tenants.show', $lead->convertedTenant->id) }}">{{ $lead->convertedTenant->name }}</a>
                                    </div>
                                @endif
                            </div>
                        </div>

                        {{-- ── Update status/notes ── --}}
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-edit mr-2" style="color:#c9a96e"></i>Update Status
                                </h6>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('platform.leads.update', $lead->id) }}" method="POST">
                                    @csrf
                                    @method('PATCH')
                                    <div class="form-group">
                                        <label style="font-size:12px;font-weight:600;">Status</label>
                                        <select name="status" class="form-control form-control-sm">
                                            @foreach(['new' => 'New', 'contacted' => 'Contacted', 'demo_scheduled' => 'Demo Scheduled', 'converted' => 'Converted', 'not_interested' => 'Not Interested'] as $val => $label)
                                                <option value="{{ $val }}" {{ $lead->status === $val ? 'selected' : '' }}>
                                                    {{ $label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label style="font-size:12px;font-weight:600;">Internal Notes</label>
                                        <textarea name="notes" class="form-control form-control-sm"
                                            rows="3">{{ $lead->notes }}</textarea>
                                    </div>
                                    <button class="btn btn-primary btn-sm btn-block">Save</button>
                                </form>
                            </div>
                        </div>

                        <form action="{{ route('platform.leads.destroy', $lead->id) }}" method="POST"
                            onsubmit="return confirm('Delete this lead?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-outline-danger btn-sm btn-block">
                                <i class="fas fa-trash mr-1"></i>Delete Lead
                            </button>
                        </form>
                    </div>

                    {{-- ── Right: follow-ups ── --}}
                    <div class="col-lg-8">
                        <div class="card shadow-sm mb-3">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-comment-dots mr-2" style="color:#c9a96e"></i>Log a
                                    Follow-Up</h6>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('platform.leads.follow-up', $lead->id) }}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600;">Type</label>
                                                <select name="type" class="form-control form-control-sm" required>
                                                    <option value="call">📞 Call</option>
                                                    <option value="email">📧 Email</option>
                                                    <option value="whatsapp">💬 WhatsApp</option>
                                                    <option value="demo">🖥 Demo</option>
                                                    <option value="meeting">🤝 Meeting</option>
                                                    <option value="note">📝 Note</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600;">Update Status
                                                    (optional)</label>
                                                <select name="status" class="form-control form-control-sm">
                                                    <option value="">— Keep current —</option>
                                                    @foreach(['new' => 'New', 'contacted' => 'Contacted', 'demo_scheduled' => 'Demo Scheduled', 'converted' => 'Converted', 'not_interested' => 'Not Interested'] as $val => $label)
                                                        <option value="{{ $val }}">{{ $label }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600;">Next Follow-Up
                                                    (optional)</label>
                                                <input type="datetime-local" name="next_follow_up_at"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label style="font-size:12px;font-weight:600;">Note</label>
                                        <textarea name="note" class="form-control form-control-sm" rows="3" required
                                            placeholder="What happened during this interaction?"></textarea>
                                    </div>
                                    <button class="btn btn-primary btn-sm"><i class="fas fa-plus mr-1"></i>Log
                                        Follow-Up</button>
                                </form>
                            </div>
                        </div>

                        <div class="card shadow-sm">
                            <div class="card-header">
                                <h6 class="mb-0"><i class="fas fa-history mr-2" style="color:#c9a96e"></i>Follow-Up
                                    History</h6>
                            </div>
                            <div class="card-body p-0">
                                @forelse($lead->followUps as $fu)
                                    <div class="d-flex align-items-start gap-2 p-3"
                                        style="border-bottom:1px solid #f1f5f9;">
                                        <div style="width:36px;height:36px;border-radius:50%;background:#fff8ee;
                                                    display:flex;align-items:center;justify-content:center;flex-shrink:0;">
                                            <i class="fas {{ $fu->getTypeIcon() }}"
                                                style="color:#c9a96e;font-size:14px;"></i>
                                        </div>
                                        <div style="flex:1;min-width:0;">
                                            <div class="d-flex justify-content-between align-items-start">
                                                <strong
                                                    style="font-size:13px;text-transform:capitalize;">{{ $fu->type }}</strong>
                                                <small
                                                    class="text-muted">{{ $fu->created_at->format('d M Y, h:i A') }}</small>
                                            </div>
                                            <div style="font-size:13px;color:#4a5568;white-space:pre-wrap;margin-top:2px;">
                                                {{ $fu->note }}</div>
                                            <div style="font-size:11px;color:#94a3b8;margin-top:4px;">
                                                by {{ $fu->admin->name ?? 'System' }}
                                                @if($fu->next_follow_up_at)
                                                    · Next follow-up: {{ $fu->next_follow_up_at->format('d M Y, h:i A') }}
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @empty
                                    <div class="text-center text-muted py-5">
                                        <i class="fas fa-comment-slash fa-2x mb-2 d-block"></i>No follow-ups logged yet.
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</section>
@include('Partials.footer')