@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Mes Abstracts
        @endslot
        @slot('li_1')
            Mes Abstracts
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            @component('frontend.mediknode.components.nav')
            @endcomponent
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-lg-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 mx-auto">
                                            @if ($userAbstracts->count() > 0)
                                                @foreach ($userAbstracts->groupBy('event_id') as $pivot => $userAbstractsGroup)
                                                    <h6 class="mt-3 mb-2 bold">
                                                        {{ $userAbstractsGroup->first()->event?->title2 }}
                                                    </h6>
                                                    <div class="mb-4">
                                                        @foreach ($userAbstractsGroup as $index => $abstract)
                                                            <p class="mb-2 ms-2">
                                                                <a
                                                                    href="{{ URL::to('event/' . $abstract->event->slug . '/abstract/' . $abstract->id) }}">
                                                                    <i class="px-2 fa-solid fa-file-lines"
                                                                        style="color: #0091DA;"></i>
                                                                    {{ $abstract->title }}
                                                                </a>
                                                            </p>
                                                        @endforeach
                                                    </div>
                                                @endforeach
                                            @else
                                                <br>
                                                <br>
                                                <div class="text-center">
                                                    Vous n'avez pas d'abstract
                                                </div>
                                                <br>
                                                <br>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection