@extends('layout/main')

@section('content')
    <!-- Start Hero Section -->
    <div class="hero">
        <img src="{{ $img }}" class="d-block w-100 h-slider" alt="monggopro.com">
    </div>
    <!-- End Hero Section -->
    <!-- Start Product Section -->
    <div class="product-section">
        <div class="container">
            <div class="col-md-12">
                <h2 class="mb-4 section-title">Daftar Harga <b
                        class="text-primary">{{ \App\Models\Produk::getType($slug) }}</b></h2>
            </div>
            <div class="row">
                @foreach ($params as $key => $value)
                    <div class="col-12 col-md-4 col-lg-4 mb-5 mb-md-0 mt-5">
                        <div class="product-item">
                            @if ($value->gambar && file_exists(public_path("/images/products/$value->gambar")))
                                <img src="{{ url('images/products/' . $value->gambar) }}"
                                    class="img-fluid product-thumbnail img-product-list">
                            @else
                                <img src="{{ url('images/not_image.png') }}"
                                    class="img-fluid product-thumbnail img-product-list">
                            @endif
                            <span class="mt-3">
                                {!! $value->getStokText() !!}
                            </span>
                            <h3 class="product-title">{{ $value->nama }}</h3>
                            <p>Kelengkapan</p>
                            <strong>
                                <p>{{ $value->getKelengkapan() }}</p>
                            </strong>
                            @foreach (json_decode($value->harga) as $k => $val)
                                <p class="p-0 m-0">
                                    <strong class="product-price">{{ formatRupiah($val) . ($k ? '/' . $k : '') }}</strong>
                                </p>
                            @endforeach
                            <p class="call mt-4">
                            <p class="mb-0">Hubungi</p>
                            <strong class="text-success">
                                <span class="fa fa-brands fa-whatsapp"></span>
                                <a class="text-success" href="https://wa.me/{{ env('APP_HP') }}"
                                    target="_blank">{{ formatPhoneNumber() }}</a>
                            </strong>
                            </p>
                            @if ($value->url)
                                <span class="icon-cross">
                                    <a href="{{ $value->url }}" target="_blank"
                                        rel="noopener noreferrer">Selengkaptnya</a>
                                </span>
                            @endif
                        </div>
                    </div>
                @endforeach
                @if (count($params) < 1)
                    <div class="col-12 text-center">
                        <img src="{{ url('images/data-not-found-monggopro.png') }}"
                            class="img-fluid product-thumbnail w-50"
                            alt="{{ url('images/data-not-found-monggopro.png') }}">
                    </div>
                @endif
            </div>
        </div>
    </div>
    <!-- End Product Section -->
@endsection