{% extends 'EPSOBundle::index.html.twig' %}
    {% block body %}




<h1> <strong id="cat"> Application </strong>List</h1>

<hr>
<form class="form-inline" action="{{ path('jeux_up')}}" method="post">


<div class="col-md-12">




{% for jeux in jeuxs %}
{% set ch=' ' %}

{% if(jeux.Active=='1') %}
{% set ch='checked' %}

{% endif %}

 <div class="col-sm-6 col-md-2 col-md-2-14">
    <div class="thumbnail" style="padding:0px;background-color: rgba(255, 119, 1, 0);border: 1px solid #7DCCA8;">
    <img style="width:90%;height:120px;margin-left:auto;margin-right:auto;margin-top:8px;margin-bottom:8px" src="{{ asset('uploads/'~jeux.path) }}" alt="..." class="img-rounded img-responsive center-block">
      <div class="caption" style="background: #7DCCA8;padding:1px">
        <h5 style="text-align: center;color:#fff;margin-bottom: 4px;">{{jeux.ApplicationName}}</h5>
       <input name="tab[{{jeux.id}}]" class="caf" id="check" style="width:100%" type="checkbox"  {{ch}} >

      </div>
    </div>
  </div>




{% endfor%}





</div>

<div class="col-md-12">

<hr>
<button class="btn btn-primary btn-sm" type="submit"><i class="glyphicon glyphicon-floppy-disk"></i> Save </button>
<a href="{{path('sendtelup')}}" id="btn5" name="send" class="btn-danger btn btn-sm"><i class="glyphicon glyphicon-send"></i>  Send new Update </a>

</div>
</from>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" 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"> You can choose just 10 application </h4>
      </div>
     
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script type='text/javascript'>
var mvp = 10;
$(document).ready(function () {

 $(".caf:input:checkbox").change(function () {
 if ($(".caf:input:checkbox:checked").length > mvp) {
 this.checked = false;
$('#myModal').modal('show')
 }
 });
});
</script>





   {% endblock %}