WordPress

{# @var pricing \App\Entity\RoyaltyFreePricing #}
        {% set pricing = helper.getPricingByType("video") %}
<div class="edit_stock_sidebar upload_sidebar" style="display: none; background: #fff; padding: 15px">
    <form action="{{ path('stock_edit') }}" class="stock_uploads_form" id="edit_image_details" data-max_price = "{{ pricing.maximum }}" data-min_price = "{{ pricing.minimum }}" method="post">
        <div class="form_group">
            <input type="hidden" class="details" id="edit_stock_id" name="stock_id">
            <label for="" class="form_label ">Title (max 200 characters)</label>
            <input class="details"  type="text" placeholder="Title" name="title">
        </div>

        <div class="form_group">

            <label for="" class="form_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   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 ">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   name="price" type="text"  class="details" placeholder="E.g. $20">
        </div>

        <div class="form_group">
            <label for="" class="form_label ">Select category</label>
            <div class="multi_select">
                <select  name = "category" 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 }}]</option>
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="form_group" style="display: block">
            <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">
            <span id="same-shoot-btn" class="btn creat_new">Generate Same Shoot Code</span>
            <input class="details" type="text" name="same_shoot_code" placeholder="Same shoot code">
        </div>

        <div class="form_group">
            <label for="" class="form_label  ">Number of People</label>
            <div class="styled-select">
                <select class="details" type="text" placeholder="Number of people" name="no_of_people">
                    <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" class="edit_form_progress">
                <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>
            <div class="alert alert-success" style="display: none"></div>
            <input id="btn_form_details_submit" type="submit" value="Update" class="edit_form_submit">
        </div>
    </form>
</div>
<script>
    $(".edit_stock_sidebar .details").change(function () {
        $("div.alert").hide()
    });
    /*function myFunction(){
        let arr = [];
        while (arr.length < 5) {
            let r = Math.floor(Math.random() * 100) + 1;
            if (arr.indexOf(r) === -1) arr.push(r);
        }
        let code = arr.join("");
        console.log(this.id);
        // document.getElementById(id).nextSibling.value=code;
    }*/
</script>