@props(['title', 'scripts' => ''])
<x-layouts.app :$title>
    <x-slot:scripts>
        @routes
        @livewireStyles
        @livewireScripts
    </x-slot:scripts>

    <div class="row justify-content-center m-0 p-0" style="margin-bottom:70px !important;">
        <div class="col-md-3 pchh border">

            @include('partials.account.side-bar')
            <div class="pb-3"></div>

        </div>

        <div class="col-md-6 m-0 p-0 " style="position:relative;" {{ $attributes }}>
            {{ $slot }}
        </div>
        <div class="col-md-3 m-0 p-0 pchh border" style="position:relative;">
            @include('partials.account.news-bar')
        </div>
    </div>
    <div class="pt-4"></div>
    @include('partials.account.bottom-bar')
    {{ $scripts }}
    <script src="/js/account.js" data-navigate-once></script>
</x-layouts.app>