@extends('layouts.front-layout')
@section('title')
    Product
@endsection
@section('content')

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('front-assets/images/kaleimmmakeup.jpg') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="productSec product-page">
        <div class="container">
            <div class="productHeading text-center" data-aos="fade-up">
                <h2 class="secHeading">Products</h2>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row align-items-center">
                        {{-- Markup Brushes Product --}}
                        @if (isset($markupBrushes))
                            <div class="col-md-3 product_data">
                                <div class="productWrap">
                                    <figure>
                                        <img src="{{ $markupBrushes->productImage('product_main_image') ?: asset('upload/No-Image.png') }}"
                                            class="img-fluid" alt="">
                                    </figure>
                                    <div class="productContent">
                                        <h3>{{ $markupBrushes->product_name ?? '' }}</h3>
                                        <p>{!! \Illuminate\Support\Str::limit(strip_tags($markupBrushes->description), 70, '...') !!}</p>
                                        <a href="{{ route('product.detail', ['slug' => $markupBrushes->slug]) }}">
                                            @if ($markupBrushes->product_price)
                                                @if ($markupBrushes->product_discount)
                                                    <del>$ {{ $markupBrushes->product_price }}</del>
                                                    $ {{ $markupBrushes->product_discount }}
                                                @else
                                                    $ {{ $markupBrushes->product_price }}
                                                @endif
                                            @else
                                                Price not available
                                            @endif
                                        </a>
                                        <input type="hidden" class="product_id" value="{{ $markupBrushes->id }}">
                                        @guest
                                            <a href="{{ route('user.login-view') }}" class="btn btn-danger btn-sm btn-block"
                                                style="color:white!important;padding:8px;"> <i class="fa fa-heart"> &nbsp;Add to
                                                    Wishlist</i> </a>
                                        @else
                                            <button type="button" class=" add_to_wishlist_btn btn btn-danger btn-sm btn-block"
                                                style="color:white!important;padding:8px;"> <i class="fa fa-heart"> &nbsp;Add to
                                                    Wishlist</i> </button>

                                        @endguest
                                    </div>
                                </div>
                            </div>
                        @endif

                        {{-- Peaches Cream Concealer Product --}}
                        @if (isset($peachesCreamConcealer))
                            <div class="col-md-3 product_data">
                                <div class="productWrap">
                                    <figure>
                                        <img src="{{ $peachesCreamConcealer->productImage('product_main_image') ?: asset('upload/No-Image.png') }}"
                                            class="img-fluid" alt="">
                                    </figure>
                                    <div class="productContent">
                                        <h3>{{ $peachesCreamConcealer->product_name ?? '' }}</h3>
                                        <p>{!! \Illuminate\Support\Str::limit(strip_tags($peachesCreamConcealer->description), 70, '...') !!}</p>
                                        <a href="{{ route('product.detail', ['slug' => $peachesCreamConcealer->slug]) }}">
                                            @if ($peachesCreamConcealer->product_price)
                                                @if ($peachesCreamConcealer->product_discount)
                                                    $ {{ $peachesCreamConcealer->product_discount }}
                                                    <del>$ {{ $peachesCreamConcealer->product_price }}</del>
                                                @else
                                                    $ {{ $peachesCreamConcealer->product_price }}
                                                @endif
                                            @else
                                                Price not available
                                            @endif
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if (isset($imperceptibleSettingPowder))
                            <div class="col-md-3 product_data">
                                <div class="productWrap">
                                    <figure>
                                        <img src="{{ $imperceptibleSettingPowder->productImage('product_main_image') ?: asset('upload/No-Image.png') }}"
                                            class="img-fluid" alt="">
                                    </figure>
                                    <div class="productContent">
                                        <h3>{{ $imperceptibleSettingPowder->product_name ?? '' }}</h3>
                                        <p>{!! \Illuminate\Support\Str::limit(strip_tags($imperceptibleSettingPowder->description), 70, '...') !!}</p>
                                        <a
                                            href="{{ route('product.detail', ['slug' => $imperceptibleSettingPowder->slug]) }}">
                                            @if ($imperceptibleSettingPowder->product_price)
                                                @if ($imperceptibleSettingPowder->product_discount)
                                                    $ {{ $imperceptibleSettingPowder->product_discount }}
                                                    <del>$ {{ $imperceptibleSettingPowder->product_price }}</del>
                                                @else
                                                    $ {{ $imperceptibleSettingPowder->product_price }}
                                                @endif
                                            @else
                                                Price not available
                                            @endif
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endif


                        {{-- No Product Available --}}
                        @if (!isset($markupBrushes) && !isset($peachesCreamConcealer) && !isset($imperceptibleSettingPowder))
                            <h4 class="mx-auto">No Products Available</h4>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection