<div class="wyt-manual">
    <div class="wyt-intro">
        This is a page that describes how to get a key for Youtube API to get information about a user, his videos and
        comments.
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            1. You should follow this <a href="https://console.developers.google.com/apis/dashboard" target="_blank">link</a>
            and select the project from the top of the page in the drop-down menu
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/1.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            2. Click on the "Create project" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/2.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            3. Fill in the "Project name" field and click the "Create" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/3.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            4. At the top of the page, in the drop-down list, select the newly created project and click the "ENABLE
            APIS AND SERVICES" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/4.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            5. Type "Youtube" in the search bar
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/5.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            6. In the list of results, select "YouTube Data API v3"
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/6.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            7. Click the "ENABLE" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/7.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            8. Click the "CREATE CREDENTIALS" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/8.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            9. Fill in all the fields as shown in the picture and click the "What credentials do I need?"
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/9.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            10. Copy your API key and click the "Done" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/10.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
    <div class="wyt-step">
        <div class="wyt-step-text">
            11. Paste your API key to the field and click "SAVE" button
        </div>
        <div class="wyt-step-img">
            <img src="<?php echo esc_url( WYT_COMPONENT_URL . '/admin/assets/img/manual/11.png' ); ?>"
                 class="wyt-manual-img" alt="">
        </div>
    </div>
</div>