@extends('layouts.v2.frontend-user-backend')

@section('title', '| Home')

@section('content')
<div class="multiple-form delivery-details">
  <h4 class="text-center my-5 text-capitalize">Welcome  {{ Auth::user()->name }}!</h4>
  <p></p>

  @if(isset($UserPaymentOrderData) && $UserPaymentOrderData->isNotEmpty())


        @if ($message = Session::get('order_history_success'))
          <div class="alert alert-success">
            {{ $message }}
          </div>
        @endif
        @if(isset($order_history_error) || $order_history_error = Session::get('order_history_error'))
          <div class="alert alert-danger">
              {{ $order_history_error }}
          </div>
        @endif

      <div class="row mb-3">
          <div class="col-md-7 col-lg-9">  <p class="opacity-100">Completed Orders </p></div>
          <div class="col-md-5 col-lg-3 text-start text-md-end text-lg-end">
                <input class="custom-input search" id="completed_order_searchInput" placeholder="Search" />
          </div>
      </div>

      <div id="orderHistoryTableContainer" class="table-container">
          @include('frontend.forms.v2.orders.completedorderHistoryTable') 
      </div>
      
      {{ $UserPaymentOrderData->links() }}

  @endif



  <!-- Showing Message when click on Download Button in  Modal --START -->
  <div class="modal fade" id="downloadMessageModal" tabindex="-1" aria-labelledby="downloadMessageModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered"  role="document">
        <div class="modal-content">
          <div class="modal-body mt-5" id="downloadMessageModalBody">
            <!-- Message content will be inserted here dynamically -->
          </div>
      </div>
    </div>
  </div>
  <!-- Showing Message when click on Download Button in  Modal --END -->





</div>

    <section id="welcome-back" class="d-none">
        <div class="container">
            <div class="justify-content-center text-center">
                {{-- 
                Developer: Theshan Thanushka
                Date: 2024-03-28
                This line of code generates a welcome message for the authenticated user by accessing their name through the Auth facade.
                --}}
                <h1>Welcome  {{ Auth::user()->name }}!</h1>
                <p class="d-none">Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus porttitor ac vel eros.</p>
            </div>
            <div class="row justify-content-center text-center d-none">
                <div class="col-8">
                <h4>Estate, Wills, and power of attorney forms</h4>
                <h6>Create an estate plan Not sure which plan is right for you?&nbsp;&nbsp; <span class="colored-text">Take the quiz.</span></h6>
                </div>
            </div>
        </div>
    </section>
    <section id="will-health-card" class="d-none">
        <div class="container">
            <div class="row justify-content-center text-center cards gy-3">
                <div class="col-12 col-sm-6 col-md-6 d-flex">
                    <div class="card flex-fill">
                        <div class="card-header"><h5>Wills and estate</h5></div>
                        <div class="card-body"><p>Forms for creating and amending your Will, and giving gifts.</p></div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 d-flex">
                    <div class="card flex-fill">
                        <div class="card-header"><h5>Health care planning</h5></div>
                        <div class="card-body"><p>Documents to specify health care wishes and permissions for an individual or child.</p></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="your-recent-activity" class="d-none">
        <div class="container">
          
          <!-- When new client is login then "Recent Activity" headline should not be show. If they process with any form then headine should be show-->
          @if(($willsAndTest && $willsAndTest->calculatePercentage(auth()->user()->id) > 0) || ($pourOverWillForm && $pourOverWillForm->calculatePercentage(auth()->user()->id) > 0) || ($endoflifePlanForm && $endoflifePlanForm->calculatePercentage(auth()->user()->id) > 0) || ($livingWillForm && $livingWillForm->calculatePercentage(auth()->user()->id) > 0) || ($revocableTrust && $revocableTrust->calculatePercentage(auth()->user()->id) > 0))
          <h2 class="text-center mt-5 mb-4">Your Recent Activity</h2>
          @endif

          {{--
         /*
          * Author: Gurupriya Solanki
          * Updated date: 21 June 2024 
          * Description: Error message Showing if any code error exist during forms steps.  from all form's controller
          */
          --}}
          @if(session('error'))
            <div class="alert alert-danger ">
                {{ session('error') }}
            </div>
          @endif


          <!--
          /*
          * Author: Vidhi Shah
          * Updated date: 18th mar 2024 
          * Description: Status "Preview"|"Drafted" must be aligned
          */
          -->
          <div class="row mt-5">
            <div class="col-12 col-sm-6 col-md-6 mb-4">
              <div class="card">
                <div class="card-body">
                  <div class="card-title">Last Will and Testament</div>
                  <div class="d-flex justify-content-between">
                    <div class="card-subtitle mb-2">Will and Estate</div>
                      @if($willsAndTest)
                        @if(($willsAndTest['payment_status'] === "succeeded" || $willsAndTest['payment_status'] === "paid") || ($willsAndTest['payment_status'] !== "succeeded" && $willsAndTest['payment_status'] !== "paid" &&  $willsAndTest['edit_count'] > 0))
                          <p class="card-completion paid_text mb-2">Paid <i class="fas fa-check-circle"></i></p>
                        @endif
                      @endif
                    </div>
                    <div class="d-flex justify-content-between">
                      @if($willsAndTest)
                        @if(($willsAndTest['free_edit_option_show'] == true) || ($willsAndTest->edit_request_data && $willsAndTest->edit_request_data->approve_status == "1" && $willsAndTest->edit_request_data->edit_status == "1"))<!--Free Edit after intial payment and paid edit after 24 hours of intial payment only if edit request is apporved by admin-->
                          <p class="card-completion"><a href="{{route('willsAndTest.create.step.one')}}">Edit</a></p>
                         @elseif( ($willsAndTest['free_edit_option_show'] == false && ($willsAndTest['payment_status'] === "succeeded" || $willsAndTest['payment_status'] === "paid") ) || ($willsAndTest->calculatePercentage(auth()->user()->id)) == "100" || ($willsAndTest->edit_request_data && $willsAndTest->edit_request_data->edit_status == "1"))<!--Author: Gurupriya Solanki, Updated Date: 26 April 2024, Description: 1. Checking if Free edit is not availalbe and payment has done means 24 hours has past and to get edit functionlity client has to send request from preview page after approval Edit button will show , 2. Checking that client has 100 percent completed forms steps OR If client edit request has been apporved and  they have been click on Above Edit Button -->
                          <p class="card-completion"><a href="{{route('willsAndTest.create.step.preview')}}">Preview</a></p>
                          @else
                          <p class="card-text">Drafted |  {{$willsAndTest->calculatePercentage(auth()->user()->id)."%"}}</p>

                          <!--START - current step route - User should jump to the last left steps page-->
                            @if (isset($willsAndTest['currentStep']))
                                @php 
                                    $currentStepRouteLWT = "willsAndTest.create.step." . $willsAndTest['currentStep'];
                                @endphp
                            @else
                                @php 
                                    $currentStepRouteLWT = 'willsAndTestForm'; 
                                @endphp
                            @endif
                          <!--END - current step route - User should jump to the last left steps page-->

                          <p class="card-completion"><a href="{{route($currentStepRouteLWT)}}">Complete Now</a></p>
                        @endif
                      @else
                            <p class="card-completion"><a href="{{route('willsAndTestForm')}}">Start</a></p>
                      @endif
                      
                      <!---START--First order payment has done but upload is Under Process --->
                      @if($willsAndTest)
                        @if(($willsAndTest) && ($willsAndTest['payment_status'] === "succeeded" || $willsAndTest['payment_status'] === "paid") || ($willsAndTest['payment_status'] !== "succeeded" && $willsAndTest['payment_status'] !== "paid" &&  $willsAndTest['edit_count'] > 0))
                          
                          <!--Under Process Section  Tooltip -- Start --->
                          <div class="under_process_tooptip_box">
                            <div class="tooltip">
                            <p class="card-completion under_process">Under Process</p>
                            <span class="tooltiptext">Your document is currently under process. Please be patient, and we'll notify you once it's completed.</span>
                            </div>
                          </div>
                          <!--Under Process Section  Tooltip -- End --->
                          @endif
                      @endif
                        <!---END--First order payment has done but upload is Under Process --->
                    </div>
                </div>
              </div>
            </div>
           
            <div class="col-12 col-sm-6 col-md-6 mb-4">
              <div class="card">
                <div class="card-body">
                  <div class="card-title">Pour-Over Will</div>
                  <div class="d-flex justify-content-between">
                      <div class="card-subtitle mb-2">Will and Estate</div>
                      @if($pourOverWillForm)
                        @if(($pourOverWillForm['payment_status'] === "succeeded" || $pourOverWillForm['payment_status'] === "paid")  || ($pourOverWillForm['payment_status'] !== "succeeded" && $pourOverWillForm['payment_status'] !== "paid" &&  $pourOverWillForm['edit_count'] > 0))
                        <p class="card-completion paid_text mb-2">Paid <i class="fas fa-check-circle"></i></p>
                        @endif
                      @endif
                  </div>
                  
                    <div class="d-flex justify-content-between">
                      @if($pourOverWillForm)
                        @if(($pourOverWillForm['free_edit_option_show'] == true) || ($pourOverWillForm->edit_request_data && $pourOverWillForm->edit_request_data->approve_status == "1" && $pourOverWillForm->edit_request_data->edit_status == "1"))<!--Free Edit after intial payment and paid edit after 24 hours of intial payment only if edit request is apporved by admin-->
                          <p class="card-completion"><a href="{{route('pourOverWillFormStart')}}">Edit</a></p>
                        @elseif( ($pourOverWillForm['free_edit_option_show'] == false && ($pourOverWillForm['payment_status'] === "succeeded" || $pourOverWillForm['payment_status'] === "paid") ) || ($pourOverWillForm->calculatePercentage(auth()->user()->id) == "100") || ($pourOverWillForm->edit_request_data && $pourOverWillForm->edit_request_data->edit_status == "1") ) <!--Author: Gurupriya Solanki, Updated Date: 26 April 2024, Description: 1. Checking if Free edit is not availalbe and payment has done means 24 hours has past and to get edit functionlity client has to send request from preview page after approval Edit button will show , 2. Checking that client has 100 percent completed forms steps OR If client edit request has been apporved and  they have been click on Above Edit Button -->
                          <p class="card-completion"><a href="{{route('pourOverWillForm.create.step.preview')}}">Preview</a></p>
                        @else
                          <p class="card-text">Drafted |  {{$pourOverWillForm->calculatePercentage(auth()->user()->id)."%"}}</p>

                          <!--START - current step route - User should jump to the last left steps page-->
                            @if (isset($pourOverWillForm['currentStep']))
                                @php 
                                    $currentStepRoutePOW = "pourOverWillForm.create.step." . $pourOverWillForm['currentStep'];
                                @endphp
                            @else
                                @php 
                                    $currentStepRoutePOW = 'pourOverWillForm'; 
                                @endphp
                            @endif
                          <!--END - current step route - User should jump to the last left steps page-->
                          <p class="card-completion"><a href="{{route($currentStepRoutePOW)}}">Complete Now</a></p>
                        @endif
                      @else
                            <p class="card-completion"><a href="{{route('pourOverWillForm')}}">Start</a></p>
                      @endif
                      <!---START--First order payment has done but upload is Under Process --->
                    @if($pourOverWillForm)
                      @if($pourOverWillForm && ($pourOverWillForm['payment_status'] === "succeeded" || $pourOverWillForm['payment_status'] === "paid") || ($pourOverWillForm['payment_status'] !== "succeeded" && $pourOverWillForm['payment_status'] !== "paid" &&  $pourOverWillForm['edit_count'] > 0))
                       
                        <!--Under Process Section  Tooltip -- Start --->
                        <div class="under_process_tooptip_box">
                          <div class="tooltip">
                          <p class="card-completion under_process">Under Process</p>
                          <span class="tooltiptext">Your document is currently under process. Please be patient, and we'll notify you once it's completed.</span>
                          </div>
                        </div>
                        <!--Under Process Section  Tooltip -- End --->
                        @endif
                      @endif
                      <!---END--First order payment has done but upload is Under Process --->
                    </div>
                </div>
              </div>
            </div>

            <div class="col-12 col-sm-6 col-md-6 mb-4">
              <div class="card">
                <div class="card-body">
                  <div class="card-title">End-of-Life Plan</div>
                  <div class="d-flex justify-content-between">
                    <div class="card-subtitle mb-2">Will and Estate</div>
                      @if($endoflifePlanForm)
                        @if(($endoflifePlanForm['payment_status'] === "succeeded" || $endoflifePlanForm['payment_status'] === "paid") || ($endoflifePlanForm['payment_status'] !== "succeeded" && $endoflifePlanForm['payment_status'] !== "paid" &&  $endoflifePlanForm['edit_count'] > 0))
                            <p class="card-completion paid_text mb-2">Paid <i class="fas fa-check-circle"></i></p>
                        @endif
                      @endif
                    </div>
                    <div class="d-flex justify-content-between">
                      @if($endoflifePlanForm)
                        @if(($endoflifePlanForm['free_edit_option_show'] == true) || ($endoflifePlanForm->edit_request_data && $endoflifePlanForm->edit_request_data->approve_status == "1" && $endoflifePlanForm->edit_request_data->edit_status == "1"))<!--Free Edit after intial payment and paid edit after 24 hours of intial payment only if edit request is apporved by admin-->
                          <p class="card-completion"><a href="{{route('endoflifePlan.create.step.one')}}">Edit</a></p>
                        @elseif( ($endoflifePlanForm['free_edit_option_show'] == false && ($endoflifePlanForm['payment_status'] === "succeeded" || $endoflifePlanForm['payment_status'] === "paid") ) || ($endoflifePlanForm->calculatePercentage(auth()->user()->id) == "100") || (  $endoflifePlanForm->edit_request_data &&  $endoflifePlanForm->edit_request_data->edit_status == "1"))<!--Author: Gurupriya Solanki, Updated Date: 26 April 2024, Description: 1. Checking if Free edit is not availalbe and payment has done means 24 hours has past and to get edit functionlity client has to send request from preview page after approval Edit button will show , 2. Checking that client has 100 percent completed forms steps OR If client edit request has been apporved and  they have been click on Above Edit Button -->
                        <p class="card-completion"><a href="{{route('endoflifePlan.create.step.preview')}}">Preview</a></p>
                        @else
                        <p class="card-text">Drafted |  {{$endoflifePlanForm->calculatePercentage(auth()->user()->id)."%"}}</p>

                         <!--START - current step route - User should jump to the last left steps page-->
                         @if (isset($endoflifePlanForm['currentStep']))
                                @php 
                                    $currentStepRouteEOL = "endoflifePlan.create.step." . $endoflifePlanForm['currentStep'];
                                @endphp
                            @else
                                @php 
                                    $currentStepRouteEOL = 'EndoflifePlanForm'; 
                                @endphp
                            @endif
                          <!--END - current step route - User should jump to the last left steps page-->
                        <p class="card-completion"><a href="{{route($currentStepRouteEOL)}}">Complete Now</a></p>
                        @endif
                      @else
                            <p class="card-completion"><a href="{{route('EndoflifePlanForm')}}">Start</a></p>
                      @endif
                       <!---START--First order payment has done but upload is Under Process --->
                      @if($endoflifePlanForm)
                       @if($endoflifePlanForm && ($endoflifePlanForm['payment_status'] === "succeeded" || $endoflifePlanForm['payment_status'] === "paid") || ($endoflifePlanForm['payment_status'] !== "succeeded" && $endoflifePlanForm['payment_status'] !== "paid" &&  $endoflifePlanForm['edit_count'] > 0))
                           
                          <!--Under Process Section  Tooltip -- Start --->
                          <div class="under_process_tooptip_box">
                            <div class="tooltip">
                            <p class="card-completion under_process">Under Process</p>
                            <span class="tooltiptext">Your document is currently under process. Please be patient, and we'll notify you once it's completed.</span>
                            </div>
                          </div>
                          <!--Under Process Section  Tooltip -- End --->
                          @endif
                        @endif
                          <!---END--First order payment has done but upload is Under Process --->
                    </div>
                </div>
              </div>
            </div>

            <div class="col-12 col-sm-6 col-md-6 mb-4">
              <div class="card">
                <div class="card-body">
                  <div class="card-title">Living Will</div>
                  <div class="d-flex justify-content-between">
                  <div class="card-subtitle mb-2">Will and Estate</div>
                    @if($livingWillForm) 
                      @if(($livingWillForm['payment_status'] === "succeeded" || $livingWillForm['payment_status'] === "paid")  || ($livingWillForm['payment_status'] !== "succeeded" && $livingWillForm['payment_status'] !== "paid" &&  $livingWillForm['edit_count'] > 0))
                        <p class="card-completion paid_text mb-2">Paid <i class="fas fa-check-circle"></i></p>
                      @endif
                    @endif
                  </div>
                    <div class="d-flex justify-content-between">
                      @if($livingWillForm)
                        @if(($livingWillForm['free_edit_option_show'] == true) || ($livingWillForm->edit_request_data && $livingWillForm->edit_request_data->approve_status == "1" && $livingWillForm->edit_request_data->edit_status == "1"))<!--Free Edit after intial payment and paid edit after 24 hours of intial payment only if edit request is apporved by admin-->
                          <p class="card-completion"><a href="{{route('livingwill.create.step.one')}}">Edit</a></p>
                        @elseif(($livingWillForm['free_edit_option_show'] == false && ($livingWillForm['payment_status'] === "succeeded" || $livingWillForm['payment_status'] === "paid") ) || ($livingWillForm->calculatePercentage(auth()->user()->id) == "100") || ($livingWillForm->edit_request_data &&  $livingWillForm->edit_request_data->edit_status == "1"))<!--Author: Gurupriya Solanki, Updated Date: 26 April 2024, Description: 1. Checking if Free edit is not availalbe and payment has done means 24 hours has past and to get edit functionlity client has to send request from preview page after approval Edit button will show , 2. Checking that client has 100 percent completed forms steps OR If client edit request has been apporved and  they have been click on Above Edit Button -->
                          <p class="card-completion"><a href="{{route('livingwill.create.step.preview')}}">Preview</a></p>
                        @else
                          <p class="card-text">Drafted |  {{$livingWillForm->calculatePercentage(auth()->user()->id)."%"}}</p>
                          <!--START - current step route - User should jump to the last left steps page-->
                            @if (isset($livingWillForm['currentStep']))
                                  @php 
                                      $currentStepRouteLWF = "livingwill.create.step." . $livingWillForm['currentStep'];
                                  @endphp
                              @else
                                  @php 
                                      $currentStepRouteLWF = 'LivingWillForm'; 
                                  @endphp
                              @endif
                            <!--END - current step route - User should jump to the last left steps page-->
                          <p class="card-completion"><a href="{{route($currentStepRouteLWF)}}">Complete Now</a></p>
                        @endif
                      @else
                            <p class="card-completion"><a href="{{route('LivingWillForm')}}">Start</a></p>
                      @endif
                      <!---START--First order payment has done but upload is Under Process --->
                      @if($livingWillForm)
                        @if($livingWillForm  && ($livingWillForm['payment_status'] === "succeeded" || $livingWillForm['payment_status'] === "paid") || ($livingWillForm['payment_status'] !== "succeeded" && $livingWillForm['payment_status'] !== "paid" &&  $livingWillForm['edit_count'] > 0))
                            
                            <!--Under Process Section  Tooltip -- Start --->
                            <div class="under_process_tooptip_box">
                              <div class="tooltip">
                              <p class="card-completion under_process">Under Process</p>
                              <span class="tooltiptext">Your document is currently under process. Please be patient, and we'll notify you once it's completed.</span>
                              </div>
                            </div>
                            <!--Under Process Section  Tooltip -- End --->
                          @endif
                      @endif
                      <!---END--First order payment has done but upload is Under Process --->
                    </div>
                </div>
              </div>
            </div>

      
            <div class="col-12 col-sm-6 col-md-6 mb-4">
              <div class="card">
                <div class="card-body">
                  <div class="card-title">Revocable Living Trust</div>
                  <div class="d-flex justify-content-between">
                    <div class="card-subtitle mb-2">Will and Estate</div>
                    @if($revocableTrust)
                      @if(($revocableTrust['payment_status'] === "succeeded" || $revocableTrust['payment_status'] === "paid") || ($revocableTrust['payment_status'] !== "succeeded" && $revocableTrust['payment_status'] !== "paid" &&  $revocableTrust['edit_count'] > 0))
                        <p class="card-completion paid_text mb-2">Paid <i class="fas fa-check-circle"></i></p>
                        @endif
                    @endif
                  </div>
                  <div class="d-flex justify-content-between">
                      @if($revocableTrust)
                        @if(($revocableTrust['free_edit_option_show'] == true) || ($revocableTrust->edit_request_data &&  $revocableTrust->edit_request_data->approve_status == "1" && $revocableTrust->edit_request_data->edit_status == "1"))<!--Free Edit after intial payment and paid edit after 24 hours of intial payment only if edit request is apporved by admin-->
                          <p class="card-completion"><a href="{{route('RevocableLivingTrust.create.step.one')}}">Edit</a></p>
                        @elseif(($revocableTrust['free_edit_option_show'] == false && ($revocableTrust['payment_status'] === "succeeded" || $revocableTrust['payment_status'] === "paid") ) || ($revocableTrust->calculatePercentage(auth()->user()->id))== "100" || ( $revocableTrust->edit_request_data && $revocableTrust->edit_request_data->edit_status == "1"))<!--Author: Gurupriya Solanki, Updated Date: 26 April 2024, Description: 1. Checking if Free edit is not availalbe and payment has done means 24 hours has past and to get edit functionlity client has to send request from preview page after approval Edit button will show , 2. Checking that client has 100 percent completed forms steps OR If client edit request has been apporved and  they have been click on Above Edit Button -->
                         <p class="card-completion"><a href="{{route('RevocableLivingTrust.create.step.preview')}}">Preview</a></p>
                        @else
                          <p class="card-text">Drafted |  {{$revocableTrust->calculatePercentage(auth()->user()->id)."%"}}</p>

                          <!--START - current step route - User should jump to the last left steps page-->
                            @if (isset($revocableTrust['last_step']))
                                @php 
                                    $currentStepRouteRLT = "RevocableLivingTrust.create.step." . $revocableTrust['last_step'];
                                @endphp
                            @else
                                @php 
                                    $currentStepRouteRLT = 'RevocableLivingTrustForm'; 
                                @endphp
                            @endif
                          <!--END - current step route - User should jump to the last left steps page-->
                          <p class="card-completion"><a href="{{route($currentStepRouteRLT)}}">Complete Now</a></p>
                        @endif
                      @else
                            <p class="card-completion"><a href="{{route('RevocableLivingTrustForm')}}">Start</a></p>
                      @endif
                      <!---START--First order payment has done but upload is Under Process --->
                      @if($revocableTrust)
                        @if($revocableTrust  && ($revocableTrust['payment_status'] === "succeeded" || $revocableTrust['payment_status'] === "paid") || ($revocableTrust['payment_status'] !== "succeeded" && $revocableTrust['payment_status'] !== "paid" &&  $revocableTrust['edit_count'] > 0))
                            
                              <!--Under Process Section  Tooltip -- Start --->
                            <div class="under_process_tooptip_box">
                              <div class="tooltip">
                              <p class="card-completion under_process">Under Process</p>
                              <span class="tooltiptext">Your document is currently under process. Please be patient, and we'll notify you once it's completed.</span>
                              </div>
                            </div>
                            <!--Under Process Section  Tooltip -- End --->
                          @endif
                        @endif
                      <!---END--First order payment has done but upload is Under Process --->
                    </div>
                </div>
              </div>
            </div>
      
          </div>
        </div>

          <!--
          /*
          * Author: Theshan Thanushka
          * Updated date: 2024-04-09
          * Description: Completed Order History table view
          */
          -->
        @if(isset($UserPaymentOrderData) && $UserPaymentOrderData->isNotEmpty())
        <h2 class="text-center mt-5 mb-4">Completed Orders </h2>
        <section id="order-completed-table">
          <div class="container">
              @if ($message = Session::get('order_history_success'))
                <div class="alert alert-success">
                  {{ $message }}
                </div>
              @endif
              @if(isset($order_history_error) || $order_history_error = Session::get('order_history_error'))
                <div class="alert alert-danger">
                    {{ $order_history_error }}
                </div>
              @endif

          <div class="row mb-3">
          <div class="col-md-7 col-lg-9"></div>
          <div class="col-md-5 col-lg-3 text-start text-md-end text-lg-end">
                <input class="custom-input" id="completed_order_searchInput" placeholder="Search" />
          </div>
          </div>
            <div id="orderHistoryTableContainer" class="table-responsive-sm table-responsive-md">
                @include('frontend.forms.orders.completedorderHistoryTable') 
            </div>
            
            {{ $UserPaymentOrderData->links() }}
            <br>
          </div>
        </section>  
        @endif



        <!-- Showing Message when click on Download Button in  Modal --START -->
        <div class="modal fade" id="downloadMessageModal" tabindex="-1" aria-labelledby="downloadMessageModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered"  role="document">
              <div class="modal-content">
                <div class="modal-body mt-5" id="downloadMessageModalBody">
                  <!-- Message content will be inserted here dynamically -->
                </div>
            </div>
          </div>
        </div>
        <!-- Showing Message when click on Download Button in  Modal --END -->
      </section>

    <section id="pick-up-your-answers" class="d-none">
      <div class="row text-center justify-content-center">
        <div class="col"><h1 class="mb-5">Pick up your answers</h1></div>
      </div>
      <div class="row justify-content-center gy-3">
          @foreach ($answers as $answer)
          <div class="col-xs-12 col-sm-12 col-md-11 col-lg-10 col-xl-10">
              <div class="card">
                  <div class="card-body">
                      <div class="row align-items-center">
                          <div class="col-xs-12 col-sm-12 col-md-2 text-center">
                              <img class="pick" src="{{ url('frontend/images/dark/group-9.png') }}" alt="Answer Image">
                          </div>
                          <div class="col-xs-12 col-sm-12 col-md-7 col-lg-8 col-xl-8 text-start">
                              <div class="q-holder">
                                  <h4>{{ $answer->question }}</h4>
                                  <p>{{ $answer->briefly }}</p>
                              </div>
                          </div>
                          <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 col-xl-2 text-center">
                            <a href="#" class="d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#answerdynamicModal" data-answer-id="{{ $answer->id }}">Learn More ></a>
                        </div>
                      </div>
                  </div>
              </div>
          </div>
          @endforeach
        
        <!-- Modal -->
        <div class="modal fade" id="answerdynamicModal" tabindex="-1" aria-labelledby="answerdynamicModalLabel" aria-hidden="true">
          <div class="modal-dialog">
              <div class="modal-content">
                  <div class="modal-header">
                      <h5 class="modal-title" id="answerdynamicModalLabel">Learn More</h5>
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> &times;</button>
                  </div>
                  <div class="modal-body">
                      <!-- Content loaded via AJAX will be displayed here -->
                  </div>
              </div>
          </div>
        </div> 
        <!-- End Modal -->

        </div>
    </section>


@endsection

@section('page-js')
<script>
  $(document).ready(function() {
      $('#answerdynamicModal').on('show.bs.modal', function (event) {
          var button = $(event.relatedTarget); // Button that triggered the modal
          var answerId = button.data('answer-id'); // Get the answer ID from the data attribute
  
          var modal = $(this);
          
          // Make an AJAX request to fetch the content
          $.ajax({
              url: "{{ route('load-answer-modal-content', ':id') }}".replace(':id', answerId), // Use the named route to load content
              method: 'GET',
              success: function(response) {
console.log(response); // Check the content in the browser console
modal.find('.modal-body').html(response.content);
},
              error: function(error) {
                  console.error('Error fetching content:', error);
              }
          });
      });
  });
  </script>

<script>
  /**
    * @category : Send Download Link And OTP to Download Document
    * @author :  Gurupriya Solanki
    * @created date  :  29 Feb 2024
    * @updated date : 4 March 2024
    * @company  :  Birbals Inc
    * @description : This email is sending from two side - (1) User can Download their original document once it has uploaded by Owner from the Admin panel.And  this Email will receive. (2) On Dashboard They see the Download button. And if they click on Download Button they will receive same email get genreated otp  and link.
    * Data is passing  from Comman Class  - app\Classes\OrderPDFAndDocumentClass.php.  And calling function name is "generateLink" And class is calling in app\Http\Controllers\UserFrontendController.php
    * Email Content - app\Mail\DownloadDocumentLinkWithOTPEmail.php
   */
  var generate_link_for_download_document_URL = "{{ route('genreate.link.document') }}";
  $("#downloadUplodedDoucment_willsAndTest, #downloadUplodedDoucment_pourOverWillForm, #downloadUplodedDoucment_endoflifePlanForm, #downloadUplodedDoucment_livingWillForm, #downloadUplodedDoucment_revocableTrust").on("submit", function (event) {

    var formDataAttributes = $(this).attr('data');
        
     
     // Show loading message in modal
     showMessageInModal('<div class="text-center pt-5 pb-5"  id="spinner"><p class="download_document_wating_text"><strong>Please wait.. preparing link and sending by email.<strong></p><div class="spinner-border download_document_wating_text" role="status"></div></div>');

    
        event.preventDefault();
        var formData = new FormData(this);
        $.ajax({
            url: generate_link_for_download_document_URL,
            type: 'POST',
            data: formData,
            processData: false,  // Important for FormData
            contentType: false,  // Important for FormData
            success: function (response) {
            if (response.success) {
                // Show success message in modal
                /* Changing message once email sent with OTP for download link  */
                showMessageInModal('<div class="text-center pb-5"><img src="{{url("frontend/images/dark/success-img.svg")}}" alt="Success Image" /> <h6 class="text-success mt-2"> <strong> Check your email for downloading instructions!</strong></h6><div>');
            } else {
                // Show error message in modal if response is not successful
                showMessageInModal('<div class="text-center p-2"><img src="{{url("frontend/images/dark/failed-img.svg")}}" alt="Success Image" /> <h6 class="download_otp_send_fail mt-2"> <strong> An error occurred during generating download link.<br> Please try again later !</strong></h6><div>');
            }
            //Hide the modal after some time (adjust the time as needed)
            setTimeout(function () {
                $('#downloadMessageModal').modal('hide');
            }, 3000);
        },
        error: function (xhr, status, error) {
            console.log('AJAX Error: ' + error);
            // Show error message in modal in case of AJAX error
            showMessageInModal('<div class="text-center p-2"><img src="{{url("frontend/images/dark/failed-img.svg")}}" alt="Success Image" /> <h6 class="download_otp_send_fail mt-2"> <strong> An error occurred during generating download link.<br> Please try again later !</strong></h6><div>');
            //Hide the modal after some time (adjust the time as needed)
            setTimeout(function () {
                $('#downloadMessageModal').modal('hide');
            }, 3000);
        }
        });
  });

  // Function to show a Download Document message in the modal with animation
  function showMessageInModal(message) {
      var modalBody = $('#downloadMessageModalBody');
      
      // Set the message content and style class
      modalBody.html(message);
      
      // Show the modal
      $('#downloadMessageModal').modal('show');
  }
</script>

<script>
    var  completed_order_history_table_url= "{{ route('completed_orderHistory') }}";
</script>

@endsection