@php
    $activities = array(
        array("name" => "John Smith", "time" => "10:30 AM", "service" => "next week", "status" => 1),
        array("name" => "Sarah Johnson", "time" => "1:15 PM", "service" => "same-day", "status" => 1),
        array("name" => "Robert Lee", "time" => "3:45 PM", "service" => "next month", "status" => 1),
        array("name" => "Emily Davis", "time" => "11:00 AM", "service" => "friend", "status" => 0),
        array("name" => "Michael Brown", "time" => "2:30 PM", "service" => "business", "status" => 1),
        array("name" => "Jessica Garcia", "time" => "9:00 AM", "service" => "family", "status" => 1),
        array("name" => "David Robinson", "time" => "12:00 PM", "service" => "home", "status" => 1),
        array("name" => "Ashley Hernandez", "time" => "4:15 PM", "service" => "event", "status" => 1),
        array("name" => "Daniel Martinez", "time" => "2:00 PM", "service" => "car", "status" => 0),
        array("name" => "Elizabeth Taylor", "time" => "11:45 AM", "service" => "pet", "status" => 1),
        array("name" => "Liam Brown", "time" => "9:30 AM", "service" => "next day", "status" => 0),
        array("name" => "Olivia Davis", "time" => "2:45 PM", "service" => "urgent", "status" => 1),
        array("name" => "Lucas Johnson", "time" => "5:00 PM", "service" => "same-day", "status" => 1)
    );
@endphp
<div class="card card-custom gutter-b card-stretch">
    <!--begin::Header-->
    <div class="card-header align-items-center border-0 mt-4">
        <h3 class="card-title align-items-start flex-column">
            <span class="font-weight-bolder text-dark">Lead Activity</span>
            <span class="text-muted mt-3 font-weight-bold font-size-sm">388 Today</span>
        </h3>
    </div>
    <!--end::Header-->
    <!--begin::Body-->
    <div class="card-body pt-4">
        <!--begin::Timeline-->
        <div class="timeline timeline-6 mt-3" style="max-height: 380px;overflow-y:auto;">
            @foreach($activities as $activity)
            <div class="timeline-item align-items-start">
                <div class="timeline-label font-weight-bolder text-dark-75 font-size-lg">
                    {{date('H:i', strtotime($activity['time']))}}
                </div>
                @if($activity['status'] == 1)
                    <div class="timeline-badge">
                        <i class="fa fa-genderless text-success icon-xl"></i>
                    </div>
                    <div class="font-weight-mormal font-size-lg timeline-content pl-3">
                        <a href="#" class="text-info">{{$activity['name']}}</a> has successfully
                        <span class="text-success">booked</span>
                    </div>
                @else
                    <div class="timeline-badge">
                        <i class="fa fa-genderless text-danger icon-xl"></i>
                    </div>
                    <div class="font-weight-mormal font-size-lg timeline-content text-muted pl-3">
                        <a href="#" class="text-info">{{$activity['name']}}</a> called but
                        <span class="text-danger">noted booked</span> any service
                    </div>
                @endif
            </div>
            @endforeach

        </div>
        <!--end::Timeline-->
    </div>
    <!--end: Card Body-->
</div>