@extends('website.layout')
@section('title', 'Index')
@section('content')
    <div class="pageBg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2 class="pageHeading pt-0">Find Your Perfect EA</h2>
                    <p class="desc">
                        Dive into our extensive list of EAs to find the perfect automated
                        solution for your trading strategies. Whether you're looking for
                        automated trading systems, algorithmic strategies, or custom-built
                        EAs, our detailed reviews offer everything you need to know.
                    </p>
                </div>
                <div class="col-12">
                    <div class="searchBox">
                        <button class="clearBtn">Clear All</button>
                        <select name="" id="platform" class="filter">
                            <option value="">Platform</option>
                            <option value="mt4">MT4</option>
                            <option value="mt5">MT5</option>
                            <option value="trading_view">Trading View</option>
                            <option value="c_trader">cTrader</option>
                            <option value="thinkor_swim">Thinkor Swim</option>
                        </select>

                        <select name="" id="style" class="filter">
                            <option value="">Style</option>
                            <option value="scalping">Scalping</option>
                            <option value="hedging">Hedging</option>
                            <option value="trend_trading">Trend Trading</option>
                        </select>

                        <select name="" id="stoploss" class="filter">
                            <option value="">StopLoss</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                        <select name="" id="martingale" class="filter">
                            <option value="">Martingale</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>

                        <select name="" id="take_profit" class="filter">
                            <option value="">Take Profit</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>

                        <select name="" id="min_deposit" class="filter">
                            <option value="">Min Deposit</option>
                            <option value="50">50 USD</option>
                            <option value="100">100 USD</option>
                            <option value="200">200 USD</option>
                            <option value="500">500 USD</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row" id="easListing">
                {{-- @include('website.eas-listing', ['Eas' => $data]) --}}
            </div>
            <div class="col-12 pageContent  pb-5">
                <h3>How Do We Review EAs?</h3>
                <p>
                    At FBFX, we apply a detailed review process to evaluate EAs. Our
                    approach includes:
                </p>
                <h6>Performance Analysis</h6>
                <p>
                    We assess the historical performance of EAs to gauge their
                    effectiveness in various market conditions.
                </p>
                <h6>Strategy Evaluation</h6>
                <p>
                    We delve into the underlying trading strategies applied by EAs to
                    understand their approach to market analysis and execution.
                </p>
                <h6>Risk Management</h6>
                <p>
                    We examine the risk management features of EAs to ensure they
                    prioritize capital preservation and mitigate potential losses.
                </p>
                <h6>Backtesting</h6>
                <p>
                    We conduct extensive backtesting to validate the performance and
                    reliability of EAs over historical data.
                </p>
                <h6>User Experience</h6>
                <p>
                    We consider the user interface, ease of use, and customization
                    options of EAs to assess their suitability for traders of all
                    levels.
                </p>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="sectionHeading">FAQ's</div>
                </div>
                <div class="col-12">
                    <div class="accordion faq-body">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="one">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    Is forex EA profitable?
                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="one">
                                <div class="accordion-body">
                                    The profitability factor depends on factors, like historical
                                    performance, the strategy used, risk/reward ratio,
                                    drawdowns, and others. When selecting any EA, you must check
                                    all these factors or read our reviews for detailed insights.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="two">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Are EAs better than manual trading?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="two">
                                <div class="accordion-body">
                                    The choice of EAs and manual trading depends on one’s
                                    strategy. If we look at the pros of using EAs over manual
                                    trading, they offer increased trading efficiency and remove
                                    emotional biases.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="three">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    What types of trading strategies do EAs apply?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="three">
                                <div class="accordion-body">
                                    EAs can apply different strategies. Some of these strategies
                                    include trend trading, momentum trading, breakout trading,
                                    grid trading, and others. When reviewing EAs, we provide
                                    detailed strategy guides so you can check them in real time.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="four">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    Which EA is best for forex?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="four">
                                <div class="accordion-body">
                                    There are plenty of forex EAs that can outperform manual
                                    trading. However, there can’t be a single EA that can be
                                    called best among the rest.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="five">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    Do forex brokers allow EA?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="five">
                                <div class="accordion-body">
                                    Plenty of forex brokers, like Exclusive Markets, XM, and
                                    DooPrime, allow EA trading. It’s important to check with
                                    your broker to see if it allows automated trading
                                    strategies.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="six">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    How can I evaluate EA's performance?
                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="six">
                                <div class="accordion-body">
                                    We provide detailed insights into backtesting, forward
                                    testing, analyzing historical data, and performance metrics
                                    such as drawdown, profitability, and risk/reward ratio to
                                    help you evaluate EAs.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="seven">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                    How do I select the right EA for my trading?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="seven">
                                <div class="accordion-body">
                                    When selecting the EA, you should consider factors like
                                    risk/reward ratio, drawdown, profitability, timeframe, and
                                    others. When reviewing EAs, FBFX provides detailed guides,
                                    so you don’t have to do the hard yards.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="eight">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
                                    Can I run multiple EAs on the same trading account?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="eight">
                                <div class="accordion-body">
                                    Yes, you can, but you must consider factors like account
                                    size, risk management, and trading strategy. Also, some
                                    brokers may not allow trading multiple EAs, so checking with
                                    them is important.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="nine">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
                                    Can my broker see my EA?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseNine" class="accordion-collapse collapse" aria-labelledby="nine">
                                <div class="accordion-body">
                                    Yes, as the broker provides the platform, they can attach
                                    all the EAs to the trading platform. It’s important to
                                    contact the broker if you aren’t sure about EA trading.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="ten">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen">
                                    Are there any costs/fees associated with EAs?
                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseTen" class="accordion-collapse collapse" aria-labelledby="ten">
                                <div class="accordion-body">
                                    Some EAs have upfront costs; others involve ongoing or
                                    performance-based subscription fees. You can check if the EA
                                    is free or paid in our reviews.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('website.partials.footer')

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            function fetchEAs(page = 1) {
                let filters = {
                    platform: $('#platform').val(),
                    martingale: $('#martingale').val(),
                    take_profit: $('#take_profit').val(),
                    min_deposit: $('#min_deposit').val(),
                    stoploss: $('#stoploss').val(),
                    style: $('#style').val(),
                    page: page
                };

                $.ajax({
                    url: '{{ route('ea') }}',
                    method: 'GET',
                    data: filters,
                    success: function(response) {
                        $('#easListing').html(response.html);
                        $('#pagination').html(response.pagination);
                    }
                });
            }

            // Handle filter change
            $('.filter').change(function() {
                fetchEAs();
            });

            // Handle pagination click
            $(document).on('click', '.pagination a', function(e) {
                e.preventDefault();
                let page = $(this).attr('href').split('page=')[1];
                fetchEAs(page);
            });

            // Initial fetch
            fetchEAs();

            // Clear filters and refresh
            $('.clearBtn').click(function() {
                $('.filter').val('');
                fetchEAs();
            });
        });
    </script>


@endsection