@extends('layouts.public-base', ['title' => 'Brand Profile', 'contentwrapper' => ''])
@section('content')
<div class="projects_listing">
    <div class="row items-row brand-grid-container-js">
        <div class="col-lg-3 col-md-6 mb-35">
            <a href="{{ getRoute('brand_profile.create') }}">
                <div class="add_new_brand d-flex flex-column justify-content-center align-items-center"
                    style="height: 290px;">
                    <i class="material-icons">add_circle</i>
                    <p class="mb-0">Add New Brand Profile</p>
                </div>
            </a>
        </div>
        @include('inc.skeleton', ['key' => 'brand-items', 'number' => 10])
    </div>
    <div class="load-more-container text-center mt-3" style="display: none;">
        <button type="button" class="btn gz-btn bg-color-red m-auto load-more-brand-js">Load More </button>
    </div>
</div>
{{-- <div id="">
    <div class="custom-container py-3 pr-md-5">
        @include('inc.flashMessages')

        <div class="rb-heading">
            <h2 class="font-size-28">Brand Profile</h2>
        </div>
        <div class="brand_profile">
            <div class="brand_filter_bar align-items-center justify-content-between">
                <div class="fdt-title">
                    <h2>Brand Profile List</h2>
                </div>
            </div>
            <div class="row items-row brand-grid-container-js">
                <div class="col-lg-3 col-md-6 mb-35">
                    <a href="{{ getRoute('brand_profile.create') }}">
                        <div class="add_new_brand d-flex flex-column justify-content-center align-items-center"
                            style="height: 290px;">
                            <i class="material-icons">add_circle</i>
                            <p class="mb-0">Add New Brand Profile</p>
                        </div>
                    </a>
                </div>
            </div>

            <div class="load-more-container text-center mt-3" style="display: none;">
                <button type="button" class="btn gz-btn bg-color-red m-auto load-more-brand-js">Load More </button>
            </div>
        </div>
    </div>
    <div class="page-footer">

        <div class="container">
            <div class="row">
                <div class="copy-right col-md-12 text-center">
                    <p>© 2024 | All Rights Reserved</p>
                </div>
            </div>
        </div>
    </div>
</div> --}}

<!-- modal brand profile -->
<div class="modal cus_mdal_wdth" id="b_profile">

</div>
<!-- modal brand profile -->

@include('inc.logo-loader')

@endsection

@section('script')
<script src="{{ asset('assets/front/js/brand-profile.js?v=' . time()) }}"></script>
<script src="{{ asset('assets/front/js/brand-profile-listing.js?v=' . time()) }}"></script>
@endsection