<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WP_Bootstrap_Starter
 */

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php wp_head(); ?>
    <link href="<?php echo get_template_directory_uri(); ?>/css/slick.css" rel="stylesheet">
    <link href="<?php echo get_template_directory_uri(); ?>/css/slick-theme.css" rel="stylesheet">
    <link rel="profile" href="http://gmpg.org/xfn/11">
</head>

<body <?php body_class(); ?>>
    <header>
        <div class="bloc-header-top">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12 col-sm-10 col-lg-5">
                        <a href="/" class="logo-repose-pied">
                            <img src="<?php echo get_template_directory_uri(); ?>/IMG/logo.svg" alt="Logo Repose-Pied Bureau .fr" />
                            <div class="logo">
                                <p class="texte-logo">Repose-Pied-bureau<small>.fr</small></p>
                                <p>Tout savoir sur les repose-pieds pour votre bureau</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-12 col-sm-2 col-lg-5">
                        <nav class="navbar navbar-expand-lg navbar-light bg-light">
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menu" aria-controls="menu" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="navbar-toggler-icon"></span>
                            </button>

                            <?php
                            wp_nav_menu(array(
                                'theme_location'    => 'primary',
                                'container'       => 'div',
                                'container_id'    => 'menu',
                                'container_class' => 'collapse navbar-collapse justify-content-end',
                                'menu_id'         => 'menu',
                                'menu_class'      => 'navbar-nav',
                                'depth'           => 3,
                                'fallback_cb'     => 'wp_bootstrap_navwalker::fallback',
                                'walker'          => new wp_bootstrap_navwalker()
                            ));
                            ?>
                        </nav>
                    </div>
                    <div class="col-12 col-lg-2">
                        <div class="comparateur">
                            <a href="/comparateur">
                                <img src="<?php echo get_template_directory_uri(); ?>/IMG/loupe.svg" alt=""/>
                                <p>trouvez votre repose-pied</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php if ( !is_front_page() ) { ?> 
        <div class="bloc-titre">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <h1><?php echo get_the_title(); ?></h1>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
    </header>
    <main role="main">
        <article>