@extends('layouts.app')

@section('title', 'Veriqo - Case Studies')

@section('content')

    <!-- main content -->
    <main class="page-content">

        <!-- page banner -->
        <section class="page_banner animate__animated animate__fadeInLeft animate__delay-0.5s">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-10">
                        <div class="page_banner_content">
                            <h1>Real Executive Decisions, Real Results</h1>
                            <p>All examples anonymized for client confidentiality</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- case study info -->
        <section class="case_study animate-on-scroll" data-animation="fadeInUp">
            <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>

        <!-- VERIQO Advantage -->
        <section class="veriqo_advantage animate-on-scroll" data-animation="fadeInRight">
            <div class="container">
                <div class="veriqo_advantage_info">
                    <div class="row justify-content-center">
                        <div class="col-lg-10">
                            <div class="veriqo_advantage_info_inr">
                                <h2>The VERIQO Advantage</h2>
                                <div class="veriqo_advantage_list">
                                    <div class="veriqo_advantage_list_item">
                                        <h3>Traditional Consulting</h3>
                                        <ul>
                                            <li>
                                                <p>2-4 weeks delivery</p>
                                            </li>
                                            <li>
                                                <p>£25K-£100K+ per project</p>
                                            </li>
                                            <li>
                                                <p>Single perspective</p>
                                            </li>
                                            <li>
                                                <p>Manual analysis</p>
                                            </li>
                                            <li>
                                                <p>Data retained indefinitely</p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="veriqo_advantage_list_item">
                                        <h3>VERIQO AI</h3>
                                        <ul>
                                            <li>
                                                <p>60 seconds</p>
                                            </li>
                                            <li>
                                                <p>£25 per query</p>
                                            </li>
                                            <li>
                                                <p>5 expert perspectives</p>
                                            </li>
                                            <li>
                                                <p>AI-powered consensus</p>
                                            </li>
                                            <li>
                                                <p>Zero data retention</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </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>
    $(document).ready(function() {
                // Check if user is logged in (has JWT token in localStorage)
      var accessToken = localStorage.getItem('access_token');
      
      // if (!accessToken) {
      //   // User is not logged in, redirect to index.html
      //   window.location.href = './index.html';
      // }
      
      // 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
          $('.profile 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);
        }
      }
      
      // Call function to update profile initial
      updateProfileInitial();

        function updateNavbarAuthUI() {
            var accessToken = localStorage.getItem('access_token');

            if (accessToken) {
                // Hide "Sign In", show profile dropdown
                $('#signInButton').hide();
                $('#profileSection').show();
            } else {
                // Show "Sign In", hide profile dropdown
                $('#signInButton').show();
                $('#profileSection').hide();
            }
        }
        updateNavbarAuthUI();

    });
      $('#logoutBtn, .logout-btn').on('click', function (e) {
            e.preventDefault();
            handleLogout();
        });

        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();
                    }
                }
            });
        }

        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';
            });
        }
  </script>
</body>
</html>