Souke/frontend/views/site/index.php

<?php

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use yii\captcha\Captcha;

use dosamigos\leaflet\types\LatLng;
use dosamigos\leaflet\layers\Marker;
use dosamigos\leaflet\layers\TileLayer;
use dosamigos\leaflet\LeafLet;
use dosamigos\leaflet\widgets\Map;

/* @var $this yii\web\View */
$this->title = 'Plateforme de réservation de pain';
?>

<?php

?>
			
<div class="item" id="presentation">
    <div class="container">
	<div class="row" id="row-presentation">
            <div class="col-md-12">
                <h1 id="title-site">La boîte à pain</h1>
                <p><strong>Plateforme de réservation de pain</strong></p>
                <div class="clr"></div>
            </div>
	</div>
        
        <div class="row" id="row-clients-boulanger">
            <div class="col-md-6" id="clients">
                <h2>
                    <img src="./img/clients.png" id="img-clients" /><br />
                    Clients
                </h2>
                
                <p><em>Réservez votre pain en ligne et récupérez votre commande<br />
                dans votre boulangerie ou dans un dépôt près de chez vous.</em></p>
                
                <ul>
                    <li>Moyen simple de commander</li>
                    <li>Garantie d'avoir du pain</li>
                    <li>Possibilité de choisir un dépôt proche de chez soi</li>
                </ul>
                
                <div class="prix">
                    <span>Gratuit</span>
                </div>
            </div>
            <div class="col-md-6 boulanger">
                <h2>
                    <img src="./img/boulanger1.png" id="img-boulanger" /><br />
                    Boulanger
                </h2>
                
                <p><em>Simplifiez la gestion de vos commandes<br /> et optimisez votre production.</em></p>
                
                <ul>
                    <li>Prise de commande en ligne automatisée</li>
                    <li>Gestion de vos points de vente (dépôts, AMAP, boîte à pain etc.)</li>
                    <li>Réception de vos commandes par email</li>
                    <li>Mise en place de comptes prépayés possible pour vos clients</li>
                </ul>
                
                <div class="prix">
                    <span><a data-toggle="modal" data-target="#modal-tarifs" href="javascript:void(0);">Voir les tarifs</a></span>
                </div>
            </div>
        </div>
        <?php if(Yii::$app->user->isGuest): ?>
        <div class="row" id="row-signup">
            <a class="btn btn-primary btn-lg" href="<?= Yii::$app->urlManager->createUrl('site/signup'); ?>"><span class="glyphicon glyphicon-circle-arrow-right"></span> Je m'inscris</a>
        </div>
        <?php endif; ?>
    </div>
</div>

<div class="item back1" id="contact">
	<div class="container">
	
		<div class="separateur"></div>
		<h2><img class="icon" src="<?php echo Yii::$app->urlManager->getBaseUrl() ; ?>/img/icon_53324.png" alt="" /> Contact</h2>		
		
		<?php if(Yii::$app->session->getFlash('success')): ?>
			<div class="alert alert-success"><div class="icon"></div><?= Yii::$app->session->getFlash('success'); ?></div>
		<?php endif; ?>
		
		<?php $form = ActiveForm::begin(['id' => 'contact-form', 'action'=> '#par-telephone', 'layout' => 'horizontal',]); ?>
                <?= $form->field($model, 'name') ?>
                <?= $form->field($model, 'email') ?>
                <?= $form->field($model, 'subject') ?>
                <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
                <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
                    'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
                ]) ?>
                <div class="form-group">
                    <?= Html::submitButton('Envoyer', ['class' => 'btn btn-default', 'name' => 'contact-button']) ?>
                </div>
            <?php ActiveForm::end(); ?>
		
	</div>
</div>

<!-- tarifs -->
<div class="modal fade" id="modal-tarifs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Tarifs</h4>
      </div>
      <div class="modal-body">
          <table class="table table-bordered">
              <thead>
                  <tr>
                      <th>Chiffre d'affaire</th>
                      <th>Prix</th>
                  </tr>
              </thead>
              <tbody>
              <div class="alert alert-warning"><em>La boîte à pain</em> fonctionne grâce à un système de <strong>facturation mensuelle</strong> basée
                    sur le chiffre d'affaire réalisé à partir des commandes enregistrées sur la plateforme. Fonctionner ainsi permet de faire contribuer chaque
                    boulangerie à la hauteur de son utilisation de la plateforme.</div>
                    <tr>
                        <td>&lt; 500 €</td>
                        <td>
                            <strong>Gratuit</strong>
                            <div class="exemple">Cette tranche vous permet de tester le site sans frais.</div>
                        </td>
                    </tr>
                    <tr>
                        <td>&gt;= 500 €</td>
                        <td>
                            <strong>2 %</strong> du chiffre d'affaire TTC<br />
                            <div class="exemple">Exemple : si pour un mois donné, vous avez comptabilisé <em>2500 € TTC</em> de chiffre d'affaire, 
                            vous recevrez une facture d'un montant de <em>50 € TTC</em> pour ce mois.</div>
                        </td>
                    </tr>
              </tbody>
          </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
      </div>
    </div>
  </div>
</div>