@extends('layouts.public-base', ['title' => 'Settings', 'contentwrapper' => ''])

@push('liveStyle')
<link href="{{ asset('assets/plugins/owl/owl.carousel.min.css?v='.time()) }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/owl/owl.theme.default.min.css?v='.time()) }}" rel="stylesheet" />
@endpush

@section('content')

<div class="projects_listing" id="settings-page">
    {{-- <div class="rb-heading">
        <h2 class="font-size-28">Dashboard</h2>
    </div> --}}

    @include('inc.flashMessages')

    <livewire:common-tabs :tabs="$tabs" :sidebarUser="$sidebarUser" :tabData="$sidebarUser"
        :selectedTab='($selectedTab ?? "")' :enableSwitchAsUser="($enableSwitchAsUser ?? false)" />

    <div class="clearfix"></div>
</div>
{{-- <div class="page-footer">

    <div class="container">
        <div class="row mr-0">
            <div class="copy-right col-md-12 text-center">
                <p>© {{ date('Y') }} | All Rights Reserved</p>
            </div>
        </div>
    </div>
</div> --}}

<livewire:brand-profiles.brand-profile-modal :user="$sidebarUser" />

@endsection

@push('liveScript')
<script src="https://js.stripe.com/v3/"></script>
<script src="{{ asset('assets/front/js/payment.js?v='.time())}}"></script>
<script src="{{ asset('assets/front/js/add-payment-method.js?v='.time())}}"></script>
<script src="{{ asset('assets/front/js/brand-profile.js?v='.time()) }}"></script>
<script src="{{ asset('assets/plugins/owl/owl.carousel.min.js?v='.time()) }}"></script>


<script>
    function callbackObserver() {
        console.log('owl observer');
        $('.owl-carousel').owlCarousel({
                    loop:false,
                    margin:10,
                    nav:true,
                    items:2
                })
    }

    setMutationObserver('settings-page', 'subs_plans_modal', callbackObserver);
    
</script>

@endpush