@extends('layouts.app')

@section('content')
    @foreach ($promo as $item)
    @endforeach
    <section class="hero-wrap hero-wrap-2" style="background-image: url({{ asset('storage/' . $item->gambar) }});"
        data-stellar-background-ratio="0.5">
        <div class="overlay"></div>
        <div class="container">
            <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
                <div class="col-md-9 ftco-animate pb-0 text-center">
                    <p class="breadcrumbs"><span class="mr-2"><a href="{{ url('') }}">Home <i
                                    class="fa fa-chevron-right"></i></a></span> <span>{{ $title }} <i
                                class="fa fa-chevron-right"></i></span></p>
                    <h1 class="mb-3 bread">{{ $title }}</h1>
                </div>
            </div>
        </div>
    </section>

    <section class="ftco-section ftco-agent">
        <div class="container">
            <div class="row justify-content-center pb-5">
                <div class="col-md-12 heading-section text-center ftco-animate">
                    <span class="subheading">Tim Kami</span>
                    <h2 class="mb-4">Marketing Profesional</h2>
                </div>
            </div>
            <div class="row justify-content-center">
                @forelse ($marketingData as $item)
                    @php
                        $foto = $item->foto ? asset('storage/' . $item->foto) : url('template/images/default-user.jpg'); // fallback foto
                    @endphp

                    <div class="col-md-3 ftco-animate">
                        <div class="agent">
                            <div class="img">
                                <img style="height: 400px;width:100%" src="{{ $foto }}" class="img-fluid"
                                    alt="{{ $item->nama ?? 'Marketing' }}">
                                <div class="desc ">
                                    <h3><a class=""
                                            href="{{ url('https://wa.me/62' . $item->no_wa) }}">{{ $item->user->name ?? 'Marketing ' . $item->id }}</a>
                                    </h3>
                                    <p class="h-info">
                                        <span class="location ">
                                            <i class="fa fa-user"></i>
                                            {{ $item->pekerja->nama ?? '-' }}</span>
                                        <span class="details ">
                                            <a class="fa fa-whatsapp" href="{{ url('https://wa.me/62' . $item->no_wa) }}">
                                                {{ $item->no_wa ?? '-' }}
                                            </a>
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="col-md-12 text-center">
                        <p>Belum ada data marketing.</p>
                    </div>
                @endforelse
            </div>
        </div>
    </section>
@endsection