@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">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-md-12 heading-section text-center ftco-animate">
                    <h2 class="mb-2">Perusahaan Kami</h2>
                </div>
            </div>

            <div class="row">
                @foreach ($aboutPerusahaan as $itemPerusahaan)
                    <div class="col-md-4 mb-4 ftco-animate">
                        <div class="card h-100 shadow border-0">

                            <!-- Logo -->
                            <div class="text-center pt-4">
                                <img src="{{ asset('storage/' . $itemPerusahaan->logo) }}"
                                    alt="Logo {{ $itemPerusahaan->nama }}" style="max-width:120px; height:auto;">
                            </div>

                            <!-- Content -->
                            <div class="card-body text-center">
                                <h5 class="card-title font-weight-bold">
                                    {{ $itemPerusahaan->nama }}
                                </h5>

                                <p class="card-text" style="text-align: justify;">
                                    <b>Total Properti : {{ $itemPerusahaan->perumahan->count() }}</b>
                                    @if ($itemPerusahaan->perumahan->count())
                                        <ul class="list-unstyled text-left">
                                            @foreach ($itemPerusahaan->perumahan as $perumahan)
                                                <li>• {{ $perumahan->nama_perumahan }}</li>
                                            @endforeach
                                        </ul>
                                    @else
                                        <p class="text-muted">Belum Terdata</p>
                                    @endif
                                </p>
                            </div>

                            <!-- Button -->
                            <div class="card-footer bg-white border-0">
                                <a href="{{ asset('storage/' . $itemPerusahaan->dok_profile_perusahaan) }}" target="_blank"
                                    class="btn btn-primary btn-block">
                                    <i class="fa fa-file-pdf-o"></i>
                                    Lihat Profile Perusahaan
                                </a>
                            </div>

                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection