@extends('layouts.app')
            @section('content')
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
            <div class="clearfix">
            </div>
            <div id="rightContent">
                <div id="Panel4">
	
                    

    
   


    <div class="HomeGallery" style="overflow-x: hidden">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <br/>
                </div>

                <div class="col-lg-2 col-md-4 col-xs-6 thumb">
                    <div class="one_fourth">
                        <img src="{{ asset('images/img_1.jpg') }}" alt=""/><h4 class="">Precious Metals</h4>
                        <a href="#" class="home_but" style="font-size: 11px;">Gold, Silver, Steel</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-xs-6 thumb">
                    <div class="one_fourth">
                        <img src="{{ asset('images/img_2.jpg') }}" alt=""/><h4 class="mar_top1">Commodities</h4>
                        <a href="#" class="home_but" style="font-size: 11px;">Crude Oil, Wheat.</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-xs-6 thumb">
                    <div class="one_fourth">
                        <img src="{{ asset('images/img_3.jpg') }}" alt=""/><h4 class="mar_top1">Market Watch</h4>
                        <a href="#" class="home_but" style="font-size: 11px; width: 135px">Live Quotes</a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 col-xs-6 thumb">
                    <div class="one_fourth">
                        <img src="{{ asset('images/img_4.jpg') }}" alt=""/><h4 class="mar_top1">Networking</h4>
                        <a href="#" class="home_but" style="font-size: 11px; width: 135px">Live Quotes</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-xs-6 thumb">
                </div>
            </div>

            
        </div>
    </div>
    


    <div class="layout1_fusection1">
        <div class="mar_top3">
        </div>
        <div class="container">
            <div class="content_left">
                <div class="one_fourth">
                    <img src="{{ asset('images/img_1.jpg') }}" alt=""/>
                    <h4 class="mar_top1">Precious Metals</h4>
                    <div class="clearfix mar_top1">
                    </div>
                    <a href="#" class="home_but">Gold, Silver, Steel</a>
                </div>
                <div class="one_fourth">
                    <img src="{{ asset('images/img_2.jpg') }}" alt=""/>
                    <h4 class="mar_top1">Commodities</h4>
                    <div class="clearfix mar_top1">
                    </div>
                    <a href="#" class="home_but">Crude Oil, Wheat...</a>
                </div>
                <div class="one_fourth">
                    <img src="{{ asset('images/img_3.jpg') }}" alt=""/>
                    <h4 class="mar_top1">Market Watch</h4>
                    <div class="clearfix mar_top1">
                    </div>
                    <a href="#" class="home_but" style="width: 135px; text-align: center;">Live Quotes</a>
                </div>
                <div class="one_fourth last">
                    <img src="{{ asset('images/img_4.jpg') }}" alt=""/>
                    <h4 class="mar_top1">Networking</h4>
                    <div class="clearfix mar_top1">
                    </div>
                    <a href="#" class="home_but" style="width: 135px; text-align: center;">Live Quotes</a>
                </div>

                <div class="one_fourth mar_top3">
                    <h6 class="white_text">Live trading on the AGCX Commodities Market from your PC...</h6>
                    <div class="clearfix">
                    </div>
                    <a href="#" class="white_link">Click for more info</a>
                </div>
                <div class="one_fourth mar_top3">
                    <h6 class="white_text">Discover what makes trading on the Commodities market so attractive...</h6>
                    <div class="clearfix">
                    </div>
                    <a href="#" class="white_link">Click for more info</a>
                </div>
                <div class="one_fourth mar_top3">
                    <h6 class="white_text">See live quotes from world experts on Gold, Crude Oil and commodities...</h6>
                    <div class="clearfix">
                    </div>
                    <a href="#" class="white_link">Click for more info</a>
                </div>
                <div class="one_fourth mar_top3 last">
                    <h6 class="white_text">Explore the possibility of financial freedom &amp; more flexibility in your life...</h6>
                    <div class="clearfix">
                    </div>
                    <a href="#" class="white_link">Click for more info</a>
                </div>
            </div>
            
            <!-- end content left -->
            <!-- right sidebar starts -->
            <div class="right_sidebar" id="no_device">
                <div class="sidebar_widget">
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://web.archive.org/web/20161023051709oe_/http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="259" height="258">
                        <param name="movie" value="flash/Front_agcx.swf">
                        <param name="quality" value="high">
                        <embed src="/web/20161023051709oe_/http://www.agcx.com/flash/Front_agcx.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="259" height="258"></embed>
                    </object>
                </div>
                <!-- end section -->
                <div class="clearfix mar_top1">
                </div>
                <div class="right_buttons">
                    <a href="{{url('/register')}}">
                        <img src="{{asset('images/openaccount.jpg')}}"></a>
                        <a href="{{url('/login')}}"><img src="{{asset('images/login.jpg')}}"></a>
                </div>
            </div>
           
            <!-- end right sidebar -->
        </div>

        
        @auth
    <!-- Show welcome message when user is logged in -->
            <div class="container" style="display:flex; gap:360px; padding-top:40px;">
                <div>
                    <h2 class="heading">Welcome, {{ auth()->user()->name ?? auth()->user()->account_no }}!</h2>
                    <p>Glad to see you here.</p>
                </div>
                <div>
                    <a href="{{ url('/logout') }}" class="open-account"
                    onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <span><i class="fas fa-sign-out-alt"></i></span> Logout
                    </a>
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </div>
        @else
            <!-- Original sign-up section for guests -->
            <div class="container" style="display:flex; gap:360px; padding-top:40px;">
                <div>
                    <h2 class="heading">Sign Up for AGCX Online Trading or Demo Accounts</h2>
                    <p>Find the Solution - That's Right for you.</p>
                </div>
                <div>
                    <a href="{{ url('/register') }}" class="open-account">
                        <span><i class="fas fa-user"></i></span> Open Account
                    </a>
                </div>
            </div>
        @endauth

        <div class="container" >
            <div class="one_third">
                <h5 style="font-size:18px;" class="mar_top2 white_text">Live trading on the AGCX Commodities<br>
                    Market from your PC...</h5>
            </div>
            <div class="one_third">
                <h5 style="font-size:18px;" class="mar_top2 white_text">Discover what makes trading on the<br>
                    Commodities market so attractive...</h5>
            </div>
            <div class="one_third last">
                <h5 style="font-size:18px;" class="mar_top2 white_text">Explore the possibility of financial<br>
                    freedom &amp; more flexibility in your life...</h5>

            </div>




        </div>
       
        
    </div>
    <!-- Bottom Flash Animation -->

<div class="container1" style="text-align: start; ">
    <object type="application/x-shockwave-flash" 
            data="{{ asset('images/bottom.swf') }}" 
style="width:1351px; height:282px; ">
        <param name="movie" value="{{ asset('images/bottom.swf') }}">
        <param name="quality" value="high">
        <!-- Fallback for browsers without Flash -->
        <p>Flash animation is not supported by your browser.</p>
    </object>
</div>

                
</div>
 
          
@endsection









<style>
    #play-button{
        display:none;
    }
    h6{
        font-size:18px;
    }
    .white_text{
        font-size:13px;
        font-weight:bold;
    }
    .heading{
        color:#f5f5f5;
        font-size:26px;
        margin-bottom:5px;
    }
    .open-account{
       background-color:#6d4f17; 
       color: white;
    padding: 15px 35px;
    border-radius:3px;
    margin-top:10px;
    font-size:15px;
    }
</style>