WordPress

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

{% block title %} Video {% endblock %}
{% block header %}{% endblock %}

{% block body %}


    <div class="app_wrapper">
        {% include 'navigation.html.twig' %}
        <div class="app_content">
            {% include 'contributor/contributor_header.html.twig' %}
            {% block contributor_body %}
                <div class="app_main_inner">
                    <div class="page_excerpt">
                        <h2 class="sr_heading_title">Edit</h2>
                        <p class="sr_heading_intro">Edit {{ image.title }}</p><br>
                        <p class="sr_heading_intro"><b>Created by:</b> {{ image.contributor }}</p>
                        <p class="sr_heading_intro">{{ image.createAt.format('d F y, h:i:s') }}</p>
                        <p class="sr_heading_intro">
                            Releases: ({{ image.stockReleases|length }}) - [{{ image.stockReleases|length > 0 and image.stockReleases|first.percentage is not null ? image.stockReleases|first.percentage : "0" }} %]
                        </p>
                        <p class="sr_heading_intro">No. of People: {{ image.peopleNo }}</p>
                        <p class="sr_heading_intro">Video Resolution: {{ image.videoType ? image.videoType : "Not set" }}</p>

                        {% for message in app.flashes("edit_error") %}
                            <div class="alert alert-danger">{{ message }}</div>
                        {% endfor %}

                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="mb-3 card" style="min-height: 384px;">
                                <div class="card-header">
                                    <div class="card-header-title">{{ image.title }}</div>
                                </div>
                                <div class="card-body">

                                    <div class="datagrid">
                                        <form method="post" action="{{ path('edit_single_stock', {id: image.id }) }}">
                                            <table>
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        <div class="form_group">
                                                            <label class="form_label">Title</label>
                                                            <input type="text" name="title" class="form-control" value="{{ image.title }}" required>
                                                        </div>
                                                        <div class="form_group">
                                                            <label class="form_label">Price</label>
                                                            <input type="text" name="price" class="form-control" value="{{ image.priceLarge ? image.priceLarge : item.price*2 }}" required>
                                                        </div>
                                                        <div class="form_group">
                                                            <label class="form_label">Keywords</label>
                                                            <textarea type="text" name="keywords" class="form-control" required>{{ image.keywords }}</textarea>
                                                        </div>


                                                        <div class="form_group">
                                                            <input type="checkbox" name="hibernate" {% if image.hibernated %}checked{% endif %}> Hibernate
                                                        </div>

                                                        <div class="hibernate_options" style="display: {{ image.hibernated ? 'block' : 'none' }}">
                                                            <div class="form_group">
                                                                <label class="form_label">From:</label>
                                                                <input
                                                                        class="form-control hibernate_date"
                                                                        {% if image.hibernated %}
                                                                            value="{{ image.hibernateStart.format("Y-m-d") }}"
                                                                        {% endif %}
                                                                        type="date"
                                                                        name="start">
                                                            </div>

                                                            <div class="form_group">
                                                                <label class="form_label">To:</label>
                                                                <input
                                                                        class="form-control hibernate_date"
                                                                        type="date"
                                                                        {% if image.hibernated %}
                                                                            value="{{ image.hibernateEnd.format("Y-m-d") }}"
                                                                        {% endif %}
                                                                        name="end">
                                                            </div>
                                                        </div>

                                                        <div class="">
                                                            <div class="form_group">
                                                                <label class="form_label">&nbsp;</label>
                                                                <input type="submit" value="Update">
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <a href="{{ asset('uploads/stock/')~image.fileName }}" class="previewstock">
                                                            <img src="{{ asset('uploads/stock/')~image.thumbName }}">
                                                        </a>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </form>

                                    </div>
                                </div>

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

                </div>
            {% endblock %}

        </div>
    </div>
    <script>
        $('[name=keywords]').tagsInput();
        $("a.fancy_group").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 200,
            'overlayShow': false
        });

        $("input[name='hibernate']").change(function () {
            let is_checked = $(this).prop("checked");

            let $hibernate_options = $(".hibernate_options");

            if (is_checked){
                $hibernate_options.show()

                $hibernate_options.find(".hibernate_date").each(function () {
                    $(this).attr("required", true);
                })

            }else {
                $hibernate_options.hide()
                $hibernate_options.find(".hibernate_date").each(function () {
                    $(this).attr("required", false);
                })
            }
        });


    </script>
    {% include'svg.html.twig' %}
{% endblock %}