ldc-jeusselin/resources/views/fo/pro/dashboard/index.blade.php

@extends('layouts.app')

@section('content')
<div class="main-container pro--dashboard">
    <div class="header-bloc"></div>
    <section class="pro--header container flex">
        <h1 class="post-title">{{ __('AGRISPECTIVES') }}</h1>
        <h2><a href="{{ route('fo.pro.customers.edit', Auth::guard('frontend')->user()) }}">Modifier mes infos</a></h2>
    </section>
    <section class="pro--main container flex">
        <div class="pro--layout">
            <div class="pro--cotations">
                <div class=cotations--header>
                    <h2 class="post-title">Cotations</h2>
                    @if (!$noCotationsYet)
                    <div class="disclaimer">
                        <p>Mise à jour le {{$dateMajCotations->updated_at->isoFormat('DD MMMM Y à HH:mm')}}</p>
                    </div>
                    @endif
                </div>
                @if ($market_closed)
                    <div class="cotations--grid closed">
                        <p class="post-title">Marché Jeusselin fermé</p>
                        <p>Ouverture à partir de 11:00 jusqu'à 17:45</p>
                        <p>Du lundi au vendredi</p>
                    </div>
                @elseif ($noCotationsYet)
                    <div class="cotations--grid closed">
                        <p class="post-title">Les cotations Jeusselin ne sont pas encore parues</p>
                        <p>revenez plus tard</p>
                        <p></p>
                    </div>
                @else
                    <div class="selecteur">
                        <form method="" action="" id="mps">
                            <select name="mps">
                                @foreach($mps as $mp)
                                <option value="{{ Str::slug($mp->produit) }}">{{ $mp->produit }}</option>
                                @endforeach
                                <option value="All">Tous les produits</option>
                            </select>
                        </form>
                    </div>
                    <div class="cotations--grid">
                        @php
                        $prevMP = "";
                        $prevCamp = "";
                        @endphp
                        @foreach($cotations as $key => $cotation)
                            @if ($cotation->produit!=$prevMP)
                                {{-- on a changé de MP --}}
                                @php
                                    $prevCamp = "";
                                @endphp
                                @if ($prevMP != "")
                                </div>
                                @endif
                                <div class="mp--bloc {{ Str::slug($cotation->produit) }}">
                                    <div class="mp--bloc--header">
                                        <div class="cotations--mp"><span>{{$cotation->produit}}</span></div>
                                        <div class="cotations--qual"><span>{{$cotation->qualite}}</span></div>
                                    </div>
                            @endif
                            @if ($cotation->recolte!=$prevCamp)
                            <div class="camp--bloc">
                                <div class="cotations--camp">{{$cotation->recolte}}</div>
                            @endif
                            @foreach(explode("|@|",$cotation->prices) as $echprice)
                                <div class="ech--bloc @if($loop->even) even @else odd @endif">
                                    <div class="cotations--ech">{{explode("::",$echprice)[0]}}</div>
                                    <div class="cotations--price">
                                        {{str_replace('.',',',explode("::",$echprice)[1])}}@if (explode("::",$echprice)[1] != '--') € @endif
                                    </div>
                                </div>
                            @endforeach
                            {{-- fermer camp--bloc --}}
                            @if ($cotation->recolte!=$prevCamp)
                                </div>
                            @endif
                            @php
                                $prevMP = $cotation->produit;
                                $prevCamp = $cotation->recolte;
                            @endphp
                        @endforeach
                        {{-- fermer mp--bloc --}}
                        </div>
                    </div>
                @endif
                <div class="disclaimer">
                    <p>Les prix seront publiés après l'ouverture des marchés et clôtureront à 17h45.</p>
                    <p>Tous les prix sont susceptibles d'être modifiés à tout moment, à la hausse ou à la baisse, en fonction de l'évolution des marchés.</p>
                    <p>Ces cotations n'ont pas de valeurs contractuelles</p>
                </div>
            </div>
            
            <div id="objectives" data-json='@json($objectivesData)'></div>

            <div class="pro--analyse">
                <h2 class="post-title">Analyse technique</h2>
                @if (isset($pdfsAnalyse[0]))
                    <object data="{{$pdfsAnalyse[0]->file_path}}" type="application/pdf" class="pdf--mini-frame"></object>
                @endif
                <ul>
                @foreach($pdfsAnalyse as $file)
                    <li><a href="{{ asset($file->file_path) }}" target="_pdf">{{$file->file_name}}</a></li>
                @endforeach
                </ul>
            </div>
            <div class="pro--articles">
                <h2 class="post-title">Actus</h2>
                <div class="actus--row flex">
                    <div class="actus--col flex">
                        @foreach($articles as $article)
                            @if (!is_null($article->picture))
                            <div class="actus--first flex">
                                <div class="first--img">
                                    <img src="{{ asset($article->picture)}}" alt="">
                                </div>
                                <div class="first--txt grid">
                                    <h2 class="post-subtitle clamp">{{ $article->title }} <span class="disclaimer">{{ $article->updated_at->isoFormat('DD MMMM Y à HH:mm') }}</span></h2>
                                    <div class="post--txt clamp">
                                        {!! $article->contentRender !!}
                                    </div>
                                    <div class="first--btn flex"><a href="{{ route('fo.news.show', ['slug' => $article->slug]) }}" class="second-btn">Lire l'article</a></div>
                                </div>
                            </div>
                            @else
                            <div class="actus--chrono grid">
                                <h1 class="post-title clamp">{{ $article->title }}</h1>
                                <div class="chrono--txt clamp">
                                    {!! $article->contentRender !!}
                                </div>
                                <div><a href="{{ route('fo.news.show', ['slug' => $article->slug]) }}" class="second-btn">Lire l'article</a></div>
                            </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="pro--marches">
                <h2 class="post-title">Brèves des marchés</h2>
                @if (isset($pdfsMarches[0]))
                    <object data="{{$pdfsMarches[0]->file_path}}" type="application/pdf" class="pdf--mini-frame"></object>
                @endif
                <ul>
                @foreach($pdfsMarches as $file)
                    <li><a href="{{ asset($file->file_path) }}" target="_pdf">{{$file->file_name}}</a></li>
                @endforeach
                </ul>
            </div>
        </div>
    </section>
</div>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const select = document.querySelector('select[name=mps]');
        const blocs = document.querySelectorAll('.cotations--grid .mp--bloc');

        const filtrer = () => {
            const val = select.value;
            blocs.forEach(b => {
                const visible = val === 'All' || b.classList.contains(val);
                b.style.display = visible ? '' : 'none';
                b.classList.toggle('final', val !== 'All' && visible);
            });
        };

        select.value = 'All';
        filtrer();

        select.addEventListener('change', filtrer);
    });
</script>
@endpush