{% set col = "col-12" %}
{% if voucher.childVouchers|length > 0 %}
{% set col = "col-6" %}
{% endif %}

<div class="row">
    <div class="{{ col }}">
        <table class="table table-bvouchered">
            <tbody>
            <tr>
                <th scope="row">Name</th>
                <td>{{ voucher.name }}</td>
            </tr>
            <tr>
                <th scope="row">Code</th>
                <td>{{ voucher.childVouchers|length > 0 ? "****************" : voucher.code }}</td>
            </tr>
            <tr>
                <th scope="row">Type</th>
                <td>{{ type[voucher.type] }}</td>
            </tr>
            <tr>
                <th scope="row">Application</th>
                <td>{{ application[voucher.application] }}</td>
            </tr>
            <tr>
                <th scope="row">Discount Type</th>
                <td>{{ discountType[voucher.discountType] }}</td>
            </tr>
            <tr>
                <th scope="row">Discount Value</th>
                <td>{{ voucher.discountValue }}</td>
            </tr>
            <tr>
                <th scope="row">Status</th>
                <td>{{ status[voucher.status] }}</td>
            </tr>
            <tr>
                <th scope="row">Used</th>
                <td>{{ used[voucher.used] }}</td>
            </tr>
            <tr>
                <th scope="row">CreatedAt</th>
                <td class="voucherStatus">{{ voucher.createdAt|date("d/m/Y H:i:s") }} </td>
            </tr>
            <tr>
                <th scope="row">UpdatedAt</th>
                <td>{% if voucher.updatedAt is not null  %} {{ voucher.updatedAt|date("d/m/Y H:i:s") }} {% endif %}</td>
            </tr>
            </tbody>
        </table>
    </div>
    {% if voucher.childVouchers|length > 0 %}
    <div class="{{ col }}">
                <h2  class="text-center">List of all sub vouchers
                    <button class="btn btn-secondary  btn-sm "  onclick="download({{ voucher.id }});" data-id="{{ voucher.id }}" > <i class="fas fa-download"   > </i> Download TXT</button>
                </h2>
        <div>
            {% for child in voucher.childVouchers %}
                {% if child.status == true %}
                    {% if child.used == 1 %}
                        <small class="badge badge-secondary"> {{ child.code}} </small>
                    {% else %}
                        <small class="badge badge-success"> {{ child.code}} </small>
                    {% endif %}
                {% else %}
                   <small class="badge badge-danger"> {{ child.code}} </small>
                {% endif %}
            {% endfor %}
        </div>
    </div>
    {% endif %}

</div>

{% if voucher.childVouchers|length > 0 %}
<script>
    function download(voucherId) {
            $.ajax({
                url: '/admin/power/voucher/get/content/file/txt/json',
                type: "POST",
                data: {'voucherId' : voucherId},
                dataType: "json",
                async: true,
                success: function (data) {
                    if (data.success) {
                        // Assuming data contains the content you want to write to a text file
                        var content = data.content.replace(/\r?\n/g, '\r\n');

                        // Create a Blob containing the content
                        var blob = new Blob([content], { type: 'text/plain' });

                        // Create a temporary anchor element
                        var link = document.createElement('a');
                        link.href = window.URL.createObjectURL(blob);
                        link.download = '{{ voucher.code }}-list.txt';
                        // Trigger the download
                        document.body.appendChild(link);
                        link.click();
                        // Clean up
                        document.body.removeChild(link);
                        window.URL.revokeObjectURL(link.href);

                    } else {
                        toastr.error(data.message);
                        if (data.message == 404){
                            toastr.error(data.message);
                            $(location).attr('href','/login');
                        }
                    }


                },
                error: function () {
                    toastr.error('An error has occurred when get data');
                }
            });
    }
</script>
{% endif %}