{% extends 'layout.twig' %}

{% block body %}
    <link href="{{ baseUrl('ext/spectrum-2.0.8/spectrum.css')~'?cache='~getSession('cache') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ baseUrl('ext/spectrum-2.0.8/spectrum.js')~'?cache='~getSession('cache')  }}"></script>

	<div class="contenu clearfix"  id="fournisseurs">
    	<h1>
        	{{ 'Paramétrage portail utilisateur' | trad }}
        </h1>
    
        {{ ariane() }}
        
        <div class="tab-content clearfix" style="margin-top:15px;">        	
        	{{ arianeSub() }}
        
        	<div class="padding15">

                <form method="post" name="form_oxaproc" id="form_oxaproc" >
                    <div class="clearfix">
                        <div class="colonne2">
                            <div class="row">
                                <div class="input-wrapper input-select">
                                    <label style="" for="input_colorClient1">{{ 'Couleur principale' | trad }}</label>
                                    <input type="text" id="input_colorClient1" class="form-control" name="colorClient1" value="{{ post.colorClient1 }}">
                                </div>
                            </div>
                        </div>
                        <div class="colonne2 last">
                        	{{ inputAdvance('SELECT', {
                        	    'name' : 'recherchePannel',
                        	    'titre' : 'Affichage du panel de recherche' | trad,
                        	    'value' : post.recherchePannel,
                        	    'listeValue' : {'L' : 'Gauche' | trad, 'R' : 'Droite' | trad},
                        	}) }}
                        </div>
                    </div>
                    <button class="principal" style="float: right;">{{ 'Enregistrer' | trad }}</button>
                </form>
            </div>
        </div>

        <script>
            $('#input_colorClient1').spectrum({
                type: "component",
                showInput: true,
                showPalette: false,
                showButtons: false,
                showAlpha: false
            });
        </script>
        <style>
            .sp-original-input-container{
                width:60%;
            }
        </style>
    </div>

{% endblock %}