<div class="block-center" id="block-add-reco">
    <div class="row">
        <div class="col-xs-12 col-sm-8">
            <img src="/modules/myvetshopclinique/img/MVS_logo_reco.png"
                 class="title">

            <p>
                Votre vétérinaire a établi une ration nutritionnelle personnalisée pour votre animal ?
                Retrouvez les aliments de votre recommandation sur Myvetshop et bénéficiez de nos tarifs
                privilèges.<br>
                Veuillez saisir le code RECO* à 5 caractères fourni par votre vétérinaire :
            </p>

            <img src="/modules/myvetshopclinique/img/MVS_code_reco_exemple.png"
                 class="d-block d-md-none reco-example"
                 alt="Illustration d'une recommandation MyVetshop">

            <form action="{$link->getModuleLink('myvetshopclinique', 'myreco')|escape:'html'}"
                  method="post">
                <label for="code_reco">Code RECO :</label><br>

                <div class="form-group">
                    <input type="text" class="form-control" id="code_reco" name="code" style="width: 130px"
                           placeholder="XXXXX" minlength="5" maxlength="5" value="{$code}">
                </div>

                {if !empty($code) }
                    <div class="form-group">
                        <label for="animal">Animal associé à cette recommandation :</label>
                        <br>
                        <select name="id_animal" class="custom-select form-control border-0">
                            <option value="">-- Choisir un animal --</option>
                            {foreach $animals as $animal}
                                <option value="{$animal->id}">{$animal->nom} ({$animal->espece})</option>
                            {/foreach}
                            <option value="auto">Nouvel animal</option>
                        </select>
                    </div>
                {/if}
                <button type="submit" class="btn btn-primary" style="width: 130px">
                    <span>Continuer</span>
                </button>

            </form>
        </div>

        <div class="col-xs-12 col-sm-4 d-none d-md-block">
            <img src="/modules/myvetshopclinique/img/MVS_code_reco_exemple.png"
                 class="reco-example"
                 alt="Illustration d'une recommandation MyVetshop">
        </div>
    </div>
</div>