@extends('new_header')
@section('main')

<div class="container-fluid ps-0" data-bs-spy="scroll" data-bs-target="#navbar-example">
    <!---->
    <div class="row shadow-lg flex-nowrap ps-0 ms-0 py-0 mt-5 pt-5">
        <!-- BARRA VERSION LARGE RESPONSE -->
        <div class="col-auto col-md-4 col-lg-3 col-xl-3 px-sm-2 px-0 d-md-inline d-none bg-fidelitas bg-gradient">
            <div class="d-flex flex-column align-items-center align-items-sm-start px-2 pt-5 text-white min-vh-100 sticky-top">
                <!---->
                @yield('barra_large')
                <!----->
            </div>
        </div>
        <!-- BARRA VERSION SMALL RESPONSE -->
        <div class="offcanvas offcanvas-start d-md-none d-inline w-25 bg-fidelitas bg-gradient" tabindex="-1" id="offcanvas" data-bs-keyboard="false" data-bs-backdrop="false">
            <div class="offcanvas-header">
                {{--<img src="{{ Session::get('webdata')['uri_icon'] }}" alt="{{ Session::get('webdata')['web_title'] }}" height="10" class="img-thumbnail"/>--}}
                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            </div>
            <div class="offcanvas-body px-0">
                @yield('barra_chica')
            </div>
        </div>
        <!-- Formulario de datos --->
        <div class="col">
            <div class="row justify-content-start d-md-none d-inline">
                <div class="col">
                    <a class="btn float-start bg-fidelitas text-white" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" role="button">
                        <i class="bi bi-list fs-3" data-bs-toggle="offcanvas" data-bs-target="#offcanvas"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-2">
                <a href="/iv/iv-panel-control" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
                    <div class="d-none d-md-inline">
                        <img src="{{ Session::get('webdata')['uri_logo'] }}" alt="{{ Session::get('webdata')['web_title'] }}" height="40" class="img-fluid bg-white"/>
                    </div>
                </a>
            </div>
            @yield('formulario')
        </div>
        <!----->
    </div>
</div>
@endsection

@section('funcionesJS')
    @yield('jsFunction')
@endsection