@php
    $motoristaCardId = $motoristaCardId ?? '';
    $motoristaCardTipo = $motoristaCardTipo ?? '';
    $motoristaCardNome = $motoristaCardNome ?? 'Motorista Contratado';
    $motoristaCardCpf = $motoristaCardCpf ?? '-';
    $motoristaCardMarca = $motoristaCardMarca ?? '-';
    $motoristaCardPlaca = $motoristaCardPlaca ?? '-';
    $motoristaCardBuonny = $motoristaCardBuonny ?? '';
    $motoristaGrupoTipo = $motoristaGrupoTipo ?? '';
    $motoristaCardClasses = $motoristaCardClasses ?? '';
    if (isset($motoristaCardBadge) && $motoristaCardBadge !== null && $motoristaCardBadge !== '') {
        $motoristaCardBadge = (string) $motoristaCardBadge;
    } elseif ($motoristaCardTipo !== '') {
        $motoristaCardBadge = strtoupper((string) $motoristaCardTipo);
    } else {
        $motoristaCardBadge = '';
    }
    if ($motoristaCardId !== '') {
        $motoristaTipoBaseValor = (string) $motoristaCardId;
    } elseif ($motoristaGrupoTipo !== '') {
        $motoristaTipoBaseValor = (string) $motoristaGrupoTipo;
    } else {
        $motoristaTipoBaseValor = 'novo';
    }

    $motoristaTipoBaseId = preg_replace('/[^A-Za-z0-9_-]/', '-', $motoristaTipoBaseValor);
    $motoristaTipoAmbosId = 'motorista-tipo-ambos-' . $motoristaTipoBaseId;
    $motoristaTipoColetaId = 'motorista-tipo-coleta-' . $motoristaTipoBaseId;
    $motoristaTipoEntregaId = 'motorista-tipo-entrega-' . $motoristaTipoBaseId;
    $motoristaCardBuonnyUrl = $motoristaCardBuonny !== '' && (substr($motoristaCardBuonny, 0, 7) === 'http://' || substr($motoristaCardBuonny, 0, 8) === 'https://')
        ? $motoristaCardBuonny
        : 'https://buonnycheck.buonny.com.br/#/consulta-profissional';
@endphp

<div class="detalhe-bloco detalhe-bloco-motorista mb-3 {{ $motoristaCardClasses }}" data-motorista-id="{{ $motoristaCardId }}" data-coleta-entrega-ambos="{{ $motoristaCardTipo }}">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
        <h6 class="detalhe-bloco-titulo mb-0">
            <i class="fas fa-user-tie me-2"></i>
            <span class="motorista-card-titulo-nome">{{ $motoristaCardNome }}</span>
            @if($motoristaCardBadge !== '')
                <span class="badge bg-secondary ms-2 text-uppercase">{{ $motoristaCardBadge }}</span>
            @endif
        </h6>
        <div class="d-flex flex-wrap align-items-start section-actions-gap motorista-card-acoes">
            <button type="button" class="btn btn-outline-primary btn-sm btn-editar-motorista-card" data-motorista-id="{{ $motoristaCardId }}">
                <i class="fas fa-edit me-1"></i> Editar
            </button>
            <button type="button" class="btn btn-outline-danger btn-sm btn-excluir-motorista-card" data-motorista-id="{{ $motoristaCardId }}">
                <i class="fas fa-trash-alt me-1"></i> Remover
            </button>
        </div>
    </div>
    <div class="detalhe-bloco-grid">
        <div class="detalhe-campo">
            <span class="detalhe-campo-label">Nome completo</span>
            <span class="detalhe-campo-valor fw-semibold" data-field="nome">{{ $motoristaCardNome }}</span>
        </div>
        <div class="detalhe-campo">
            <span class="detalhe-campo-label">CPF</span>
            <span class="detalhe-campo-valor" data-field="cpf">{{ $motoristaCardCpf }}</span>
        </div>
        <div class="detalhe-campo">
            <span class="detalhe-campo-label">Caminhão</span>
            <span class="detalhe-campo-valor" data-field="marca">{{ $motoristaCardMarca }}</span>
        </div>
        <div class="detalhe-campo">
            <span class="detalhe-campo-label">Placa</span>
            <span class="detalhe-campo-valor" data-field="numero_placa">{{ $motoristaCardPlaca }}</span>
        </div>
        <div class="detalhe-campo">
            <span class="detalhe-campo-label">Buonny</span>
            <span class="detalhe-campo-valor" data-field="buonny">
                @if($motoristaCardBuonny !== '')
                    <a href="{{ $motoristaCardBuonnyUrl }}" target="_blank" rel="noopener noreferrer" class="detalhe-campo-valor-link">{{ $motoristaCardBuonny }}</a>
                @else
                    -
                @endif
            </span>
        </div>
    </div>

    <div class="col-12 mt-3">
        <div class="row">
            <div class="col-md-4">
                <div class="form-check p-3 rounded detalhe-bloco motorista-tipo-opcao">
                    <input class="form-check-input checkbox-tipo-motorista motorista-tipo-opcao-input" type="checkbox" id="{{ $motoristaTipoAmbosId }}" name="{{ $motoristaGrupoTipo }}" data-tipo="coleta/entrega" {{ $motoristaCardTipo === 'coleta/entrega' ? 'checked' : '' }}>
                    <div class="motorista-tipo-opcao-conteudo">
                        <label class="form-check-label fw-semibold motorista-tipo-opcao-label" for="{{ $motoristaTipoAmbosId }}">
                            <i class="fas fa-route me-1"></i>
                            Ambas rotas (coleta e entrega)
                        </label>
                        <small class="d-block text-muted">Marque se o motorista fará a coleta e a entrega.</small>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-check p-3 rounded detalhe-bloco motorista-tipo-opcao">
                    <input class="form-check-input checkbox-tipo-motorista motorista-tipo-opcao-input" type="checkbox" id="{{ $motoristaTipoColetaId }}" name="{{ $motoristaGrupoTipo }}" data-tipo="coleta" {{ $motoristaCardTipo === 'coleta' ? 'checked' : '' }}>
                    <div class="motorista-tipo-opcao-conteudo">
                        <label class="form-check-label fw-semibold motorista-tipo-opcao-label" for="{{ $motoristaTipoColetaId }}">
                            <i class="fas fa-truck-loading me-1"></i>
                            Coleta
                        </label>
                        <small class="d-block text-muted">Marque se o motorista fará apenas a coleta.</small>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-check p-3 rounded detalhe-bloco motorista-tipo-opcao">
                    <input class="form-check-input checkbox-tipo-motorista motorista-tipo-opcao-input" type="checkbox" id="{{ $motoristaTipoEntregaId }}" name="{{ $motoristaGrupoTipo }}" data-tipo="entrega" {{ $motoristaCardTipo === 'entrega' ? 'checked' : '' }}>
                    <div class="motorista-tipo-opcao-conteudo">
                        <label class="form-check-label fw-semibold motorista-tipo-opcao-label" for="{{ $motoristaTipoEntregaId }}">
                            <i class="fas fa-shipping-fast me-1"></i>
                            Entrega
                        </label>
                        <small class="d-block text-muted">Marque se o motorista fará apenas a entrega.</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>