<?php
    if ( ! betterdocs()->settings->get( 'enable_breadcrumb' ) ) {
        return;
    }
    $extra_class = isset($widget_type) && $widget_type == 'blocks' ? ' '.$blockId : '';
?>

<nav class="betterdocs-breadcrumb<?php echo $extra_class; ?>" id="betterdocs-breadcrumb">
<ul class="betterdocs-breadcrumb-list">
    <li class="betterdocs-breadcrumb-item item-home">
        <a href="<?php echo esc_url( home_url() ); ?>" class="bread-link"><?php echo esc_html__( 'Home', 'betterdocs-pro' ); ?></a> </li>
    <li class="betterdocs-breadcrumb-item breadcrumb-delimiter">
        <span class="icon-container">
            <svg class="breadcrumb-delimiter-icon svg-inline--fa fa-angle-right fa-w-8" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                <path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
            </svg>
        </span>
    </li>
    <li class="betterdocs-breadcrumb-item item-cat item-custom-post-type-docs">
        <a href="<?php echo esc_url( $encyclopdeia_url ); ?>" class="bread-link"><?php echo esc_html( $encyclopdeia_page_title ); ?></a> </li>
    <li class="betterdocs-breadcrumb-item breadcrumb-delimiter">
        <span class="icon-container">
            <svg class="breadcrumb-delimiter-icon svg-inline--fa fa-angle-right fa-w-8" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                <path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
            </svg>
        </span>
    </li>
    <li class="betterdocs-breadcrumb-item">
        <a href="<?php echo esc_url( $current_letter_url ); ?>" class="bread-link"><?php echo esc_html( $current_letter ); ?></a> </li>
    <li class="betterdocs-breadcrumb-item breadcrumb-delimiter">
        <span class="icon-container">
            <svg class="breadcrumb-delimiter-icon svg-inline--fa fa-angle-right fa-w-8" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                <path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
            </svg>
        </span>
    </li>
    <li class="betterdocs-breadcrumb-item item-current item-506 current">
        <span><?php echo esc_html( $doc_title ); ?></span> </li>
</ul>
</nav>
