{{#unless isAuth}}
<div class="jumbotron jumbotron-fluid">
    <div class="container">
        <h1 class="display-4">Tutorials</h1>
        <p class="lead">Start Self-Learning Today: Be the best Developer in the company</p>
    </div>
</div>
{{/unless}}

<div>


    {{#if isAuth}}
    <h1 class="text-center">Courses</h1>
    <section>
        <a href="/courses/create" class="btn btn-warning ">Create Course</a>
        <form class="search float-right">
            <label>Search: </label>
            <input type="text">
            <input type="submit" class="btn btn-primary" value="Search">
        </form>
    </section>
    {{else}}
    <h1 class="text-center">Top Courses</h1>
    {{/if}}
    <div class="container mt-3">
        <div class="row d-flex justify-content-center">

            <div class="card-deck">
                {{#each courses}}
                {{>course}}
                {{else}}
                <h4 class="text-center">No courses...</h4>
                {{/each}}

            </div>

        </div>

    </div>
</div>