@extends('front.layouts.base')
@use('App\Enums\OptionStatus')
@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">Mes projets</h1>
                    <span class="text-grey">Retrouvez ici l'ensemble de vos projets, en cours ou archivés</span>

                </div>
                <div class="pt-5 col-12">
                    <h2 class="text-bebas d-inline-block h3">Mes projets en cours</h2> 
                </div>
                <div class="col-12">
                    <div class="overflow-hidden border-radius-default">
                        <div class="row">
                            @forelse ($options->whereIn('status',[OptionStatus::EN_COURS,
                            OptionStatus::ENVOYEE,
                            OptionStatus::ACCEPTEE,
                            OptionStatus::CONFIRMEE,
                            ]) 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 class="pt-5 pb-5 col-12">
                    <hr>
                </div>
                <div class="pt-5 col-12">
                    @if($options->whereIn('status',[OptionStatus::ANNULEE,OptionStatus::TERMINEE])->count() > 0)
                        <h2 class="text-bebas d-inline-block h3">Mes projets archivés</h2> 
                    @endif
                </div>
                <div class="col-12">
                    <div class="overflow-hidden">
                        <div class="row">
                            @forelse ($options->whereIn('status',[OptionStatus::ANNULEE,OptionStatus::TERMINEE]) 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 class="pt-5 pb-5 col-12">
                    <hr>
                </div>
            </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