@extends('layouts.app')

@push('styles')
    <style>
        body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
            min-height: 100% !important;
        }
    </style>
@endpush


@section('content')

    <div class="container-fluid m-1 mt-0 p-1" style="padding-right: 5%!important; max-width: 100%!important">

        <!-- Begin page -->
        <div class="wrapper">

            @include('.partials.detached-left-sidebar')

            <div class="content-page" style="margin-right: -55px!important; padding-bottom: 0.2rem!important">

                @include('.partials.topbar-dark')

                <div id="contentModuleApp">

                </div>

                @include('.partials.right-sidebar')

            </div>
            <!-- content-page -->

        </div>
        <!-- end wrapper -->
    </div>
    <!-- END Container -->

@endsection

@push('scripts')

    <!-- index modulePerfilOmnicanal -->
    <script src="{{asset('/js/kangoobot/moduleDetalleRepresentante/index.js')}}" type="module"></script>
    <!-- index modulePerfilOmnicanal end -->

    <!-- index modulePerfilOmnicanal -->
    <script src="{{asset('/js/kangoobot/modulePerfilOmnicanal/index.js')}}" type="module"></script>
    <!-- index modulePerfilOmnicanal end -->


    <!-- index Kangoobot -->
    <script src="{{asset('/js/kangoobot/index.js')}}" type="module"></script>
    <!-- index Kangoobot end -->

    <script>
        document.getElementsByTagName("body")[0].setAttribute("data-leftbar-compact-mode", "condensed");
    </script>

@endpush