@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    .agentDetails .single-features-item:last-child {
        border-right: unset !important;
    }

    .row {
        justify-content: center;
    }

    .agentDetails .single-features-item {
        padding: 0 30px;
        border-right: 1px solid #264a9f94;
    }

    .agentDetails .row>* {
        width: unset !important;
    }

    p.contents {
        position: relative;
    }

    p.contents::before {
        content: "";
        background: -webkit-linear-gradient(left, #35d3e1 -45%, #023E8A 110%, #023E8A 140%);
        background: linear-gradient(90deg, #35d3e1 -45%, #023E8A 110%, #023E8A 140%);
        border-radius: 50%;
        height: 6px;
        width: 6px;
        position: absolute;
        left: -15px;
        top: 7px;
    }

    h3.heading {
        font-weight: 700;
        font-size: 16px;
        color: #264a9f;
        text-transform: uppercase;
    }

    p.contents.font-size-14.text-start {
        margin-bottom: 10px;
        color: #7a7a7a;
    }

    .single-features-item p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0 !important;
    }
</style>

<div class="page-content">
    <div class="container-fluid">
        @include('../reachassuree_agent/master/comman/header')


        @include('../reachassuree_agent/upgrade/comman/current_plan')

        @if(count($data['future_plans']) > 0)
            @include('../reachassuree_agent/upgrade/comman/future_plan')
        @endif

        <div class="row justify-content-end">
            <a href="javascript:void(0);" onclick="return learningVideo()" class="btn-youtube-pulse btn-youtube-pulse-border">
                <i class="mdi mdi-youtube"></i>
            </a>
        </div>

        @if($data['is_verification_completed'] == 0)
            <div class="card p-4">
                <div class="row">
                    <div class="col-md-12">
                        <h5 class="text-center fw-semibold mb-0 font-size-18">To proceed, please verify your mobile number and email address. Once verified, you can complete the surrender process.</h5>
                    </div>
                </div>
            </div>
        @else
            <div class="card p-4">
                <div class="row">
                    <div class="col-md-12">
                        <h4 class="border-bottom text-center fw-semibold border-4 pb-3 text-uppercase mb-3" style="color: #0c61dd;">Terms and Conditions</h4>
                        <h5 class="text-start fw-semibold mb-3 font-size-18">Your Agreement</h5>
                        <div class="px-4">
                            <p class="contents font-size-14 text-start">If you encounter any difficulties while using the Agent Site or Admin Panel, please don't hesitate to reach out to our Customer Support Team. They are available to guide you and provide assistance whenever needed.</p>
                            <p class="contents font-size-14 text-start">When you choose to Surrender your plan, it means you won't be able to reinstate the policy in the future. If you wish to have coverage again, you'll need to apply for a completely new policy. Please be aware that once a plan is Surrendered, there is no way to access or reinstate any data related to that plan, including agent-related information.</p>
                            <p class="contents font-size-14 text-start">Before you go ahead with Surrendering your plan, we strongly advise you to back up your data. We will provide you with your data in PDF, Excel, and CSV formats for your convenience. This way, you'll always have access to your general, life, and investment information in the future. These export files will make it easy for you to refer to and manage your data on your own, without the need for direct assistance from our agents.</p>
                            <p class="contents font-size-14 text-start">Please remember that Surrendering your plan will also result in the removal of your Agent Site access.</p>
                            <p class="contents font-size-14 text-start">Additionally, surrendering your plan will also result in the loss of access to the Agent and Customer Applications for both you and your Customers.</p>
                            <p class="contents font-size-14 text-start">Please be aware that any amounts spent on additional features purchased from the 'Purchase' tab cannot be refunded as part of the surrendering process.</p>
                            <p class="contents font-size-14 text-start">We will retain your data for a period of one year only. If you decide to join us before the completion of the one-year term, we will provide you with your previous data.</p>
                            <p class="contents font-size-14 text-start">After one year, you will be treated as a new client and will need to register a new subscription. Any previous data will be permanently deleted.</p>
                            <hr>

                            @if ($data['is_surrended'] == 0)
                                <div class="row surrenderArea" style="justify-content: unset;">
                                    <div class="col-md-12">
                                        <h6 class="text-start mb-2 font-size-14">Reasons for Surrender</h6>
                                        <input type="text" class="form-control" name="reason" id="reason" value="" placeholder="Enter reason of surrender" maxlength="250" autocomplete="off">
                                    </div>
                                </div>
                                <div class="row surrenderArea">
                                    <div class="col-md-6 mt-4">
                                        <div class="mb-3 text-start">
                                            <div class="form-check-inline">
                                                <input class="form-check-inline form-check-input" type="checkbox" name="is_accept" id="is_accept">
                                                <label class="form-check-label me-3" for="is_accept">I confirm that I have read and accept the terms and conditions and privacy policy.</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mt-4">
                                        <div class="text-end">
                                            <button type="submit" class="btn btn-primary px-5" id="surrender_btn">Surrender</button>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="row">
                                    <h5 class="text-danger">You have already submitted a request for plan surrender. If you encounter any difficulties, please don't hesitate to contact our team for assistance.</h5>
                                </div>
                            @endif
                            <div class="row" id="submittedMessage">
                                <h5 class="text-danger">You have already submitted a request for plan surrender. If you encounter any difficulties, please don't hesitate to contact our team for assistance.</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/sweet-alerts.init.js') }}"></script>
<script type="text/javascript">

    $("#family_group_id").select2();

    $(document).ready(function() {
        $('#submittedMessage').hide();
        $('#surrender_btn').attr('disabled', true);

        $('#is_accept').change(function() {
            if ($(this).is(':checked')) {
                $('#surrender_btn').prop('disabled', false);
            } else {
                $('#surrender_btn').prop('disabled', true);
            }
        });
    });


    $(document).on('click', '#surrender_btn', function(event) {
        event.preventDefault();

        openConfirmationDialog();
    });

    function openConfirmationDialog(){
        swal.fire({
            title: "Are you sure want to surrender this plan?",
            text: "You won't be able to revert this!",
            showCancelButton: true,
            confirmButtonColor: "#526BDF",
            cancelButtonColor: "#EC6767",
            confirmButtonText: "Yes, Surrender it!",
            cancelButtonText: "No, cancel it!",
        }).then((result) => {
            if (result.isConfirmed) {
                remove();
            }
        });
    }

    function remove(){

        var reason = $('#reason').val();
        showLoader();

        var ajaxURL = "{{ route('send.plan.surrender.request') }}";
        $.ajax({
            type: "GET",
            url: ajaxURL,
            data: {
                data : reason
            },
            success: function(resultData) {
                $('#surrender_btn').attr('disabled', true);
                $('input:checkbox:checked').prop('checked', false);

                if (resultData['status'] == 1) {

                    $('#submittedMessage').show();
                    $('.surrenderArea').hide();
                    toastr["success"](resultData['msg']);
                } else {
                    toastr["error"](resultData['msg']);
                }
                hideLoader();
            },
            error: function(xhr, status, error) {
                toastr["error"](xhr.responseJSON['message']);
            }
        });
    }
</script>

</script>
@endsection