@extends('web.secciones.layout')

@section('bodyclass', 'blog-page light-footer')

@section('contenido')
    @include('web.secciones.header')
    <div class="page-margin">
        <!-- breadcrumb start-->
        <div class="breadcrumb-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-12 col-text-center d-align-center">
                        <h2 class="title"> Panel de<span> Usuario</span></h2>
                    </div>
                    <div class="col-md-6 col-sm-12 col-text-center">
                        <nav class="blog-bradcrumb" aria-label="breadcrumb">
                            <ol class="breadcrumb bg-transparent mb-0">
                                <li class="breadcrumb-item">Cuenta</li>
                                @yield('ruta-panel')
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!-- breadcrumb end-->
        <!-- blog Section starts-->
        <section>
            <div class="container">
                <div class="row">
                    <!-- sidebar section-->
                    <div class="col-md-4 col-lg-2 list-sidebar">
                        @include('web.panel.menu')
                    </div>
                    <!-- sidebar section-->
                    <!-- blog details starts-->
                    @yield('contenido-panel')
                    <!-- blog details end-->
                </div>
            </div>
        </section>
        <!-- blog Section End-->
    </div>

    @include('web.secciones.footer')
@endsection