WordPress

{# @var pricing \App\Entity\RoyaltyFreePricing #}
        {% set pricing = helper.getPricingByType("video") %}
<div class="upload_sidebar upload_sidebar">
    <form action="{{ path('stock_new_video') }}" class="stock_uploads_form" id="upload_details_videos" data-max_price = "{{ pricing.maximum }}" data-min_price = "{{ pricing.minimum }}">
        <div class="form_group">
            <label for="" class="form_label required-control-label">Title (max 200 characters)</label>
            <input class="details" required type="text" placeholder="Title" name="title">
        </div>

        <div class="form_group">

            <label for="" class="form_label required-control-label">
                Keywords
                <a href="javascript:void(0);" data-toggle="tooltip" class="tooltip">&quest;<span
                            class="tooltiptext">Keywords should not be more than 200 or less than 7</span></a>
            </label>
            <textarea required  name="keywords" class="details" id="keywords-field" data-url="{{ path('fetch_keywords') }}"
                      placeholder="Keywords should not be less than 7 or more than 50"></textarea>
        </div>

        <div class="form_group">
            <label for="" class="form_label required-control-label">Set Price <a href="javascript:void(0);" data-toggle="tooltip" class="tooltip">&quest;<span
                            class="tooltiptext">Price should not be more than {{ pricing.maximum|localizedcurrency('USD') }} or less than {{ pricing.minimum|localizedcurrency('USD') }}</span></a></label>
            <input required  name="price" type="text"  class="details" placeholder="E.g. $20">
        </div>

        <div class="form_group">
            <label for="" class="form_label required-control-label">Select category</label>
            <div class="multi_select">
                <select  name = "category"required name="category" class="multi-selector-details details" multiple data-live-search="true">
                    {% for category in categories %}
                        <option  value="{{ category.id }}">{{ category.name }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="form_group">
            <label for="" class="form_label">Attach Releases <a href="{{ path('stock_models') }}" class="add_release">+Add Release</a></label>
            <div class="multi_select">
                <select name="releases" class="multi-selector-details details" multiple data-live-search="true">
                    {% for release in releases %}
                        <option value="{{ release.id }}">{{ release.title }}[{{ release.model }}][{{release.payoutPercent}}]%</option>
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="form_group" style="">
            <label for="" class="form_label">Payout in Percentage<a href="javascript:void(0);" data-toggle="tooltip"
                                                                    class="tooltip">&quest;<span
                            class="tooltiptext">This is the amount you intend to pay the model or the property owner everytime the file is purchased. If the file has more than one model, the rule of thumb is to divide the payout equally e.g. If the file has 3 models and the agreement was the models get 12% of the sale, so, each model should get 4% of that sale. NB: So, the percentage you input is what each model will be allocated.</span></a></label>
            <input class="details" type="text" placeholder="E.g. 3" name="release_percentage">
        </div>

        <div class="form_group">
            <label for="" class="form_label required-control-label">Video Type:</label>
            <div class="styled-select">
                <select class="details"  required name="video_type">
                    <option value="" selected="">Select Video Type:</option>
                    <option value="Creative Video">Creative Video</option>
                    <option value="Editorial Video">Editorial Video</option>
                </select>
            </div>
        </div>

        {#<div class="form_group">
            <label for="" class="form_label required-control-label">Image Sub Type</label>
            <div class="styled-select">
                <select class="details"  required name="image_sub_type">
                    <option value="" selected="">Select</option>
                    <option value="photography">Photography</option>
                    <option value="illustrations">Illustrations</option>
                    <option value="all">All</option>
                </select>
            </div>
        </div>#}
        {#<div class="form_group" id="orientation-div">
            <label for="" class="form_label required-control-label">Orientation:</label>
            <div class="styled-select">
                <select class="details"  required name="orientation">
                    <option value="" selected="">Select Orientation:</option>
                    <option value="landscape">Landscape</option>
                    <option value="portrait">Portrait</option>
                </select>
            </div>
        </div>#}

        <div class="form_group">
            <span id="same-shoot-btn" class="btn creat_new">Generate Same Shoot Code</span>
            <a href="javascript:void(0);" data-toggle="tooltip" class="tooltip">&quest;<span
                        class="tooltiptext">This is an auto-generated number that is used to hold images or videos together that are of the same subject e.g. if you have 5 videos of the same subject you can use same shoot code to bind them together.</span></a>
            <input class="details" type="text" name="same_shoot_code" placeholder="Same shoot code">
        </div>

        <div class="form_group">
            <label for="" class="form_label required-control-label ">Number of People</label>
            <div class="styled-select">
                <select class="details" type="text" placeholder="Number of people" name="no_of_people" required>
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                </select>
            </div>

        </div>

        <div class="form_group ">
            <div id="fountainG" style="display: none">
                <div id="fountainG_1" class="fountainG"></div>
                <div id="fountainG_2" class="fountainG"></div>
                <div id="fountainG_3" class="fountainG"></div>
                <div id="fountainG_4" class="fountainG"></div>
                <div id="fountainG_5" class="fountainG"></div>
                <div id="fountainG_6" class="fountainG"></div>
                <div id="fountainG_7" class="fountainG"></div>
                <div id="fountainG_8" class="fountainG"></div>
            </div>
            <input id="btn_form_details_submit" type="submit" value="Submit for Approval">
        </div>
        <div class="alert-success alert saved_details_alert" style="display: none"></div>
        <div class="form_group">
            <span id="save_details" class="btn creat_new save_details">Save Details</span>
        </div>
    </form>
</div>
<script>

</script>