@extends('layouts.app')

@section('content')

<main class="page-content">

        <!-- hero banner -->
        <section class="hero_banner animate__animated animate__fadeInLeft animate__delay-0.5s">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9 col-12">
                        <div class="hero_content">
                            <h1>Your AI Shadow Board - Strategic Intelligence for Leaders Who Decide the Future</h1>
                            <p>5 AI Executives. 60 Seconds</p>
                            <div class="hero_info_box">
                                <img src="./assets/image/unlock.png" width="20" alt="" srcset="">
                                <span>Zero Data Retention • Military-Grade Privacy</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Free trial -->
         <section class="free_trial page_sec animate-on-scroll" data-animation="fadeInUp">
            <div class="container">
                <div class="trial_content">
                    <form action="" method="post">
                        <div class="row justify-content-center">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="insight">What strategic insights do you need today?</label>
                                    <textarea name="" rows="4" class="form-control" id="insight" placeholder="Try: “How should we respond to competitor X?”"></textarea>
                                    <!-- <input type="text" class="form-control" id="insight" placeholder="Try: “How should we respond to competitor X?”"> -->
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="attach_file">
                                    <label for='input-file'>
                                      <img src="./assets/image/attach.png" width="12" alt="Attach file" srcset="">
                                      Attach context (PDF, DOC, TXT)
                                    </label>
                                    <input id='input-file' type='file' />
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group up_arrow_btn">
                                    <button type="button" id="experienceBtn" class="btn primary_btn w-100">Experience the Executive AI Shadow LLM - 2 Complimentary Board Queries <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
                                            <path
                                                d="M342.6 81.4C330.1 68.9 309.8 68.9 297.3 81.4L137.3 241.4C124.8 253.9 124.8 274.2 137.3 286.7C149.8 299.2 170.1 299.2 182.6 286.7L288 181.3L288 552C288 569.7 302.3 584 320 584C337.7 584 352 569.7 352 552L352 181.3L457.4 286.7C469.9 299.2 490.2 299.2 502.7 286.7C515.2 274.2 515.2 253.9 502.7 241.4L342.7 81.4z" />
                                        </svg>
                                    </span>
                                </button>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="form-group text-center">
                                    <button id="moreOptionsBtn" class="btn option_btn">
                                        <img src="./assets/image/plus.png" width="20" alt="" srcset="">
                                        More Options
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
         </section>

         <!-- options -->
        <section id="optionsSection" class="options">
            <div class="container">
                <div class="option_list">
                    <ul>
                        <li>
                            <p>Deep Research</p>
                        </li>
                        <li>
                            <p>Strategic Canvas</p>
                        </li>
                        <li>
                            <p>Visual Analysis</p>
                        </li>
                        <li>
                            <p>Executive Learning</p>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- company team info -->
        <section class="company_info page_sec animate-on-scroll" data-animation="fadeInUp">
            <div class="container">
                <div class="company_info_list">
                    <div class="company_info_list_item">
                        <div class="item_img">
                            <img src="assets/image/com_info_1.png" width="50" alt="Company info" srcset="">
                        </div>
                        <div class="item_info_content">
                            <h3>CFO</h3>
                            <span>Strategic ROI foresight, capital allocation intelligence</span>
                        </div>
                    </div>
                    <div class="company_info_list_item">
                        <div class="item_img">
                            <img src="assets/image/com_info_2.png" width="50" alt="Company info" srcset="">
                        </div>
                        <div class="item_info_content">
                            <h3>Legal Counsel</h3>
                            <span>Governance, compliance, and AI policy foresight</span>
                        </div>
                    </div>
                    <div class="company_info_list_item">
                        <div class="item_img">
                            <img src="assets/image/com_info_3.png" width="50" alt="Company info" srcset="">
                        </div>
                        <div class="item_info_content">
                            <h3>Strategy Officer</h3>
                            <span>Market foresight, strategic scenario modeling</span>
                        </div>
                    </div>
                    <div class="company_info_list_item">
                        <div class="item_img">
                            <img src="assets/image/com_info_4.png" width="50" alt="Company info" srcset="">
                        </div>
                        <div class="item_info_content">
                            <h3>Risk Officer</h3>
                            <span>Predictive risk mapping, continuity intelligence</span>
                        </div>
                    </div>
                    <div class="company_info_list_item">
                        <div class="item_img">
                            <img src="assets/image/com_info_5.png" width="50" alt="Company info" srcset="">
                        </div>
                        <div class="item_info_content">
                            <h3>Research Director</h3>
                            <span>Macro insights, competitor intelligence synthesis</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- case Studies -->
        <section class="case-study-main page_sec animate-on-scroll" data-animation="fadeInLeft">
            <div class="container">
                <div class="case_study_info">
                    <div class="case_study_list">
                        <div class="case_study_item">
                            <div class="case_study_item_header">
                                <h3>Series C Funding Strategy</h3>
                                <p>European Fintech Scale-up</p>
                            </div>
                            <div class="case_study_content">
                                <ul>
                                    <li>
                                        <p><strong>Challenge:</strong> Choosing between US expansion or EU consolidation before Series C fundraising.</p>
                                    </li>
                                    <li>
                                        <p><strong>VERIQO Analysis:</strong> 47 seconds</p>
                                    </li>
                                    <li>
                                        <p><strong>AI Consensus:</strong> EU consolidation — 34% better ROI, lower capital requirements, stronger competitive moat.</p>
                                    </li>
                                    <li>
                                        <p><strong>Decision:</strong> EU-focused strategy</p>
                                    </li>
                                    <li>
                                        <p><strong>Outcome:</strong> £45M Series C at 30% higher valuation within 6 months.</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="case_study_item">
                            <div class="case_study_item_header">
                                <h3>FTSE 100 Acquisition</h3>
                                <p>Manufacturing Conglomerate</p>
                            </div>
                            <div class="case_study_content">
                                <ul>
                                    <li>
                                        <p><strong>Challenge:</strong> Evaluating £200M acquisition of sustainable technology company.</p>
                                    </li>
                                    <li>
                                        <p><strong>VERIQO Analysis:</strong> 52 seconds</p>
                                    </li>
                                    <li>
                                        <p><strong>AI Analysis:</strong> 15% IRR over 5 years, strong IP portfolio, accelerates ESG positioning by 2–3 years.</p>
                                    </li>
                                    <li>
                                        <p><strong>Decision:</strong> Proceed with founder retention package</p>
                                    </li>
                                    <li>
                                        <p><strong>Outcome:</strong> Successful integration, milestones exceeded.</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="case_study_item">
                            <div class="case_study_item_header">
                                <h3>VC Investment Decision</h3>
                                <p>Tier 1 Venture Capital Firm</p>
                            </div>
                            <div class="case_study_content">
                                <ul>
                                    <li>
                                        <p><strong>Challenge:</strong> Partner disagreement on £8M Series A investment in AI startup.</p>
                                    </li>
                                    <li>
                                        <p><strong>VERIQO Analysis:</strong> 41 seconds</p>
                                    </li>
                                    <li>
                                        <p><strong>AI Split Decision:</strong> Strong fundamentals but regulatory uncertainty suggested modified structure.</p>
                                    </li>
                                    <li>
                                        <p><strong>Decision:</strong> £5M staged milestone funding</p>
                                    </li>
                                    <li>
                                        <p><strong>Outcome:</strong> Milestones achieved, follow-on at 2x valuation.</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </section>

        <!-- Quote -->
        <section class="quote_message page_sec animate-on-scroll" data-animation="fadeInRight">
            <div class="container">
                <div class="quote_message_inr">
                    <div class="row justify-content-center">
                        <div class="col-md-8">
                            <div class="founder_message_info mb-0">
                                <div class="founder_message_content">
                                    <p>VERIQO delivered board-level strategic options in under a minute - our CEO called it the most valuable 60 seconds of Q3.</p>
                                </div>
                                <h2>- Julian Noble Founder & Chief Executive</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- veriqo consult -->
        <section class="consult animate-on-scroll" data-animation="fadeInDown">
            <div class="container">
                <div class="consult_info">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 col-md-10">
                            <div class="consult_info_content">
                                <h3>
                                    Traditional consulting: 3 weeks, $50K.
                                    </br>
                                    <strong>VERIQO:</strong> 60 seconds of boardroom intelligence - $25.
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
    </main>

@endsection

 <script src="./assets/js/jquery.min.js"></script>
  <script src="./assets/js/bs.min.js"></script>
  <script src="./assets/js/custom.js"></script>
  <script>
    // Backend API base URL - Update this when deploying to production
    // const API_BASE_URL = 'http://192.168.1.145:8000';
    const API_BASE_URL = 'https://veriqo.xceltec.in';
    
    $(document).ready(function() {
      // Check authentication status and show/hide profile or sign in button
      function checkAuthAndUpdateUI() {
        var accessToken = localStorage.getItem('access_token');
        
        if (accessToken) {
          // User is logged in - show profile, hide sign in button
          $('#profileSection').show();
          $('#signInButton').hide();
          // Update profile initial
          updateProfileInitial();
        } else {
          // User is not logged in - show sign in button, hide profile
          $('#profileSection').hide();
          $('#signInButton').show();
        }
      }
      
      // Replace profile images with user initial
      function updateProfileInitial() {
        try {
          // Get user data from localStorage
          var userDataStr = localStorage.getItem('user');
          if (!userDataStr) {
            return; // No user data available
          }
          
          var userData = JSON.parse(userDataStr);
          var fullName = userData.full_name || '';
          
          // Get first alphabet letter (A-Z), ignoring all non-alphabet characters (Google-like behavior)
          var firstLetter = '';
          if (fullName && fullName.trim().length > 0) {
            var trimmedName = fullName.trim();
            // Find first A-Z letter (case-insensitive), skip hyphens, symbols, numbers, etc.
            var match = trimmedName.match(/[a-zA-Z]/);
            if (match) {
              firstLetter = match[0].toUpperCase();
            } else {
              firstLetter = '?'; // No letters found (e.g., "---", "@#$")
            }
          } else {
            firstLetter = '?'; // Fallback if no name
          }
          
          // Replace all profile images with initial div
          $('#profileSection img[src*="/profile.png"]').each(function() {
            $(this).replaceWith('<div class="profile-initial">' + firstLetter + '</div>');
          });
          
          // Add click handler for profile initial to toggle dropdown
          $('.profile-initial').on('click', function(e) {
            e.stopPropagation();
            // Get the closest profile container and find its dropdown
            var $profileContainer = $(this).closest('.profile');
            var $dropdown = $profileContainer.find('.profile_dropdown');
            // Toggle the dropdown with slide animation (same as custom.js)
            $dropdown.slideToggle(200);
          });
        } catch (error) {
          console.error('Error updating profile initial:', error);
        }
      }
      
      // Close dropdown when clicking outside
      $(document).on('click', function(e) {
        if (!$(e.target).closest('.profile').length) {
          $('.profile_dropdown').slideUp(200);
        }
      });
      
      // Confirmation Modal Function
      function showConfirmationModal(message, onConfirm, onCancel) {
        $('#confirmationMessage').text(message);
        $('#confirmationModal').fadeIn(300);
        
        // Remove any existing handlers to prevent duplicates
        $('#confirmationYesBtn, #confirmationNoBtn').off('click');
        
        // Yes button handler
        $('#confirmationYesBtn').on('click', function() {
          $('#confirmationModal').fadeOut(300);
          if (onConfirm) {
            onConfirm();
          }
        });
        
        // No button handler
        $('#confirmationNoBtn').on('click', function() {
          $('#confirmationModal').fadeOut(300);
          if (onCancel) {
            onCancel();
          }
        });
        
        // Close on overlay click (optional - you can remove this if you don't want it)
        $('#confirmationModal').on('click', function(e) {
          if ($(e.target).hasClass('confirmation-modal')) {
            $('#confirmationModal').fadeOut(300);
            if (onCancel) {
              onCancel();
            }
          }
        });
      }
      
      // Logout functionality
      function handleLogout() {
        showConfirmationModal('Are you sure you want to logout?', function() {
          // User confirmed - proceed with logout
          // Clear all authentication data from localStorage and sessionStorage
          localStorage.removeItem('access_token');
          localStorage.removeItem('user');
          localStorage.removeItem('remember_me_used'); // Clear Remember Me flag
          sessionStorage.removeItem('access_token');
          sessionStorage.removeItem('user');
          
          // Note: We keep remembered_email and remembered_password in localStorage
          // so they persist after logout (only cleared if Remember Me was unchecked)
          
          // Redirect to index.html (refresh page to show sign in button)
          window.location.href = './index.html';
        });
      }
      
      // Delete account functionality
      function handleDeleteAccount() {
        showConfirmationModal('Are you sure you want to delete your account? This action cannot be undone.', function() {
          // User confirmed - proceed with account deletion
          // Get access token from localStorage
          var accessToken = localStorage.getItem('access_token');
          
          if (!accessToken) {
            alert('You are not logged in. Please log in again.');
            window.location.href = './index.html';
            return;
          }
          
          // Call backend API to delete account
          $.ajax({
            url: API_BASE_URL + '/api/auth/delete-account',
            method: 'DELETE',
            headers: {
              'Authorization': 'Bearer ' + accessToken,
              'Content-Type': 'application/json'
            },
            success: function(response) {
              // Clear all authentication data from localStorage and sessionStorage
              localStorage.removeItem('access_token');
              localStorage.removeItem('user');
              localStorage.removeItem('remember_me_used'); // Clear Remember Me flag
              sessionStorage.removeItem('access_token');
              sessionStorage.removeItem('user');
              
              // Clear remembered credentials on account deletion (account no longer exists)
              localStorage.removeItem('remembered_email');
              localStorage.removeItem('remembered_password');
              
              // Redirect to index.html
              alert('Your account has been deleted successfully.');
              window.location.href = './index.html';
            },
            error: function(xhr) {
              console.error('Delete account error:', xhr.responseJSON);
              var errorMsg = xhr.responseJSON?.detail || 'An error occurred while deleting your account. Please try again.';
              
              // If token is invalid/expired, clear localStorage and sessionStorage and redirect
              if (xhr.status === 401) {
                localStorage.removeItem('access_token');
                localStorage.removeItem('user');
                localStorage.removeItem('remember_me_used'); // Clear Remember Me flag
                sessionStorage.removeItem('access_token');
                sessionStorage.removeItem('user');
                alert('Your session has expired. Please log in again.');
                window.location.href = './index.html';
              } else {
                alert('Error: ' + errorMsg);
              }
            }
          });
        });
      }
      
      // Attach logout handler
      $('#logoutBtn, .logout-btn').on('click', function(e) {
        e.preventDefault();
        handleLogout();
      });
      
      // Attach delete account handler
      $('#deleteAccountBtn, .delete-account-btn').on('click', function(e) {
        e.preventDefault();
        handleDeleteAccount();
      });
      
      // Check authentication on page load
      checkAuthAndUpdateUI();
      
      // Handle click on "Experience the Executive AI Shadow LLM" button
      $('#experienceBtn').on('click', function() {
        // Check if user is authenticated by checking for access token in localStorage
        var accessToken = localStorage.getItem('access_token');
        
        if (accessToken) {
          // User is authenticated - redirect to strategic analysis page
          window.location.href = './strategic-analysis.html';
        } else {
          // User is not authenticated - redirect to sign-in page
          window.location.href = './sign-in.html';
        }
      });
    });
  </script>