<!DOCTYPE html>
<html>
<?php
if     ($_REQUEST['idoffre']=="DUO")         $Titre ="Commandez votre ligne duo";
else if($_REQUEST['idoffre']=="TRIO")   $Titre ="Commandez votre ligne triple play";
else if($_REQUEST['idoffre']=="MOB")    $Titre ="Commandez votre ligne mobile";
else                                    $Titre ="Choisissez votre ligne sur mesure";

// $Etape['return']['titre']
?>

<h1 class="titre"><?=$Titre?></h1>
<div class="SepCenter"></div>
<br>
<?php
// Array
    //echo "<pre>"; print_r($_REQUEST); echo "</pre>";
?>
<form method="post"  name="form1" id="form1" enctype="multipart/form-data">
    <div class="row">

        <div class="col-md-6">
            <div class="form-group">
                <label><img src="images/p_man.svg" >&nbsp;Nom et prénom *</label>
                <input id="form_nomprenom" name="form_nomprenom" class="ff form-control" Onchange='Obligatoire();' Onkeypress='Obligatoire();' value="<?=$form['nomprenom']?>" placeholder="Dupont Jean" required>
            </div>

            <div class="form-group">
                <label><img src="images/p_phone.svg" >&nbsp;Numéro de téléphone</label>
                <input name="form_telephone" class="form-control" type="tel"  attern="[0-9]{2}-[0-9]{2}-[0-9]{2}-[0-9]{2}-[0-9]{2}" value="<?=$form['telephone']?>" placeholder="">
            </div>

            <br>
            <div class="form-group">
                <!-- NEW
                <label>Votre carte d’identité *</label><br>
                <input type="hidden" name="MAX_FILE_SIZE" value="2097152">
                <input id="form_file" name="form_file" class="input-file"  type="file" accept=".jpg,.jpeg,.png,.bmp,.gif,.pdf" onchange="return validateFileExtension(this)" required>
                -->
                <!-- OLD
                <input id="form_file" name="form_file" class="input-file"  type="file" accept=".jpg,.jpeg,.png,.bmp,.gif,.pdf" onchange="return validateFileExtension(this)" required>

                <label   for="form_file" class="custom-file-upload">
                    <img src="images/dl.svg"> <span id="nomimg">Télécharger</span>
                </label>
                -->


            </div>
            <br>
        </div>

        <div class="col-md-6">
            <div class="form-group">
                <label><img src="images/p_mail.svg" >&nbsp;Adresse email *</label>
                <input  id="form_email" name="form_email" type="email" class="form-control" Onchange='Obligatoire();' Onkeypress='Obligatoire();' value="<?=$form['email']?>" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" placeholder="jean.dupont@mail.fr" required >
            </div>
            <!--
            <div class="form-group">
                <label><img src="images/p_company.svg" >&nbspNom de la société</label>
                <input name="form_societe" class="form-control" value="<?=$form['societe']?>" placeholder="John Doe & Co">
            </div>
-->
            <div class="form-group">


            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="CGV" style="">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-2" >
                            <div class="col-xs-4 col-sm-4" style="border:0px solid #000">
                                <div class="onoffswitch" >
                                    <input id="BtnCGV"    class="onoffswitch-checkbox" type="checkbox" name="onoffswitch"  value="oui"   >
                                    <label id="coche_CGV" class="onoffswitch-label"  for="BtnCGV" ></label>

                                </div>

                            </div>
                        </div>
                        <div class="col-md-10" style="font-size:0.8em">
                            J'accepte les conditions générales.<br>
                            Découvrez comment nous recueillons, utilisons et partageons vos données en lisant nos<br>
                            <a href="https://pro.airmob.net/cgv/" target="_blank">Conditions générales de vente</a> et comment nous utilisons les cookies et autres technologies<br>
                            similaires en consultant  <a href="https://pro.airmob.net/politique-cookie/" target="_blank">notre Politique d’utilisation des cookies</a>.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<br>
<div style="text-align:center;">
    <button id='BTN1' name="CmdPOST" type="submit" class="btn btn-default" value="infos_entreprise" Onclick="return ValideCGV()" disabled>Valider</button>
    <br><br>
    <button name="Retour" type="submit" class="btn btn-retour" value="1" OnClick="Annule()">RETOUR</button>
</div>

</form>

<!-- -->
<div id="MsgCGV" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Conditions Générales</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>Vous devez lire et accepter les conditions générales pour pouvoir continuer.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>

<!-- -->
<div id="MsgErreur" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Téléchargement</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>Seuls les fichiers jpg, png, bmp, gif et pdf sont autorisés.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>

<script>

    /*
    $('#BTN1').on('click', function() {
        if($('#BtnCGV').is(':checked')) {
            $("#BtnCGV").prop('checked', false);
        } else {
            $("#BtnCGV']").prop('checked', true);
        }
    });*/

    function ValideCGV() {
        var Valide = $('#BtnCGV').is(':checked');
        if (Valide==true) {
            return true;
        } else {
            $("#MsgCGV").modal("show");
            return false;
        }
    }

    function Annule() {
        $("#form_nomprenom").removeAttr("required");
        $("#form_email").removeAttr("required");
        $("#form_file").removeAttr("required");
    }

    function validateFileExtension(fld) {
        console.debug(fld);
        if(!/(\.png|\.bmp|\.gif|\.jpg|\.jpeg|\.pdf)$/i.test(fld.value)) {
            $("#MsgErreur").modal("show");
            fld.form.reset();
            fld.focus();
            return false;
        }
        $('#nomimg').html(fld.value);
        return true;
    }

    sideScroll(container,'right',20,120,10);

</script>
