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

{% block title %}Hello CampagnController!{% endblock %}

{% block body %}





<div class="container">
    <div class="main-content">
        <div class="container">
            <div class="design-process-section" id="process-tab">

{#                <ul class="nav nav-tabs process-model more-icon-preocess" role="tablist">
                    <li>
                        <a href="dashboard.html">
                            <span><img src="{{ asset('images/assets/log-out.svg') }}" alt=""></span>
                            <p>Exit Editor</p>
                        </a>
                    </li>
                    <li data-tab="basics" class="pm-option active">
                        <a href="#">
                            <span><img src="{{ asset('images/assets/single-folded.svg') }}" alt=""></span>
                            <p>Basics</p>
                        </a>
                    </li>
                    <li data-tab="rewards" class="pm-option">
                        <a href="#">
                            <span><img src="{{ asset('images/assets/award.svg') }}" alt=""></span>
                            <p>Rewards</p>
                        </a>
                    </li>

                </ul>#}
                <div class="tab-content">

                    <div role="tabpanel" class="tab-pane active" id="rewards">
                        {{ form_start(form) }}
                        <div id="itemform">
                            <div class="start-form">
                                <div class="reward-top">
                                    <h2 class="reward-title">Modification de la contrepartie</h2>
                                  {#  <a href="#" class="reward-delete">Supprimez la récompense</a>#}
                                </div>
                                <div class="field">
                                    <label for="rewardtitle">Titre de la récompense</label>
                                    {{ form_row(form.title, {'attr' : { 'placeholder' : 'titre de la récompense ' | trans,'id':'rewardtitle'  }}) }}

                                </div>
                                <div class="field">
                                    <label for="amount">Montant de la récompense</label>
                                    {{ form_row(form.amount, {'attr' : { 'placeholder' : 'Montant de la récompense ' | trans,'id':'amount'  }}) }}

                                </div>
                                <div class="field">
                                    <label for="image">Image de la récompense</label>
                                    {{ form_row(form.imageFile, {'attr' : { 'placeholder' : 'Image de la récompense ' | trans,'id':'image'  }}) }}

                                </div>
                                <div class="field">
                                    <label for="rewarddesc">Description</label>
                                    {{ form_row(form.description, {'attr' : { 'placeholder' : 'Description de la récompense ' | trans,'id':'rewarddesc'  }}) }}

                                </div>
                                {#     <div class="field">
                                        <label for="item">Item</label>
                                        <table class="item-table">
                                            <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Number</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>ABC</td>
                                                <td><input type="number" id="item" min="1" value="1"></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <a href="#" class="add-item btn-primary">Add an item</a>
                                        <div class="spopup-bg"></div>
                                        <div class="item-popup start-popup">
                                            <div class="spopup-title">
                                                <h3>Add a reward item</h3>
                                                <div class="spopup-close"><span class="ion-ios-close-empty"></span></div>
                                            </div>
                                            <div class="spopup-desc">Backers will see the items listed when pledging. Questions about how this works? <a href="#">Visit our FAQ.</a></div>
                                            <div class="spopup-content">
                                                <div class="field">
                                                    <label for="rewardname">Name (required)</label>
                                                    <input type="text" id="rewardname" placeholder="Examples: Album download, Screenplay, etc.">
                                                </div>
                                                <div class="field field-checkbox">
                                                    <input type="checkbox" id="citem">
                                                    <label for="citem"><span></span><strong>This is a digital item.</strong>Think album downloads, e-books, videos, or anything that’s delivered online.</label>
                                                </div>
                                                <a href="#" class="btn-primary">Create Item</a>
                                                <a href="#" class="btn item-cancel">Cancel</a>
                                            </div>
                                        </div>
                                    </div>#}

                                <div class="field">
                                    <label for="rewardphysic">Type de récompense</label>
                                    <div class="field-select">
                                        {{ form_row(form.isPhysic, {'attr' : { 'placeholder' : 'Type  de la récompense ' | trans,'id':'rewardphysic'  }}) }}

                                    </div>
                                </div>
                                <div class="field">
                                    <label for="isDeliveredByHand">Mode de Livraison</label>
                                    <div class="field-select">
                                        {{ form_row(form.isDeliveredByHand, {'attr' : { 'placeholder' : 'Mode de livraison ' | trans,'id':'isDeliveredByHand'  }}) }}

                                    </div>
                                </div>
                                <div class="field">
                                    <label for="rewarddesc">Date de livraison prévisionnelle</label>
                                    {{ form_row(form.deliveryAt, {'attr' : { 'placeholder' : 'date de livraison de la récompense ' | trans,'id':'rewarddesc'  }}) }}

                                </div>
                                <div class="field">
                                    <label for="rewarddesc">Quantité de récompense disponible</label>
                                    {{ form_row(form.quantity, {'attr' : { 'placeholder' : 'quantité de la récompense ' | trans,'id':'rewarddesc'  }}) }}

                                </div>
                                {#          <div class="field">
                                        <label for="limit-avai">Limit availability</label>
                                        <div class="field-checkbox" id="limit">
                                            <input type="checkbox" id="limit-avai">
                                            <label for="limit-avai"><span></span>Enable reward limit </label>
                                        </div>
                                    </div>#}
                            </div>
                        </div>

                        <input type="submit" class="btn-primary mb-5" value="Enregistrer et continuer">
                        {{ form_end(form) }}
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>


{% endblock %}