{% extends 'admin/layouts/base.html.twig' %}
{% block title %}View subscriptions{% endblock %}
{% set active = 'app_admin_subscriptions_cancellation' %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Product Management',
    },
    {
        'link': path('app_admin_subscriptions_cancellation'), 'title': 'Cancellation Survey',
    },
    {
        'title': 'View',
    }
]%}

{% block content %}
     <div class="card">
        <div class="card-body">
            <div class="" style="font-size:12px;">
                <div class="ticket-details" style="font-size: medium;">
                    <b>User Name : </b>
                    {% if subscriptionsCancelSurvey.user is null %}
                        N/A
                    {% else %}
                        {{ subscriptionsCancelSurvey.user.firstName ~ ' ' ~ subscriptionsCancelSurvey.user.lastName }}
                    {% endif %}
                    <br><b>Product Name : </b>
                    {{ subscriptionsCancelSurvey.subscription.paymentid.orderid.productid.getName ?? ''}}
                    <br><b>Subscription Status : </b>
                    {% if subscriptionsCancelSurvey.subscription.status is empty %}
                        N/A
                    {% else %}
                        {% set statusText = subscriptionsCancelSurvey.subscription.status is not null ? subscriptionsCancelSurvey.subscription.status : 'N/A' %}
                        <span class="badge bg-danger">{{ statusText|upper }}</span>
                    {% endif %}
                    <br><b>Subscription Duration : </b>
                    {% if subscriptionsCancelSurvey.subscription.duration is empty %}
                        N/A
                    {% else %}
                        {{ subscriptionsCancelSurvey.subscription.duration == 1 ? subscriptionsCancelSurvey.subscription.duration ~ ' Month' : subscriptionsCancelSurvey.subscription.duration ~ ' Months' }}
                    {% endif %}
                    <br><b>Subscription Start Date : </b>
                    {% if subscriptionsCancelSurvey.subscription.startdate is null %}
                        N/A
                    {% else %}
                        {{ subscriptionsCancelSurvey.subscription.startdate |date('Y-m-d') }}
                    {% endif %}
                    <br><b>Subscription End Date : </b>
                     {% set nextSubscriptionDate = 'N/A' %}
                        {% set duration = subscriptionsCancelSurvey.subscription.duration %}
                        {% if duration > 0 %}
                            {% set nextSubscriptionDate = subscriptionsCancelSurvey.subscription.startdate|date_modify('+' ~ duration ~ ' months')|date('Y-m-d') %}
                        {% endif %}
                        {{ nextSubscriptionDate }}
				</div>
			</div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <h1>Subscriptions Cancellation Survey</h1>
                </div>
                <div class="col-md-6 text-end">
                    <a href="{{ path('app_admin_subscriptions_cancellation') }}" class="btn btn-primary">Back</a>
                </div>
            </div>

            <form id="survey-form" method="post" action="#">
                <!-- Question 1 -->
                <div class="mb-3">
                    <label class="form-label">Primary reason for cancellation</label>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason1" value="too_expensive" {% if reason == 'too_expensive' %}checked{% endif %}>
                        <label class="form-check-label" for="reason1">Too expensive</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason2" value="not_using" {% if reason == 'not_using' %}checked{% endif %}>
                        <label class="form-check-label" for="reason2">Not using the service enough</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason3" value="better_alternative" {% if reason == 'better_alternative' %}checked{% endif %}>
                        <label class="form-check-label" for="reason3">Found a better alternative</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason4" value="technical_issues" {% if reason == 'technical_issues' %}checked{% endif %}>
                        <label class="form-check-label" for="reason4">Technical issues</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason5" value="customer_service_issues" {% if reason == 'customer_service_issues' %}checked{% endif %}>
                        <label class="form-check-label" for="reason5">Customer service issues</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason6" value="content_not_relevant" {% if reason == 'content_not_relevant' %}checked{% endif %}>
                        <label class="form-check-label" for="reason6">Content not relevant/interesting</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason7" value="temporary_financial_issues" {% if reason == 'temporary_financial_issues' %}checked{% endif %}>
                        <label class="form-check-label" for="reason7">Temporary financial issues</label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="reason" id="reason8" value="other" {% if reason == 'other' %}checked{% endif %}>
                        <label class="form-check-label" for="reason8">Other (please specify)</label>
                        {# <input class="form-control mt-2" type="text" name="other_reason" id="other_reason" placeholder="Please specify" value="{{ other_reason }}" {% if reason != 'other' %}style="display:none;"{% endif %}> #}
                    </div>
                </div>

                <!-- Question 2 -->
               <div class="mb-3">
                    <label class="form-label">Overall satisfaction with service</label>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="satisfaction" id="satisfaction1" value="very_satisfied" {% if satisfaction == 'very_satisfied' %}checked{% endif %}>
                        <label class="form-check-label" for="satisfaction1">Very satisfied</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="satisfaction" id="satisfaction2" value="satisfied" {% if satisfaction == 'satisfied' %}checked{% endif %}>
                        <label class="form-check-label" for="satisfaction2">Satisfied</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="satisfaction" id="satisfaction3" value="neutral" {% if satisfaction == 'neutral' %}checked{% endif %}>
                        <label class="form-check-label" for="satisfaction3">Neutral</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="satisfaction" id="satisfaction4" value="dissatisfied" {% if satisfaction == 'dissatisfied' %}checked{% endif %}>
                        <label class="form-check-label" for="satisfaction4">Dissatisfied</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="satisfaction" id="satisfaction5" value="very_dissatisfied" {% if satisfaction == 'very_dissatisfied' %}checked{% endif %}>
                        <label class="form-check-label" for="satisfaction5">Very dissatisfied</label>
                    </div>
                </div>

                <!-- Question 3 -->
               <div class="mb-3">
                    <label class="form-label">Likelihood of recommending our service</label>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="recommendation" id="recommendation1" value="very_likely" {% if recommendation == 'very_likely' %}checked{% endif %}>
                        <label class="form-check-label" for="recommendation1">Very likely</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="recommendation" id="recommendation2" value="likely" {% if recommendation == 'likely' %}checked{% endif %}>
                        <label class="form-check-label" for="recommendation2">Likely</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="recommendation" id="recommendation3" value="neutral" {% if recommendation == 'neutral' %}checked{% endif %}>
                        <label class="form-check-label" for="recommendation3">Neutral</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="recommendation" id="recommendation4" value="unlikely" {% if recommendation == 'unlikely' %}checked{% endif %}>
                        <label class="form-check-label" for="recommendation4">Unlikely</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="recommendation" id="recommendation5" value="very_unlikely" {% if recommendation == 'very_unlikely' %}checked{% endif %}>
                        <label class="form-check-label" for="recommendation5">Very unlikely</label>
                    </div>
                </div>


                <!-- Question 4 -->
                <div class="mb-3">
                    <label class="form-label">Duration of subscription</label>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="subscription_duration" id="duration1" value="less_than_1_month" {% if subscription_duration == 'less_than_1_month' %}checked{% endif %}>
                        <label class="form-check-label" for="duration1">Less than 1 month</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="subscription_duration" id="duration2" value="1_3_months" {% if subscription_duration == '1_3_months' %}checked{% endif %}>
                        <label class="form-check-label" for="duration2">1-3 months</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="subscription_duration" id="duration3" value="4_6_months" {% if subscription_duration == '4_6_months' %}checked{% endif %}>
                        <label class="form-check-label" for="duration3">4-6 months</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="subscription_duration" id="duration4" value="7_12_months" {% if subscription_duration == '7_12_months' %}checked{% endif %}>
                        <label class="form-check-label" for="duration4">7-12 months</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="subscription_duration" id="duration5" value="over_a_year" {% if subscription_duration == 'over_a_year' %}checked{% endif %}>
                        <label class="form-check-label" for="duration5">Over a year</label>
                    </div>
                </div>


                <!-- Question 5 -->
               <div class="mb-3">
                    <label class="form-label">Suggestions for improvement</label>
                    <textarea class="form-control" name="improvement" id="improvement">{{ improvement }}</textarea>
                </div>


                <!-- Question 6 -->
               <div class="mb-3">
                    <label class="form-label">Willingness to re-subscribe in the future</label>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="re_subscribe" id="re_subscribe_yes" value="yes" {{ re_subscribe == 'yes' ? 'checked' : '' }}>
                        <label class="form-check-label" for="re_subscribe_yes">Yes</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="re_subscribe" id="re_subscribe_no" value="no" {{ re_subscribe == 'no' ? 'checked' : '' }}>
                        <label class="form-check-label" for="re_subscribe_no">No</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="re_subscribe" id="re_subscribe_maybe" value="maybe" {{ re_subscribe == 'maybe' ? 'checked' : '' }}>
                        <label class="form-check-label" for="re_subscribe_maybe">Maybe</label>
                    </div>
                </div>

                <!-- Question 7 -->
               <div class="mb-3">
                    <label class="form-label">Additional comments or feedback</label>
                    <textarea class="form-control" name="additional_comments" id="additional_comments">{{ additional_comments }}</textarea>
                </div>
            </form>
        </div>
    </div>
{% endblock %}