@extends('front.layouts.base')
@section('content')
    <div class="pb-0 section bg-dark">
        <div class="container">

            <div class="row">
                <div class="pt-5 col-12">
                    <h1 class="text-bebas">Mon tableau de bord</h1>
                    <span class="text-grey">Pilotez vos investissements et retrouvez vos favoris et simulations</span>

                </div>
                <div class="pt-5 col-12">
                    <h2 class="text-bebas d-inline-block h3">Mes projets en cours</h2> <a
                            class="h5 text-primary text-bebas d-inline-block ms-2" href="{{ route('dashboard.projects') }}">Voir
                            tous</a>
                </div>
                <div class="col-12">
                    <div class="overflow-hidden">
                        <div class="row">
                            @forelse ($options as $option)
                                <x-user.option-in-progress :$option />
                            @empty
                                <div class="p-5 col-12">
                                    Vous n'avez aucun projet en cours
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>
                
            </div>

            @if($favorites->count() > 0 )
                <div class="pt-5 pb-5 col-12">
                    <hr>
                </div>
                <span class="mb-5 text-white d-block h4 text-bebas metropolis-carousel-title">Mes favoris <a href="{{ route('dashboard.favorites') }}"><small class="text-primary text-bebas ms-2">Voir tous</small></a></span>

                <div class="mb-5 row carousel-js pb-lg-3 position-relative">
                    <div class="mb-5 owl-carousel owl-carousel-favorite ">
                        @foreach ($favorites as  $favorite)
                            <div class="mb-4 hide-favorite-{{ $favorite->id }}">
                                <x-user.carousel-favorite :$favorite/>
                            </div> 
                        @endforeach
                    </div>
                </div>
            @endif
            @if($simulations->count() > 0)
                <div class="pt-5 pb-5 col-12">
                    <hr>
                </div>
                <span class="mb-5 text-white d-block h4 text-bebas metropolis-carousel-title">Mes dernières simulations <a href="{{ route('dashboard.simulators') }}"><small class="text-primary text-bebas ms-2">Voir tout</small></a></span>
                <div class="mb-5 row carousel-js pb-lg-3 position-relative">
                    <div class="mb-5 owl-carousel owl-carousel-favorite ">
                        @foreach ($simulations as $simulation)
                            <x-user.carousel-simulation :$simulation />
                        @endforeach
                    </div>
                </div>
            @endif
            @if(count($articles_ids) > 0)
                <div class="pt-5 pb-5 col-12">
                    <hr>
                </div>
                <span class="mb-5 text-white d-block h4 text-bebas metropolis-carousel-title">Nos conseils pour bien investir <a href="{{ route('dashboard.favorites') }}"><small class="text-primary text-bebas ms-2">Voir tous les articles</small></a></span>
                    @if($articles_ids !== null && $articles_ids->count() > 0)
                        <x-front.carousel-article :ids="$articles_ids" />
                    @endif
            @endif
            <div class="pt-5 pb-5 col-12">
                <hr>
            </div>
            <x-user.ask-dashboard />

        </div>
    </div>

@endsection

@section('projects.promotor.img.js')
    <script src="{{ asset('assets/js/projects.js') }}?t={{ config('app.js_version') }}" defer></script>
@endsection

@if(request('verified') == 1)
    @section('hubspot.js')
        <script defer>
            let Url_hubspot_create_contact = "{{route('hubspot.create.contact')}}";
        </script>
        <script src="{{ asset('assets/js/hubspot_create_contact.js') }}" defer></script>
        <script src="{{ asset('assets/js/hubspot_update_contact.js') }}" defer></script>
    @endsection
@endif