{% extends 'admin_base.html.twig' %}


{% block body %}
    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">

            <div class="row page-titles mx-0">
                <div class="col-sm-6 p-md-0">
                    <div class="welcome-text">
                        <h4>Les Niveaux</h4>
                    </div>
                </div>
                <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ path("admin.main") }}">Tableau de board</a></li>
                        <li class="breadcrumb-item active"><a href="{{ path("admin.levels.read.all",{"token" : groupe.getSgToken()}) }}">{{ groupe.getName() }}</a></li>
                        <li class="breadcrumb-item active"><a href="javascript:;">Modifier Niveau</a></li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-xl-12 col-xxl-12 col-sm-12">
                    <div class="card">

                        <div class="card-body">
                            <form action="{{ path("admin.levels.update",{"token" : Level.getSgToken()}) }}" method="post" enctype='multipart/form-data'>
                                <input type="hidden" name="_method" value="PUT" />

                                <div class="alert alert-custom alert-outline-danger fade show mb-5" role="alert" style=" display: {{ msg ? "block" : "none" }}">
                                    <div class="alert-icon"><i class="flaticon-warning"></i></div>
                                    <div class="alert-text">{{msg}} </div>
                                    <div class="alert-close">
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true"><i class="ki ki-close"></i></span>
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <div class="form-group">
                                            <label class="form-label">Nom </label>
                                            <input required type="text" placeholder="Nom" value="{{ Level? Level.getName() : "" }}" name="title" class="form-control">
                                            <input type="hidden"  value="{{ groupe.getSgToken()}}" name="token" class="form-control">
                                            {% if errors %}
                                                {% for e in errors %}
                                                    {% if (e['propertyPath'] == "title")%}
                                                        <span class="form-text text-danger">{{ e['message'] }}</span>
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        </div>
                                    </div>




                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        <div class="form-group">
                                            <div class="form-check">
                                                <input type="HIDDEN" name="active" id="active" value={{ Level.isEnabled() ? "1" : "0" }} >
                                                <input class="form-check-input" onclick="f()"  type="checkbox" {{ Level.isEnabled() ? "checked" :"" }}>
                                                <label class="form-check-label">
                                                    Active
                                                </label>
                                            </div>
                                        </div>
                                    </div>



                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <button type="submit" class="btn btn-primary">Enregistrer</button>
                                        <button type="reset" class="btn btn-light">Annuler</button>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">


        function previewFile() {
            var preview = document.getElementById("img");
            var preview1 = document.getElementById("img_text");
            var file    = document.getElementById("getval").files[0];
            var reader  = new FileReader();

            reader.onloadend = function () {
                preview.src = reader.result;
                preview1.innerHTML=file.name;
            }

            if (file) {
                reader.readAsDataURL(file);
            } else {
                preview.src = "";
                preview.innerHTML="Selctioner une Image";
            }
        }




    </script>
{% endblock %}