@php
    $pageTitle = 'Lead: ' . $lead->name;
    $statusLabels = \V2\Modules\Institucional\AssocieSe\Models\MembershipLead::$statusLabels;
    $validStatuses = \V2\Modules\Institucional\AssocieSe\Models\MembershipLead::$validStatuses;
@endphp

@extends('v2-cms::layouts.app', [
    'title'    => $pageTitle,
])

@section('page-breadcrumbs')
    <span class="current">Institucional</span>
    <span class="separator">›</span>
    <span class="current">Associe-se</span>
    <span class="separator">›</span>
    <span class="current">Leads</span>
    <span class="separator">›</span>
    <span class="current">Detalhes</span>
@endsection

@section('content')

    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ $lead->name }}</h4>
        </div>
        <div>
            @php
                $color = ['pending' => 'warning', 'contacted' => 'info', 'converted' => 'success', 'discarded' => 'secondary'];
                $statusColor = isset($color[$lead->status]) ? $color[$lead->status] : 'secondary';
            @endphp
            <span class="badge bg-{{ $statusColor }} fs-6">
                {{ isset($statusLabels[$lead->status]) ? $statusLabels[$lead->status] : $lead->status }}
            </span>
        </div>
    </div>

    <div class="row">
        <div class="col-md-7">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="bi bi-info-circle me-2" aria-hidden="true"></i>Dados do Lead</h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-4">Nome</dt>
                        <dd class="col-sm-8">{{ $lead->name }}</dd>

                        <dt class="col-sm-4">Email</dt>
                        <dd class="col-sm-8"><a href="mailto:{{ $lead->email }}">{{ $lead->email }}</a></dd>

                        <dt class="col-sm-4">Telefone</dt>
                        <dd class="col-sm-8">{{ $lead->phone ?: '-' }}</dd>

                        <dt class="col-sm-4">Empresa</dt>
                        <dd class="col-sm-8">{{ $lead->company ?: '-' }}</dd>

                        <dt class="col-sm-4">Estado</dt>
                        <dd class="col-sm-8">{{ $lead->state ?: '-' }}</dd>

                        <dt class="col-sm-4">Cidade</dt>
                        <dd class="col-sm-8">{{ $lead->city ?: '-' }}</dd>

                        <dt class="col-sm-4">Mensagem</dt>
                        <dd class="col-sm-8">{{ $lead->message ?: '-' }}</dd>

                        <dt class="col-sm-4">Recebido em</dt>
                        <dd class="col-sm-8">{{ $lead->created_at->format('d/m/Y H:i:s') }}</dd>

                        @if($lead->converted_at)
                        <dt class="col-sm-4">Convertido em</dt>
                        <dd class="col-sm-8">{{ $lead->converted_at->format('d/m/Y H:i:s') }}</dd>
                        @endif
                    </dl>
                </div>
            </div>
        </div>

        <div class="col-md-5">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="bi bi-pencil-square me-2" aria-hidden="true"></i>Atualizar Status</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('v2.associe-se.cms.leads.status', ['id' => $lead->id]) }}" method="POST">
                        {{ csrf_field() }}
                        {{ method_field('PUT') }}

                        <div class="mb-3">
                            <label for="status" class="form-label">Status</label>
                            <select id="status" name="status" class="form-select">
                                @foreach($validStatuses as $status)
                                    <option value="{{ $status }}" @if($lead->status === $status) selected @endif>
                                        {{ isset($statusLabels[$status]) ? $statusLabels[$status] : $status }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="notes" class="form-label">Observações</label>
                            <textarea id="notes" name="notes" class="form-control" rows="4">{{ $lead->notes }}</textarea>
                        </div>

                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-check-lg me-1" aria-hidden="true"></i> Atualizar
                        </button>
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0 text-danger"><i class="bi bi-trash me-2" aria-hidden="true"></i>Remover Lead</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('v2.associe-se.cms.leads.destroy', ['id' => $lead->id]) }}" method="POST">
                        {{ csrf_field() }}
                        {{ method_field('DELETE') }}
                        <button type="submit" class="btn btn-outline-danger w-100"
                                onclick="return confirm('Tem certeza que deseja remover este lead?')">
                            <i class="bi bi-trash me-1" aria-hidden="true"></i> Remover Lead
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection