WordPress

{% extends 'base.html.twig' %}
{% block header_class %}{% endblock %}

{% block title %}Sura Images!{% endblock %}

{% block hero_banner %}

{% endblock %}
{% block header %}
    {% include 'dashboard/header.html.twig' %}
{% endblock %}

{% block body %}
    {# @var helper \App\Service\Helper #}
<div class="app_main_inner">
    <div class="section_stock_detail">
        <div class="wrap">
            <div class="stock_wrap">
                <h2 class="stock_title">{{ image.title }}</h2>
                <div class="stock_detail_left">
                    <img src="{{ asset('uploads/stock/'~ image.thumbName) }}" class="detail_thumbnail">
                    <div class="thumbnail_int">
                        <a href="{{ path('membershp_member_download_preview',{'id':image.id}) }}"
                           class="download_preview">Download Preview</a>
                        <div class="share_main">
                            <a href="" class="share_trigger" data-toggle="dropdown">Share</a>
                            <ul class="dropdown-menu">
                                <li><a href=""><img src="{{ asset('images/twitter_square.svg') }}" alt="">Twitter</a>
                                </li>
                                <li><a href=""><img src="{{ asset('images/facebook_square.svg') }}" alt="">Facebook</a>
                                </li>
                                <li><a href=""><img src="{{ asset('images/google_square.svg') }}" alt="">Google +</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="details_table">
                        <table>
                            <tbody>
                            <tr>
                                <td>Title</td>
                                <td>{{ image.title }}</td>
                            </tr>
                            <tr>
                                <td>Image ID</td>
                                <td>suraimages_{{ image.id }}</td>
                            </tr>
                            <tr>
                                <td>Release Information</td>
                                <td>No</td>
                            </tr>
                            <tr>
                                <td>License Type</td>
                                <td>{{ image.licenceType }}</td>
                            </tr>
                            <tr>
                                <td>Image Type</td>
                                <td>{{ image.type }}</td>
                            </tr>
                            <tr>
                                <td>Photographer</td>
                                <td>{{ image.contributor.firstName }}  {{ image.contributor.lastName }}</td>
                            </tr>
                            <tr>
                                <td>Categories</td>
                                <td>{{ image.category }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>


                <div class="stock_detail_right">
                    <ul class="licence_tabs">
                        <li class="active"><a href="#standard_licence" data-toggle="tab" aria-expanded="true">Payout
                                Details- Standard</a></li>
                        <li><a class="nav-link exclusive exclusive_royalty_free" data-toggle="tab"
                               href="#exclusive_licence">Exclusive Licence </a></li>
                    </ul>

                    <div class="tab-content">
                        <div class="alert alert-danger" style="display: none">
                        </div>
                        <div class="tab_pane fade show active in" id="standard_licence">

                            <label for="small_size" class="selectable_type">
                                <input type="radio" data-size="small" name="selectable_options"
                                       value="{{ image.priceLarge }}" id="small_size" class="selected_tag price_tag">
                                <span class="select_left">
                                    <h4>Price</h4>

                                </span>
                                <span class="select_right">${{image.priceLarge }}</span>
                            </label>

                            {% for key, payout in payouts %}

                                <label for="small_size" class="selectable_type">
                                    <input type="radio" data-size="small" name="selectable_options"
                                           value="{{ image.priceSmall }}" id="small_size" class="selected_tag price_tag">
                                    <span class="select_left">
                                    <h4>{{key }}</h4>
                                    <p>{{ payout.percentage*100 }}%</p>
                                </span>
                                    <span class="select_right">${{ payout.amount }}</span>
                                </label>
                            {% endfor %}

                            <label for="small_size" class="selectable_type">
                                <input type="radio" data-size="small" name="selectable_options"
                                       value="{{ image.priceSmall }}" id="small_size" class="selected_tag price_tag">
                                <span class="select_left">
                                    <h4>Nett</h4>

                                </span>
                                <span class="select_right">${{ nett }}</span>
                            </label>

                        </div>
                        <div class="tab_pane fade" id="exclusive_licence">
                            <div class="licence_excerpt">
                                Exclusive license means that the licensee/ the buyer has exclusive rights to the content
                                (Images, Videos) they buy for a specified period of time. Meaning, the licensee will be
                                the only person to use the content s for the stipulated period of time and within that
                                period the content s will be inactive for purchase from any other licensee until the
                                duration of the license e pires. See our Exclusivity & Control page for more
                                information.
                            </div>

                        </div>

                    </div>


                </div>


            </div>
        </div>


    </div>

    {% endblock %}