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

{% block title %}Steve Krack{% endblock %}

{% block stylesheets %}

{# Favicons #}
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/img/logo/m.png')}}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/img/logo/m.png')}}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/img/logo/m.png')}}">
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/img/logo/m.png')}}">
<link rel="manifest" href="{{ asset('assets/img/favicons/manifest.json')}}">

{# lib #}
<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
<link href="{{ asset('assets/lib/loaders.css/loaders.min.css')}}" rel="stylesheet">
<!-- <link
    href="https://fonts.googleapis.com/css?family=PT+Mono%7cPT+Serif:400,400i%7cEpitet:100,300,400,700,800,900"
    rel="stylesheet"> -->
<!-- <link href="{{ asset('assets/lib/remodal/remodal.css')}}" rel="stylesheet">
<link href="{{ asset('assets/lib/remodal/remodal-default-theme.css')}}" rel="stylesheet"> -->
<link href="{{ asset('assets/lib/owl.carousel/owl.carousel.css')}}" rel="stylesheet">
<link href="{{ asset('assets/lib/lightbox2/css/lightbox.css')}}" rel="stylesheet">
<link href="{{ asset('assets/lib/semantic-ui-accordion/accordion.min.css')}}" rel="stylesheet">
<link href="{{ asset('assets/lib/semantic-ui-transition/transition.min.css')}}" rel="stylesheet">




{# CSS Global #}
<link href="{{ asset('assets/css/theme.css') }}" rel="stylesheet" type="text/css" media="all" />

{% endblock %}

{% block header %}

{% include 'App/headerSideEdit.html.twig' %}

{% endblock %}

    {% block body %}

    {% include 'App/subHeader.html.twig' %}

    <header class="pt-3 pb-4">
    <h3>Modification du projet</h3>
    </header>
    <div class=" bg-white">
                      <div class="form-group mb-0">
                {{ form_start(saleEditForm)}}
                <div class="row justify-content-center align-items-center">


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

                    {{ form_row(saleEditForm.label)}}

                  </div>
                  <div class="col-md-6">

                    {{ form_row(saleEditForm.url)}}

                  </div>

                </div>
                 <div class="row justify-content-center align-items-center">


                  {# <div class="col-md-6">

                    {{ form_row(saleEditForm.video)}}

                  </div> #}
                  <div class="col-md-6">

                    {{ form_row(saleEditForm.saleOrder)}}

                  </div>

                </div>

                <div class="row justify-content-center align-items-center">


                  <div class="col-12">

                    {{ form_row(saleEditForm.description)}}

                  </div>


                </div>



                <div class="row justify-content-center align-items-center pt-4">


                  <div class="col-md-6">
                    <h3>Photos</h3>

                    {{ form_row(saleEditForm.photo1)}}

                  </div>

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

                    {{ form_row(saleEditForm.photo2)}}

                  </div>

                </div>
                <div class="row justify-content-center align-items-center pt-4">


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

                    {{ form_row(saleEditForm.photo3)}}

                  </div>
                  <div class="col-md-6">

                    {{ form_row(saleEditForm.photo4)}}

                  </div>

                </div>
                <div class="row justify-content-left align-items-center pt-4">


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

                    {{ form_row(saleEditForm.photo5)}}

                  </div>
                  {# <div class="col-md-6">

                    {{ form_row(saleEditForm.photo6)}}

                  </div> #}

                </div>

                <div class="row justify-content-center align-items-center">


                  <div class='col-12 pt-3' id='addedPictures_list'>

                    {{ form_row(saleEditForm.addedPictures) }}


                  </div>

                </div>

              </div>
              <div class="modal-footer bg-white">

                <div class="row justify-content-left no-gutters">

                  <div class="col">


                    {{ form_row(saleEditForm.submit)}}
                    {{ form_end(saleEditForm)}}
                  </div>
                </div>
              </div>

            </div>



    {% endblock %}

    {% block footer %}

    {% endblock %}

    {% block javascripts %}



    {# Jquery #}
    <!-- <script src="{{ asset('assets/js/jquery.min.js')}}" async></script> -->
    <script src="https://code.jquery.com/jquery-3.4.1.js"
        integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"
        integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <!-- cdnjs -->
    {# <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.10/jquery.lazy.min.js"
        crossorigin="anonymous"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.10/jquery.lazy.plugins.min.js"
        crossorigin="anonymous"></script> #}



    <script src="https://kit.fontawesome.com/528623a9de.js" crossorigin="anonymous"></script>


    <script src="{{ asset('assets/js/popper.min.js')}}"></script>
    <script src="{{ asset('assets/js/bootstrap.js')}}"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD14GRtbNv-6U9nSRZcDZTAnLgCP57Il5w"
        type="text/javascript"></script>

    {# JS Lib #}
    <script src="{{ asset('assets/lib/loaders.css/loaders.css.js')}}"></script>
    <script src="{{ asset('assets/lib/remodal/remodal.js')}}"></script>
    <script src="{{ asset('assets/lib/owl.carousel/owl.carousel.js')}}"></script>
    <script src="{{ asset('assets/lib/lightbox2/js/lightbox.js')}}"></script>
    <script src="{{ asset('assets/lib/isotope-layout/isotope.pkgd.min.js')}}"></script>
    <script src="{{ asset('assets/lib/isotope-packery/packery-mode.pkgd.min.js')}}"></script>

    {# JS Plugins #}
    <script src="{{ asset('assets/js/list.min.js') }}"></script>
    <script src="{{ asset('assets/js/autosize.min.js') }}"></script>


    <script src="{{ asset('assets/js/stickyfill.min.js')}}"></script>
    <script src="{{ asset('assets/js/rellax.min.js')}}"></script>
    <script src="{{ asset('assets/js/progressbar.min.js')}}"></script>
    <script src="{{ asset('assets/js/imagesloaded.pkgd.js')}}"></script>
    <script src="{{ asset('assets/js/CustomEase.js')}}"></script>
    <script src="{{ asset('assets/js/DrawSVGPlugin.js')}}"></script>
    <script src="{{ asset('assets/js/fontawesome-all.js')}}"></script>
    <script src="{{ asset('assets/js/ScrollToPlugin.js')}}"></script>
    <script src="{{ asset('assets/js/TweenMax.js')}}"></script>
    <script src="{{ asset('assets/js/jquery.lazy.min.js')}}"></script>
    <script src="{{ asset('assets/js/jquery.lazy.plugins.js')}}"></script>

    <script src="{{ asset('assets/js/map.js')}}"></script>
    {# <script src="{{ asset('assets/js/map.min.js')}}"></script> #}
    <script src="{{ asset('assets/lib/semantic-ui-accordion/accordion.min.js')}}"></script>
    <script src="{{ asset('assets/lib/semantic-ui-transition/transition.min.js')}}"></script>


    {# JS global #}
    <script src="{{ asset('assets/js/theme.js')}}" async></script>





    {# <script>
        document.getElementById("client_form_logo").required = false;
    </script> #}

    <script src="{{ asset('assets/js/a2lix_sf_collection.min.js') }}"></script>

    <script type="text/javascript">
        a2lix_lib.sfCollection.init({
            collectionsSelector: 'form div[data-prototype]',
            manageRemoveEntry: true
        })
    </script>


    {% endblock %}