<?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-align-option">
            <ul class="mycred-radio-list">
                <li>
                    <input type="radio" class="mycred-align-radio" name="mycred_badge[mycred_badge_align]" id="mycred_align_left" value="mycred_align_left" <?php echo ( $mycred_badge_align == 'mycred_align_left' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_align_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:#10212b;}.cls-2{fill:#aab5bc;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><rect class="cls-1" x="9.02" y="13.98" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="10.55" y="18.88" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="21.18" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="23.48" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="25.78" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="28.08" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="30.38" width="20.48" height="1.27" rx="0.44"/><rect class="cls-1" x="9.02" y="36.13" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="10.55" y="41.03" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="43.33" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="45.63" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.55" y="47.81" width="20.48" height="1.27" rx="0.44"/><path class="cls-2" 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"/><circle class="cls-1" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-1" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-1" 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-align-radio" name="mycred_badge[mycred_badge_align]" id="mycred_align_right" value="mycred_align_right" <?php echo ( $mycred_badge_align == 'mycred_align_right' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_align_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:#10212b;}.cls-2{fill:#aab5bc;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><rect class="cls-1" x="9.02" y="13.98" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="10.76" y="20.03" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.76" y="22.33" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.76" y="24.63" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.76" y="26.93" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.76" y="29.23" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="29.86" y="31.53" width="20.48" height="1.27" rx="0.44"/><rect class="cls-1" x="9.02" y="36.13" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="10.76" y="42.18" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.76" y="44.48" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.76" y="46.78" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="29.86" y="49.08" width="20.48" height="1.27" rx="0.44"/><path class="cls-2" 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"/><circle class="cls-1" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-1" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-1" 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( 'Right', 'mycred' ); ?> 
                    </label>
                </li>
                 <li>
                    <input type="radio" class="mycred-align-radio" name="mycred_badge[mycred_badge_align]" id="mycred_align_center" value="mycred_align_center" <?php echo ( $mycred_badge_align == 'mycred_align_center' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_align_center">
                        <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:#10212b;}.cls-2{fill:#aab5bc;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><rect class="cls-1" x="9.59" y="13.98" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="11.34" y="18.4" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="20.7" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="23" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="25.3" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="27.6" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="20.89" y="29.9" width="20.48" height="1.27" rx="0.44"/><rect class="cls-1" x="9.59" y="36.13" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="11.34" y="40.55" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="42.85" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="45.15" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="20.89" y="47.45" width="20.48" height="1.27" rx="0.44"/><path class="cls-2" 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"/><circle class="cls-1" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-1" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-1" 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( 'Center', 'mycred' ); ?> 
                    </label>
                </li>
                <li>
                    <input type="radio" class="mycred-align-radio" name="mycred_badge[mycred_badge_align]" id="mycred_align_justify" value="mycred_align_justify" <?php echo ( $mycred_badge_align == 'mycred_align_justify' ) ? 'checked' : '' ; ?>>
                    <label for="mycred_align_justify">
                        <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:#10212b;}.cls-2{fill:#aab5bc;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><rect class="cls-1" x="9.59" y="13.98" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="11.34" y="20.03" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="22.33" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="24.63" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="26.93" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="29.23" width="39.58" height="1.27" rx="0.44"/><rect class="cls-1" x="9.59" y="36.13" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="11.34" y="42.18" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="44.48" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="11.34" y="46.78" width="39.58" height="1.27" rx="0.44"/><path class="cls-2" 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"/><circle class="cls-1" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-1" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-1" 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( 'Justify', 'mycred' ); ?> 
                    </label>
                </li>
                 <li>
                    <input type="radio" class="mycred-align-radio" name="mycred_badge[mycred_badge_align]" id="mycred_align_none" value="mycred_align_none" <?php echo ($mycred_badge_align == 'mycred_align_none' ) ? 'checked' : '' ;  if (  empty( $mycred_badge_align ) ) echo 'checked'; ?>>
                    <label for="mycred_align_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:#10212b;}.cls-2{fill:#aab5bc;}.cls-3{fill:none;stroke:#10212b;stroke-miterlimit:10;}</style></defs><title>icon</title><rect class="cls-1" x="9.02" y="13.98" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="10.42" y="19.03" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="21.33" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="23.63" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="25.93" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="28.23" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="30.53" width="20.48" height="1.27" rx="0.44"/><rect class="cls-1" x="9.02" y="36.13" width="43.07" height="3.33" rx="1.67"/><rect class="cls-2" x="10.42" y="41.18" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="43.48" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="45.78" width="39.58" height="1.27" rx="0.44"/><rect class="cls-2" x="10.42" y="48.08" width="20.48" height="1.27" rx="0.44"/><path class="cls-2" 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"/><circle class="cls-1" cx="58.22" cy="4.64" r="0.63"/><circle class="cls-1" cx="55.83" cy="4.64" r="0.63"/><circle class="cls-1" 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>