<?php if ( ! defined( 'myCRED_BADGE' ) ) exit; ?>

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="mycred-layout-option">
            <ul class="mycred-radio-list">
                <li>
                    <input type="radio" class="mycred-layout-radio" name="mycred_badge[mycred_layout_check]" id="mycred_layout_left" value="mycred_layout_left" <?php echo ( $mycred_layout == 'mycred_layout_left' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_layout_left">
                        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.26 61.16"><defs><style>.cls-1{fill:#aab5bc;}.cls-2{fill:#10212b;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><path class="cls-1" d="M61.76,2.53v5H.5v-5c0-1.12.68-2,1.53-2h58.2C61.07.5,61.76,1.41,61.76,2.53Z"/><path class="cls-2" d="M24.51,15.85H5.93a1.34,1.34,0,0,0-1.34,1.33v11.7a1.34,1.34,0,0,0,1.34,1.34H24.51a1.34,1.34,0,0,0,1.33-1.34V17.18A1.34,1.34,0,0,0,24.51,15.85Zm.9,13a.9.9,0,0,1-.9.91H5.93A.91.91,0,0,1,5,28.88V17.18a.9.9,0,0,1,.91-.9H24.51a.9.9,0,0,1,.9.9Z"/><rect class="cls-2" x="28.02" y="16.06" width="29.65" height="2.29" rx="1.15"/><rect class="cls-1" x="29.22" y="20.23" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="21.81" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="23.39" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="24.98" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="26.56" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="28.14" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="31.5" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="33.09" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="34.67" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="29.22" y="36.25" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="31.65" y="45.35" width="20.1" height="0.87" rx="0.44"/><rect class="cls-1" x="31.65" y="48.26" width="24.49" height="0.87" rx="0.44"/><rect class="cls-1" x="31.65" y="51.04" width="14.1" height="0.87" rx="0.44"/><rect class="cls-2" x="28.02" y="41" width="29.65" height="2.29" rx="1.15"/><circle class="cls-1" cx="29.95" cy="45.95" r="0.6"/><circle class="cls-1" cx="29.95" cy="48.7" r="0.6"/><circle class="cls-1" cx="29.95" cy="51.47" r="0.6"/><path class="cls-2" d="M25.84,20.29v8.59a1.34,1.34,0,0,1-1.33,1.34H5.93a1.34,1.34,0,0,1-1.34-1.34v-.64c.13-.14.27-.3.43-.46a10.18,10.18,0,0,1,6.71-3.1c5.4-.31,8.69-5.59,13.68-4.5l.22.05Z"/><circle class="cls-2" cx="7.5" cy="19.24" r="1.22"/><circle class="cls-2" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-2" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-2" cx="52.67" cy="4.64" r="0.63"/><rect class="cls-3" x="0.5" y="0.5" width="61.26" height="60.16"/></svg><?php _e( 'Left', 'mycred' ); ?> 
                    </label>
                </li>
                <li>
                    <input type="radio" class="mycred-layout-radio" name="mycred_badge[mycred_layout_check]" id="mycred_layout_top" value="mycred_layout_top" <?php echo ( $mycred_layout == 'mycred_layout_top' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_layout_top">
                        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.26 61.16"><defs><style>.cls-1{fill:#aab5bc;}.cls-2{fill:#10212b;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><path class="cls-1" d="M61.76,2.53v5H.5v-5c0-1.12.68-2,1.53-2h58.2C61.07.5,61.76,1.41,61.76,2.53Z"/><rect class="cls-2" x="16.31" y="31.62" width="29.65" height="2.29" rx="1.15"/><rect class="cls-1" x="17.51" y="35.78" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="37.37" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="38.95" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="40.53" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="42.11" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="43.7" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="47.06" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="48.64" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="50.22" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="51.81" width="14.1" height="0.87" rx="0.44"/><path class="cls-2" d="M40.42,13.17H21.84a1.34,1.34,0,0,0-1.34,1.34v11.7a1.34,1.34,0,0,0,1.34,1.33H40.42a1.34,1.34,0,0,0,1.33-1.33V14.51A1.34,1.34,0,0,0,40.42,13.17Zm.9,13a.9.9,0,0,1-.9.9H21.84a.9.9,0,0,1-.91-.9V14.51a.91.91,0,0,1,.91-.91H40.42a.9.9,0,0,1,.9.91Z"/><path class="cls-2" d="M41.75,17.62v8.59a1.34,1.34,0,0,1-1.33,1.33H21.84a1.34,1.34,0,0,1-1.34-1.33v-.64c.13-.15.27-.3.43-.46A10.21,10.21,0,0,1,27.64,22c5.4-.31,8.69-5.58,13.68-4.49l.22,0A1.29,1.29,0,0,1,41.75,17.62Z"/><circle class="cls-2" cx="23.41" cy="16.56" r="1.22"/><circle class="cls-2" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-2" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-2" cx="52.67" cy="4.64" r="0.63"/><rect class="cls-3" x="0.5" y="0.5" width="61.26" height="60.16"/></svg><?php _e( 'Top', 'mycred' ); ?> 
                    </label>
                </li>
                <li>
                    <input type="radio" class="mycred-layout-radio" name="mycred_badge[mycred_layout_check]" id="mycred_layout_right" value="mycred_layout_right" <?php echo ( $mycred_layout == 'mycred_layout_right' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_layout_right">
                       <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.26 61.16"><defs><style>.cls-1{fill:#aab5bc;}.cls-2{fill:#10212b;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><path class="cls-1" d="M61.76,2.53v5H.5v-5c0-1.12.68-2,1.53-2h58.2C61.07.5,61.76,1.41,61.76,2.53Z"/><rect class="cls-2" x="4.59" y="16.06" width="29.65" height="2.29" rx="1.15"/><rect class="cls-1" x="5.79" y="20.23" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="21.81" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="23.39" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="24.98" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="26.56" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="28.14" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="31.5" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="33.09" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="34.67" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="5.79" y="36.25" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="8.22" y="45.35" width="20.1" height="0.87" rx="0.44"/><rect class="cls-1" x="8.22" y="48.26" width="24.49" height="0.87" rx="0.44"/><rect class="cls-1" x="8.22" y="51.04" width="14.1" height="0.87" rx="0.44"/><rect class="cls-2" x="4.59" y="41" width="29.65" height="2.29" rx="1.15"/><circle class="cls-1" cx="6.52" cy="45.95" r="0.6"/><circle class="cls-1" cx="6.52" cy="48.7" r="0.6"/><circle class="cls-1" cx="6.52" cy="51.47" r="0.6"/><path class="cls-2" d="M56.33,15.85H37.75a1.34,1.34,0,0,0-1.34,1.33v11.7a1.34,1.34,0,0,0,1.34,1.34H56.33a1.34,1.34,0,0,0,1.34-1.34V17.18A1.34,1.34,0,0,0,56.33,15.85Zm.9,13a.9.9,0,0,1-.9.91H37.75a.91.91,0,0,1-.91-.91V17.18a.9.9,0,0,1,.91-.9H56.33a.9.9,0,0,1,.9.9Z"/><path class="cls-2" d="M57.67,20.29v8.59a1.34,1.34,0,0,1-1.34,1.34H37.75a1.34,1.34,0,0,1-1.34-1.34v-.64c.13-.14.27-.3.43-.46a10.21,10.21,0,0,1,6.72-3.1c5.39-.31,8.68-5.59,13.67-4.5l.22.05Z"/><circle class="cls-2" cx="39.32" cy="19.24" r="1.22"/><rect class="cls-3" x="0.5" y="0.5" width="61.26" height="60.16"/></svg><?php _e( 'Right', 'mycred' ); ?> 
                    </label>
                </li>
                <li>
                    <input type="radio" class="mycred-layout-radio" name="mycred_badge[mycred_layout_check]" id="mycred_layout_bottom" value="mycred_layout_bottom" <?php echo ( $mycred_layout == 'mycred_layout_bottom' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_layout_bottom">
                        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.26 61.16"><defs><style>.cls-1{fill:#aab5bc;}.cls-2{fill:#10212b;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><path class="cls-1" d="M61.76,2.53v5H.5v-5c0-1.12.68-2,1.53-2h58.2C61.07.5,61.76,1.41,61.76,2.53Z"/><rect class="cls-2" x="16.31" y="12.76" width="29.65" height="2.29" rx="1.15"/><rect class="cls-1" x="17.51" y="16.92" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="18.51" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="20.09" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="21.67" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="23.26" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="24.08" y="24.84" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="28.2" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="29.78" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="17.51" y="31.37" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="24.08" y="32.95" width="14.1" height="0.87" rx="0.44"/><path class="cls-2" d="M40.42,40.74H21.84a1.34,1.34,0,0,0-1.34,1.34v11.7a1.34,1.34,0,0,0,1.34,1.34H40.42a1.34,1.34,0,0,0,1.33-1.34V42.08A1.34,1.34,0,0,0,40.42,40.74Zm.9,13a.9.9,0,0,1-.9.91H21.84a.91.91,0,0,1-.91-.91V42.08a.9.9,0,0,1,.91-.9H40.42a.9.9,0,0,1,.9.9Z"/><path class="cls-2" d="M41.75,45.19v8.59a1.34,1.34,0,0,1-1.33,1.34H21.84a1.34,1.34,0,0,1-1.34-1.34v-.64c.13-.15.27-.3.43-.46a10.21,10.21,0,0,1,6.71-3.11c5.4-.3,8.69-5.58,13.68-4.49l.22.05Z"/><circle class="cls-2" cx="23.41" cy="44.14" r="1.22"/><circle class="cls-2" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-2" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-2" cx="52.67" cy="4.64" r="0.63"/><rect class="cls-3" x="0.5" y="0.5" width="61.26" height="60.16"/></svg><?php _e( 'Bottom', 'mycred' ); ?> 
                    </label>
                </li>
                 <li>
                    <input type="radio" class="mycred-layout-radio" name="mycred_badge[mycred_layout_check]" id="mycred_layout_none" value="mycred_layout_none" <?php echo ($mycred_layout == 'mycred_layout_none' ) ? 'checked' : '' ; if (  empty( $mycred_layout ) ) echo 'checked'; ?>>
                    <label for="mycred_layout_none">
                        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.26 61.16"><defs><style>.cls-1{fill:#aab5bc;}.cls-2{fill:#10212b;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><path class="cls-1" d="M61.76,2.53v5H.5v-5c0-1.12.68-2,1.53-2h58.2C61.07.5,61.76,1.41,61.76,2.53Z"/><rect class="cls-2" x="6.4" y="31.62" width="29.65" height="2.29" rx="1.15"/><rect class="cls-1" x="7.61" y="35.78" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="37.37" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="38.95" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="40.53" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="42.11" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="43.7" width="14.1" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="47.06" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="48.64" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="50.22" width="27.24" height="0.87" rx="0.44"/><rect class="cls-1" x="7.61" y="51.81" width="14.1" height="0.87" rx="0.44"/><path class="cls-2" d="M26.32,13.17H7.74A1.34,1.34,0,0,0,6.4,14.51v11.7a1.34,1.34,0,0,0,1.34,1.33H26.32a1.34,1.34,0,0,0,1.34-1.33V14.51A1.34,1.34,0,0,0,26.32,13.17Zm.91,13a.9.9,0,0,1-.91.9H7.74a.9.9,0,0,1-.9-.9V14.51a.9.9,0,0,1,.9-.91H26.32a.91.91,0,0,1,.91.91Z"/><path class="cls-2" d="M27.66,17.62v8.59a1.34,1.34,0,0,1-1.34,1.33H7.74A1.34,1.34,0,0,1,6.4,26.21v-.64c.13-.15.28-.3.44-.46A10.16,10.16,0,0,1,13.55,22c5.39-.31,8.68-5.58,13.68-4.49l.21,0Z"/><circle class="cls-2" cx="9.31" cy="16.56" r="1.22"/><circle class="cls-2" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-2" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-2" cx="52.67" cy="4.64" r="0.63"/><rect class="cls-3" x="0.5" y="0.5" width="61.26" height="60.16"/></svg><?php _e( 'None', 'mycred' ); ?> 
                    </label>
                </li>
            </ul>
        </div>
    </div>
</div>