WordPress

{# @var pricing \App\Entity\RoyaltyFreePricing #}
{#        {% set pricing = helper.getPricing %}#}
        {% set pricing = helper.getPricingByType("photo") %}
<div class="edit_stock_sidebar upload_sidebar" style="display: none; background: #fff; padding: 15px">
    <form action="{{ path('stock_edit_admin') }}" class="stock_edit_form" id="edit_image_details" method="post"
          data-max_price="{{ pricing.maximum }}" data-min_price="{{ pricing.minimum }}">
        <input type="hidden" name="files" id="files_to_upload">
        <input type="hidden" class="details" id="edit_stock_id" name="stock_id">
        <div class="form_group">
            <label for="" class="form_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 ">
                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" 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">
            <label for="" class="form_label ">Image Type:</label>
            <div class="styled-select">
                <select class="details"  name="image_type">
                    {#                    <option value="" selected="">Select Image Type:</option>#}
                    <option value="Creative Image">Creative Image</option>
                    <option value="Editorial Image">Editorial Image</option>
                </select>
            </div>
        </div>

        <div class="form_group">
            <label for="" class="form_label ">Image Sub Type</label>
            <div class="styled-select">
                <select class="details"  name="image_sub_type">
                    {#                    <option value="" selected="">Select</option>#}
                    <option value="photography">Photography</option>
                    <option value="illustrations">Illustrations</option>
                </select>
            </div>
        </div>
        <div class="form_group" id="orientation-div">
            <label for="" class="form_label ">Orientation:</label>
            <div class="styled-select">
                <select class="details"  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">
            <label for="" class="form_label required-control-label" >Licence Type</label>
            <div class="styled-select">
                <select class="details"  required name="licence_type">
                    <option value="" selected="">Select</option>
                    <option value="Royalty Free">Royalty Free</option>
                    <option value="Rights Managed">Rights Managed</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 images 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  ">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>
        <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>
    $(".edit_stock_sidebar .details").change(function () {
        $("div.alert").hide()
    });
</script>