{% extends 'backoffice/backbase.html.twig' %}

{% block title %}Nouveau Partenaire{% endblock %}

{% block breadcrumbtitle %}Nouveau Partenaire{% endblock %}

{% block breadcrumbitem %}Nouveau Partenaire{% endblock %}

{% block content %}

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body d-flex justify-content-center">
                    {{ include ('backoffice/partner/_form.html.twig') }}
                </div>
            </div>

        </div>
    </div>

{% endblock %}

{% block javascripts %}
    <script type="text/javascript">

        var removeButton = "<button type='button' class='btn btn-danger btn-xs rounded-circle' onclick='removeFile($(this));'><i class='fa fa-times' aria-hidden='true'></i></button>";

        function removeFile(ob)
        {
            ob.parent().parent().remove();
        }


        //Delete Image Preview
        /*$("#imageDelBtn").on("click", function(){
            $("#product_imageFile").val('');
            $("#image").parent().parent().remove();
        });*/


        //Load Image Preview after select through the input file
        $(document).on("change", "#partner_logoFile", function () {
            $("#image").parent().parent().remove();

            $('#imagePreview').append("<div class='row flex justify-content-start flex-wrap'>"+
                "<div class='col text-center' style='width: 120px; flex: none; margin: 5px;'> " +
                "<img id='image' src='"+URL.createObjectURL(event.target.files[0])+"' alt='partner-img' width='120'> " +
                "</div>" +
                "</div>");
        });

    </script>
{% endblock %}