@extends('compte.layout')

@section('compte')
    @if($recus->isNotEmpty() || auth()->user()->business)
        <div class="panel">
            <div class="panel-head"><h2 style="font-size:1.1rem">Avis reçus sur ma fiche</h2></div>

            @forelse($recus as $avis)
                <div class="switch-row" style="align-items:flex-start">
                    <div style="min-width:0">
                        <span class="stars">
                            @for($i = 1; $i <= 5; $i++)
                                <x-icon name="star" :fill="$i <= $avis->rating" style="{{ $i <= $avis->rating ? '' : 'color:var(--line)' }}"/>
                            @endfor
                        </span>
                        <strong class="small" style="display:block;color:var(--ink-900);margin-top:4px">{{ $avis->user->display_name }}</strong>
                        <p class="small muted" style="margin:4px 0 0">{{ $avis->body }}</p>

                        @if($avis->reply)
                            <p class="small" style="margin:8px 0 0;padding-left:12px;border-left:2px solid var(--orange-300)">
                                <strong>Votre réponse :</strong> {{ $avis->reply }}
                            </p>
                        @else
                            <form method="post" action="{{ url('/compte/avis/'.$avis->id.'/reponse') }}" class="row" style="gap:8px;margin-top:8px">
                                @csrf
                                <input class="input" name="reply" maxlength="800" placeholder="Répondre publiquement…" required style="flex:1">
                                <button class="btn btn-outline btn-sm">Répondre</button>
                            </form>
                        @endif
                    </div>
                    <span class="tiny muted">{{ $avis->created_at->translatedFormat('d/m/Y') }}</span>
                </div>
            @empty
                <p class="muted small" style="margin:0">Aucun avis reçu pour le moment.</p>
            @endforelse
        </div>
    @endif

    <div class="panel">
        <div class="panel-head"><h2 style="font-size:1.1rem">Avis que j'ai déposés</h2></div>

        @forelse($ecrits as $avis)
            <div class="switch-row" style="align-items:flex-start">
                <div style="min-width:0">
                    <a href="{{ $avis->business->url }}" class="small strong" style="color:var(--ink-900)">{{ $avis->business->name }}</a>
                    <span class="stars" style="display:block;margin:4px 0">
                        @for($i = 1; $i <= 5; $i++)
                            <x-icon name="star" :fill="$i <= $avis->rating" style="{{ $i <= $avis->rating ? '' : 'color:var(--line)' }}"/>
                        @endfor
                    </span>
                    <p class="small muted" style="margin:0">{{ $avis->body }}</p>
                </div>
                <form method="post" action="{{ url('/avis/'.$avis->id) }}" onsubmit="return confirm('Supprimer cet avis ?')">
                    @csrf @method('delete')
                    <button class="btn btn-ghost btn-icon btn-sm" title="Supprimer"><x-icon name="trash"/></button>
                </form>
            </div>
        @empty
            <p class="muted small" style="margin:0">
                Vous n'avez pas encore laissé d'avis.
                <a href="{{ url('/annuaire') }}" style="color:var(--orange-700)">Parcourir l'annuaire</a>
            </p>
        @endforelse
    </div>
@endsection