{% if seo_element is not null %}
<div class="row">
    <h4>Référencement</h4>
    <div class="input-field col s12">
        <input placeholder="" id="seo_title" type="text" class="validate" value="{{ seo_element.title }}">
        <label for="seo_title">Title</label>
        <span class="helper-text" >Egalement utilisé pour og:title et twitter:title</span>
    </div>

    <div class="input-field col s12">
        <input placeholder="" id="seo_description" type="text" class="validate" value="{{ seo_element.description }}">
        <label for="seo_description">Description</label>
        <span class="helper-text" >Egalement utilisé pour og:description et twitter:description</span>
    </div>

    <div class="input-field col s12">
        <textarea placeholder="" id="seo_keywords" class="materialize-textarea">{{ seo_element.keywords }}</textarea>
        <label for="seo_keywords">Keywords</label>
    </div>


    <div class="input-group col s12">
        <label>url de la page : </label>
        <span>/fr/</span><span>{{ seo_element.slug }}</span>

        <span class="suffix"><a class="waves-effect waves-light btn right" href="javascript:update_route();"><i class="material-icons">mode_edit</i></a></span>
    </div>


    <div class="input-field input-group col s12" id="add_a_new_route">
        <label for="add_route">Add route</label>
        <span class="prefix">/{{ lang }}/</span><input placeholder="" id="add_route" type="text" class="validate">

        <span class="suffix"><a class="waves-effect waves-light btn right" href="javascript:add_route();"><i class="material-icons">save</i></a></span>
    </div>

    <div id="redirections-301">
        {% include '@AGrid/referencement.redirections.html.twig' %}
    </div>


</div>

<div class="row">
{#    <h5>Facebook - OpenGragh</h5>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="og:title" id="seo_og_title" type="text" value="{{ seo_element.title }}" disabled>#}
{#        <label for="seo_og_title">og:title</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="og:description" id="seo_og_description" type="text" value="{{ seo_element.description }}" disabled>#}
{#        <label for="seo_og_description">og:description</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="og:image" id="seo_og_image" type="text" class="validate" value="{{ seo_element.seoAbsolutePathImage }}">#}
{#        <label for="seo_og_image">og:image</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="og:url" id="seo_og_url" type="text" class="validate" value="{{ seo_element.seoURL }}" disabled>#}
{#        <label for="seo_og_url">og:url</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}

{#        <select id="seo_og_type">#}
{#            <option value="" disabled selected>Choose your option</option>#}
{#            <option value="website" {% if seo_element.ogType == 'website' %} selected="selected" {% endif %}>Web Site</option>#}
{#            <option value="article" {% if seo_element.ogType == 'article' %} selected="selected" {% endif %}>Article</option>#}
{#        </select>#}

{#        <label for="seo_og_type">og:type</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="og:sitename" id="seo_og_sitename" type="text" class="validate" value="{{ seo_element.seoOgSiteName }}">#}
{#        <label for="seo_og_sitename">og:sitename</label>#}
{#    </div>#}
</div>

<div class="row">
{#    <h5>Twitter</h5>#}
{#    <div class="input-field col s12">#}
{#        <input placeholder="twitter:title" id="seo_twitter_title" type="text" value="{{ seo_element.title }}" disabled>#}
{#        <label for="seo_twitter_title">twitter:title</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="twitter:description" id="seo_twitter_description" type="text" value="{{ seo_element.description }}" disabled>#}
{#        <label for="seo_twitter_description">twitter:description</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="twitter:url" id="seo_twitter_url" type="text" value="{{ seo_element.seoURL }}" disabled>#}
{#        <label for="seo_twitter_url">twitter:url</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}
{#        <input placeholder="twitter:image" id="seo_twitter_image" type="text" value="{{ seo_element.seoAbsolutePathImage }}" disabled>#}
{#        <label for="seo_twitter_image">twitter:image</label>#}
{#    </div>#}

{#    <div class="input-field col s12">#}

{#        <select id="seo_twitter_card">#}
{#            <option value="" disabled selected>Choose your option</option>#}
{#            <option value="summary_large_image" {% if seo_element.twitterCard == 'summary_large_image' %} selected="selected" {% endif %}>summary_large_image</option>#}
{#            <option value="summary" {% if seo_element.twitterCard == 'summary' %} selected="selected" {% endif %}>summary</option>#}
{#        </select>#}

{#        <label for="seo_twitter_card">twitter:card</label>#}
{#    </div>#}

</div>

<div class="row">
{#    <a class="waves-effect waves-light btn right" href="javascript:save_seo();"><i class="material-icons left">save</i> Sauvegarder</a>#}
</div>
{% endif %}