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

{% block title %}Images{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

{% include('header.html.twig') %}

<div style="display: flex ; flex-direction: row">
  <div style="align-self: flex-start">
    <img src="{{asset('images/image_lat.png')}}" style="height: 80vh;">
  </div>
  <div style="display: flex ; flex-direction: column ; border: solid ; width: 80%" >
  <div class="example-wrapper" >
    <h2>Charger une image</h2>
  </div>
  {{ form(form) }}
  
</div>
</div>
{{ include('footer.html.twig') }}
{% endblock %}