{% extends 'admin/layouts/base.html.twig' %}
{% block title %}View Order Order{% endblock %}
{% set active = 'app_admin_order' %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'link': path('app_admin_order'), 'title': 'Order',
    },
    {
        'title': 'View',
    }
]%}
{% block content %}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><h1>Order  Details</h1></div>
                <div class="col-md-6 text-end">
                    <a href="{{ path('app_admin_order') }}" class="btn btn-primary">Back</a>
                </div>
            </div>
            <div class="table-responsive">
                <div class="table">
                    <table class="table border-1">
                        <tbody>
                            <tr>
                                <th class="w-25">Id</th>
                                <td class="w-75">{{ order.id }}</td>
                            </tr>
                            <tr>
                                <th class="w-25">User Name</th>
                                <td class="w-75">
                                    {% if order.userid is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.userid.firstname }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Product Name</th>
                                <td class="w-75">
                                    {% if order.productid is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.productid.name }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Country Name</th>
                                <td class="w-75">
                                    {% if order.customercountry is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customercountry.name }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">State Name</th>
                                <td class="w-75">
                                    {% if order.customerstate is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customerstate.name }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">City Name</th>
                                <td class="w-75">
                                    {% if order.customercity is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customercity }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">First Name</th>
                                <td class="w-75">
                                    {% if order.customerfirstname is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customerfirstname }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Last Name</th>
                                <td class="w-75">
                                    {% if order.customerlastname is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customerlastname }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Email Id</th>
                                <td class="w-75">
                                    {% if order.customeremailid is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customeremailid }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Phone Number</th>
                                <td class="w-75">
                                    {% if order.customerphonenumber is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customerphonenumber }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Billing Address</th>
                                <td class="w-75">
                                    {% if order.customerbillingaddress is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.customerbillingaddress }}
                                    {% endif %}
                                </td>
                            </tr>
                             <tr>
                                <th class="w-25">Status</th>
                                <td class="w-75">
                                    {% if order.status is empty %}
                                        N/A
                                    {% else %}
                                        {% set badgeClass = '' %}
                                        {% set statusText = order.status is not null ? order.status : 'N/A' %}

                                        {% if statusText == 'completed' %}
                                            {% set badgeClass = 'badge bg-success' %}
                                        {% elseif statusText in ['refunded', 'cancelled', 'expired','failed'] %}
                                            {% set badgeClass = 'badge bg-danger' %}
                                        {% elseif statusText in ['processing', 'pending'] %}
                                            {% set badgeClass = 'badge bg-warning' %}
                                        {% elseif statusText in ['on hold', 'on-hold'] %}
                                            {% set badgeClass = 'badge bg-info' %}
                                        {% else %}
                                            {% set badgeClass = 'badge bg-secondary' %}
                                        {% endif %}
                                        <span class="badge {{ badgeClass }}">{{ statusText|upper }}</span>
                                        
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Orders Date</th>
                                <td data-utc-time="{{ order.CreatedAt|date('Y-m-d H:i:s') }}">{{ order.CreatedAt|date('Y-m-d H:i:s') }}</td>
                            </tr>
                             <tr>
                                <th class="w-25">Postal Code</th>
                                <td class="w-75">
                                    {% if order.postalcode is empty %}
                                        N/A
                                    {% else %}
                                        {{ order.postalcode }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Duration</th>
                                <td class="w-75">
                                    {% if subscription is not empty %}
                                       {{ subscription.duration == 1 ? subscription.duration ~ " Month" : subscription.duration ~ " Months" }}
                                    {% else %}
                                       No Subscription Found
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Price</th>
                                <td class="w-75">
                                    {% if payment is not null %}
                                        {{ payment.paymentamount|number_format(2, ',', '.') }} €
                                    {% else %}
                                        0,00 €
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Next Payment</th>
                                <td class="w-75">
                                     {% if subscription is not empty %}
                                        {{ subscription.enddate|date('Y-m-d') }}
                                    {% else %}
                                        No Subscription Found
                                    {% endif %}
                                </td>
                            </tr>
                            {#<tr>
                                <th class="w-25">Wordpress Order</th>
                                <td class="w-75">
                                    {% if order.wordpressorderId is empty %}
                                        No
                                    {% else %}
                                        Yes
                                    {% endif %}
                                </td>
                            </tr>#}
                            {#{% if  order.wordpressorderId is not null %}
                            <tr>
                                <th class="w-25">Wordpress Order Id </th>
                                <td class="w-75">
                                    {{order.wordpressorderId}}
                                </td>
                            </tr>
                            {% endif %}#}
                            {% if order.wordpressorderId is null %}
                                <tr>
                                    <th class="w-25">Add/Change Affiliate</th>
                                    <form action="{{ path('app_admin_order_change_affiliate') }}" method="post" id="change_affiliate_form">
                                        <td class="w-75 row">
                                            <div class="col-6">
                                                <select name="affiliate" class="form-select form-control-select2" {% if isPaid %}disabled{% endif %}>
                                                    <option value="">Select Affiliate</option>
                                                    {% set reflink_id = order.userid.reflink | split('/') | last %}
                                                    {% for user in affiliateUsers %}
                                                        <option value="{{ user.id }}" {% if user.id == reflink_id %}selected{% endif %}>
                                                            {{ user.firstname }} {{ user.lastname }}
                                                        </option>
                                                    {% endfor %}
                                                </select>
                                            </div>
                                            <div class="col-2">
                                                <button class="btn btn-primary" {% if isPaid %}disabled{% endif %}>Change</button>
                                            </div>
                                            <input type="hidden" name="order_id" value="{{ order.id }}" />
                                        </td>
                                    </form>
                                </tr>
                                {% if isPaid %}
                                    <tr>
                                        <td colspan="2" style="border-top: none">
                                            <div class="alert alert-info d-flex align-items-center"  role="alert">
                                                <h4 class="alert-heading m-0">Note : </h4>
                                                <p class="m-0 ms-2">You cannot change affiliate because they have already been paid commission for last month.</p>
                                            </div>
                                        </td>
                                    </tr>
                                {% endif %}
                            {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>

            <h3 class="mb-3 mt-3">Payment Details</h3>
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Payment Id</th>
                                <th>Order Id</th>
                                <th>Payment Date</th>
                                <th>Payment Method</th>
                                <th>Actual Price</th>
                                <th>Discount(%)</th>
                                <th>Discount Price</th>
                                <th>Tax Price (19%) </th>
                                <th>Total Payable Amount</th>
                                <th>Payment Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% if order.getPayments is not empty %}
                                {% for payment in order.getPayments %}
                                    <tr>
                                        <td>#{{ payment.id }}</td>
                                        <td>#{{ payment.orderid.id }}</td>
                                        <td>{{ payment.createdat | date("d-m-Y H:i:s") }}</td>
                                        <td>{{ payment.paymentmethod ? payment.paymentmethod|upper : "N/A" }}</td>
                                        <td>{{ payment.getActualPrice | number_format(2, ',', '.') | default('0.00') }} <i class="ph ph-currency-eur"></i></td>
                                        <td>{{ payment.getDiscount }} <i class="ph ph-percent"></i></td>
                                        <td>{{ payment.getPriceWithDiscount | number_format(2, ',', '.') | default('0.00') }} <i class="ph ph-currency-eur"></i></td>
                                        <td>{{ payment.getTaxPrice | number_format(2, ',', '.') | default('0.00') }} <i class="ph ph-currency-eur"></i></td>
                                        <td>{{ payment.paymentAmount | number_format(2, ',', '.') | default('0.00') }} <i class="ph ph-currency-eur"></i></td>
                                        <td>
                                            {% set badgeClass = '' %}
                                            {% set paymentStatusText = payment.paymentstatus is not null ? payment.paymentstatus : 'N/A' %}

                                            {% if paymentStatusText|lower == 'success' %}
                                                {% set badgeClass = 'badge bg-success' %}
                                            {% elseif paymentStatusText|lower == 'pending' or  paymentStatusText|lower == 'processing' %}
                                                {% set badgeClass = 'badge bg-warning' %}
                                            {% else %}
                                                {% set badgeClass = 'badge bg-danger' %}
                                            {% endif %}

                                            <span class="{{ badgeClass }}">{{ paymentStatusText|upper }}</span>
                                        </td>
                                    </tr>
                                {% endfor %}
                            {% else %}
                                <tr class="w-100 text-center">
                                    <td class="border-none" colspan="10"><center>No Records found</center></td>
                                </tr>
                            {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>

            <h3 class="mb-3 mt-3">Subscription Details</h3>
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Payment ID</th>
                                <th>Order Id</th>
                                <th>Payment Date</th>
                                <th>Duration</th>
                                <th>Start Date</th>
                                <th>End Date</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for payment in order.getPayments %}
                                {% if payment.getSubscriptions is not empty %}
                                    {% for subscription in payment.getSubscriptions %}
                                        <tr>
                                            <td>#{{ subscription.id }}</td>
                                            <td>#{{ subscription.paymentid.id }}</td>
                                            <td>#{{ subscription.paymentid.orderid.id }}</td>
                                            <td>{{ subscription.paymentid.paymentDate|date("d-m-Y H:i:s") }}</td>
                                            <td>{{ subscription.duration }} Month</td>
                                            <td>{{ subscription.startdate ? subscription.startdate|date("d-m-Y H:i:s") : 'N/A' }}</td>
                                            <td>
                                                {% set start_date = subscription.startdate ? subscription.startdate|date("d-m-Y H:i:s") : 'N/A' %}
                                                {% set duration = subscription.duration %}
                                                {% if start_date != 'N/A' and duration %}
                                                    {% set end_date = (start_date|date_modify('+' ~ duration ~ ' month'))|date("d-m-Y H:i:s") %}
                                                    {{ end_date }}
                                                {% else %}
                                                    N/A
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if subscription.status %}
                                                    {% set badgeClass = '' %}
                                                    {% set statusText = subscription.status %}
                                                    {% if statusText|lower == 'active' %}
                                                        {% set badgeClass = 'badge bg-success' %}
                                                    {% elseif statusText|lower == 'cancelled' %}
                                                        {% set badgeClass = 'badge bg-danger' %}
                                                    {% else %}
                                                        {% set badgeClass = 'badge bg-warning' %}
                                                    {% endif %}
                                                    <span class="badge {{ badgeClass }}">{{ statusText|upper }}</span>
                                                {% else %}
                                                    N/A
                                                {% endif %}
                                            </td>
                                        </tr>
                                    {% endfor %}
                                {% else %}
                                    <tr class="w-100 text-center">
                                        <td class="border-none" colspan="8"><center>No Records found</center></td>
                                    </tr>
                                {% endif %}
                             
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    <script src="{{ asset('assets/js/timezone.js') }}"></script>
    <script>
     // Ensure the DOM is fully loaded before running the script
        $(document).ready(function() {
            // Initialize Select2 with options
            const $select = $('.form-control-select2').select2({
                minimumResultsForSearch: 1 // Show search box if there's at least one result
            });

            // Trigger value change when selection is made
            $select.on('change', function() {
                // Trigger the blur event after change to update the UI or form state
                $(this).trigger('blur');
            });
        });

        $('#change_affiliate_form').on('submit', function(e) {
            // Check if the form is valid
            if ($(this).valid()) {
                Swal.fire({
                    title: 'Processing...',
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });
                this.submit();
            }
        });
    </script>
{% endblock %}