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

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

{% block body %}






    <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="basics">
                        <div class="start-form">
                            {{ form_start(form) }}

                            <div class="field">
                                <label for="projecttitle">Lien Facebook</label>
                                <span class="label-desc">Ajouter un lien facebook pour votre projet</span>
                                {{ form_row(form.facebook, {'attr' : { 'placeholder' : 'lien page facebook ' | trans  }}) }}

                            </div>
                            <div class="field">
                                <label for="projecttitle">Lien Twitter</label>
                                <span class="label-desc">Ajouter un lien twitter pour votre projet</span>
                                {{ form_row(form.twitter, {'attr' : { 'placeholder' : 'lien page twitter ' | trans  }}) }}

                            </div>
                            <div class="field">
                                <label for="projecttitle">Lien Instagram</label>
                                <span class="label-desc">Ajouter un lien Instagram pour votre projet</span>
                                {{ form_row(form.instagram, {'attr' : { 'placeholder' : 'lien page Instagram ' | trans  }}) }}

                            </div>

                            <div class="field">
                                <label for="projecttitle">Lien Chaîne ou vidéo Youtube</label>
                                <span class="label-desc">Ajouter un lien Youtube pour votre projet</span>
                                {{ form_row(form.youtube, {'attr' : { 'placeholder' : 'lien chaine youtube ' | trans  }}) }}

                            </div>

                            <div class="field">
                                <label for="projecttitle">Liende votre site internet</label>
                                <span class="label-desc">Ajouter un site internet de votre projet</span>
                                {{ form_row(form.site, {'attr' : { 'placeholder' : 'lien site internet ' | trans  }}) }}

                            </div>



                            <input type="submit" class=" btn btn-primary mb-4" value="Enregistrez & Continuez">
                            {{ form_end(form) }}
                        </div>
                    </div>#}

                    <div role="tabpanel" class="tab-pane active" id="rewards">
                        <form action="#">
                            <div id="itemform">
                                <div class="start-form">
                                    <div class="reward-top">
                                        <h2 class="reward-title">Reward #0</h2>
                                        <a href="#" class="reward-delete">Supprimez l'Option</a>
                                    </div>
                                    <div class="field">
                                        <label for="rewardtitle">Title</label>
                                        <input type="text" id="rewardtitle" value="" required="">
                                    </div>
                                    <div class="field">
                                        <label for="pledge">Pledge amount</label>
                                        <input type="text" id="pledge" value="" required="">
                                    </div>
                                    <div class="field">
                                        <label for="rewarddesc">Description</label>
                                        <textarea id="rewarddesc" cols="30" rows="4" required=""></textarea>
                                    </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="estimated">Estimated delivery</label>
                                        <input type="date" id="estimated" value="">
                                    </div>
                                    <div class="field">
                                        <label for="shipping">Shipping details</label>
                                        <div class="field-select">
                                            <select name="s" id="shipping">
                                                <option value="">Select an option</option>
                                                <option value="no">No shipping involved</option>
                                                <option value="restricted">Only ships to certain countries</option>
                                                <option value="unrestricted">Ships anywhere in the world</option>
                                            </select>
                                        </div>
                                    </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>
                            <div id="import"></div>
                            <a href="#" class="add-reward">Add a new reward</a>
                            <input type="submit" class="btn-primary" value="Save & Continue">
                        </form>
                    </div>


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

{% endblock %}