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

{% block title %}PackagingOptions{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="card">
        <div class="card-header d-flex align-items-center">
            <h4>{{ title }}</h4>
        </div>
        <div class="card-body">
            <table class="table table-hover table-bordered">
        <tbody>
            <tr>
                <th>Sku</th>
                <td>{{ packaging_option.sku }}</td>
            </tr>
            <tr>
                <th>Description</th>
                <td>{{ packaging_option.description }}</td>
            </tr>
            <tr>
                <th>Type</th>
                <td>{{ packaging_option.type }}</td>
            </tr>
            <tr>
                <th>Width</th>
                <td>{{ packaging_option.width }}</td>
            </tr>
            <tr>
                <th>Height</th>
                <td>{{ packaging_option.height }}</td>
            </tr>
            <tr>
                <th>Large</th>
                <td>{{ packaging_option.large }}</td>
            </tr>
            <tr>
                <th>Cost</th>
                <td>{{ packaging_option.cost }}</td>
            </tr>
            <tr>
                <th>Supplier</th>
                <td>{{ packaging_option.supplier }}</td>
            </tr>
            <tr>
                <th>Utility</th>
                <td>{{ packaging_option.utility }}</td>
            </tr>
        </tbody>
    </table>
    {% if(is_granted('packaging_options_delete') and app.request.get('id') ) %}
        <input type="button" class="btn btn-danger" onclick="deleteConfirm('{{ packaging_option.sku }}');"
               value="Delete packaging option"/>
    {% endif %}
    <a href="{{ path('packaging_options_index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>
</div>
    {% if is_granted('packaging_options_delete') %}
        <form method="post" id="deleteForm" action="{{ path('packaging_options_delete') }}">
            <input type="hidden" name="id" value="{{ packaging_option.id }}"/>
        </form>
    {% endif %}
{% endblock %}
{% block javascripts %}
    <script>
        function deleteConfirm(product) {
            var r = confirm("Are you sure to delete <" + product + ">?");
            if (r == true) {
                $("#deleteForm").submit();
            }
        }
    </script>
{% endblock %}