@extends('layouts.dashboard.template')


@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <x-card class="card-primary card-outline">
                    <x-slot:body class="box-profile">
                        <div class="text-center">
                            <img class="profile-user-img img-fluid img-circle"
                                src="{{ asset('adminlte/dist/img/user1-128x128.jpg') }}" alt="User profile picture">
                        </div>

                        <h3 class="profile-username text-center">{{$lead->first_name}} {{ $lead->last_name }}</h3>

                        <p class="text-muted text-center">{{ $lead->interests->last()->interestable->name }}</p>
                        <ul class="list-group list-group-unbordered mb-3">
                            @foreach ($lead->interests->last()->metadata as $metadata )
                                <li class="list-group-item">
                                    <b>{{ $metadata->key }}</b> <a class="float-right">{{ $metadata->value }}</a>
                            @endforeach
                        </ul>
                    </x-slot>
                </x-card>
            </div>
            <div class="col-md-9">
                <livewire:tabs :tabs="$tabs" :type="'pills'">
            </div>
        </div>
    </div>
@endsection