@extends('frontend.pages.layouts.master')
@section('content')
    <div class="mb-5" lazyloding=""
        style="background-image:url({{ asset('assets/media/img/pngasset/bg-img.jpg') }});background-size:cover;background-repeat: no-repeat;">
        <div class="bg-primary-default">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="page-title d-flex align-items-center me-3 flex-wrap py-20 ">
                            <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-25 my-1">
                                <li class="breadcrumb-item text-warning">
                                    <a href="/" class="text-warning text-hover-primary">Home</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <span class="bullet"></span>
                                </li>
                                <li class="text-white">
                                    <a href="/products?cat={{ $record->category->slug }}"
                                        class="text-warning text-hover-primary fs-25">Products</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <span class="bullet"></span>
                                </li>
                                <li class="breadcrumb-item text-white fs-25">{{ $heading }}</li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
    </div>
    <div class="container">
        @php
            $path = 'views/livewire/frontend/layouts/detail';
            $file_name = get_details_page_design($record->id);
        @endphp
        @if (has_view_file($file_name . '.blade.php', $path))
            @livewire('frontend.layouts.detail.' . $file_name, ['record_id' => $id])
        @endif
    </div>
@endsection

<style>
    .bg-primary-default {
        background-color: #003f71e6 !important;
    }

    .py-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
</style>