@extends('pro.layout')
@php use App\Support\Content; $peutPublier = auth()->user()->planAutorise('evenements'); @endphp

@section('pro')
    <div class="panel">
        <div class="panel-head"><h2 style="font-size:1.1rem">Publier un événement</h2></div>

        @unless($peutPublier)
            <div class="notice">
                <x-icon name="info"/>
                <div>
                    <strong class="strong">Incluse dans la formule {{ config('billing.plans.premium.name') }}</strong>
                    <p style="margin:4px 0 0">
                        La publication d'événements dans l'agenda fait partie de la formule à
                        {{ \App\Support\Dates::euros(config('billing.plans.premium.amount'), true) }}
                        {{ config('billing.plans.premium.unite') }}.
                        <a href="{{ url('/tarifs') }}" style="color:var(--orange-700);font-weight:600">Souscrire</a>
                    </p>
                </div>
            </div>
        @else
            <form method="post" action="{{ url('/pro/evenements') }}" class="stack"
                  data-deposit="{{ url('/data/arborescence.json') }}">
                @csrf
                <select data-sel="rubrique" hidden><option value="agenda" selected>Agenda</option></select>
                <input type="hidden" name="category_path" data-category-path value="{{ old('category_path') }}">

                <div class="grid grid-3" style="gap:14px">
                    <div class="field-group">
                        <label class="label">Type d'événement</label>
                        <select class="select @error('category_path') is-invalid @enderror" data-sel="univers"><option>Chargement…</option></select>
                    </div>
                    <div class="field-group">
                        <label class="label">Précision</label>
                        <select class="select" data-sel="categorie" disabled><option>—</option></select>
                    </div>
                    <div class="field-group">
                        <label class="label">Retenu</label>
                        <input class="input" data-category-label readonly value="—" tabindex="-1">
                        <select data-sel="sous" hidden><option value="">—</option></select>
                    </div>
                </div>
                @error('category_path')<span class="field-error">{{ $message }}</span>@enderror

                <div class="field-group">
                    <label class="label" for="title">Titre</label>
                    <input class="input @error('title') is-invalid @enderror" id="title" name="title"
                           value="{{ old('title') }}" maxlength="120" required>
                    @error('title')<span class="field-error">{{ $message }}</span>@enderror
                </div>

                <div class="field-group">
                    <label class="label" for="description">Description</label>
                    <textarea class="textarea @error('description') is-invalid @enderror" id="description"
                              name="description" rows="5" required>{{ old('description') }}</textarea>
                    @error('description')<span class="field-error">{{ $message }}</span>@enderror
                </div>

                <div class="grid grid-2" style="gap:14px">
                    <div class="field-group">
                        <label class="label" for="starts_at">Début</label>
                        <input class="input @error('starts_at') is-invalid @enderror" id="starts_at"
                               type="datetime-local" name="starts_at" value="{{ old('starts_at') }}" required>
                        @error('starts_at')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                    <div class="field-group">
                        <label class="label" for="ends_at">Fin <span class="hint">(facultatif)</span></label>
                        <input class="input @error('ends_at') is-invalid @enderror" id="ends_at"
                               type="datetime-local" name="ends_at" value="{{ old('ends_at') }}">
                        @error('ends_at')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                    <div class="field-group">
                        <label class="label" for="lieu">Lieu</label>
                        <input class="input" id="lieu" name="lieu" value="{{ old('lieu') }}" placeholder="Salle des fêtes">
                    </div>
                    <div class="field-group">
                        <label class="label" for="adresse">Adresse</label>
                        <input class="input" id="adresse" name="adresse" value="{{ old('adresse') }}">
                    </div>
                    <div class="field-group">
                        <label class="label" for="ville">Ville</label>
                        <div class="input-icon">
                            <x-icon name="pin"/>
                            <input class="input @error('ville') is-invalid @enderror" id="ville" name="ville"
                                   list="liste-villes" value="{{ old('ville', auth()->user()->business?->ville) }}" required>
                        </div>
                        <datalist id="liste-villes">
                            @foreach(Content::villes() as [$v, $c])<option value="{{ $v }}">{{ $c }}</option>@endforeach
                        </datalist>
                        @error('ville')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                    <div class="field-group">
                        <label class="label" for="cp">Code postal</label>
                        <input class="input @error('cp') is-invalid @enderror" id="cp" name="cp" maxlength="12"
                               value="{{ old('cp', auth()->user()->business?->cp) }}" required>
                        @error('cp')<span class="field-error">{{ $message }}</span>@enderror
                    </div>
                    <x-pays-select :value="old('pays', auth()->user()->business?->pays)" />
                    <div class="field-group">
                        <label class="label" for="price">Tarif (€)</label>
                        <input class="input" id="price" type="number" name="price" min="0" step="0.5" value="{{ old('price') }}">
                    </div>
                    <div class="field-group">
                        <label class="label" for="places">Places</label>
                        <input class="input" id="places" type="number" name="places" min="0" value="{{ old('places') }}">
                    </div>
                </div>

                <label class="check"><input type="checkbox" name="is_free" value="1" @checked(old('is_free'))> Entrée gratuite</label>

                <div><button class="btn btn-primary" type="submit"><x-icon name="calendar"/> Publier l'événement</button></div>
            </form>
        @endunless
    </div>

    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Mes événements <span class="muted" style="font-weight:500">({{ $events->total() }})</span></h2>
        </div>

        @if($events->isEmpty())
            <p class="muted small" style="margin:0">Aucun événement publié.</p>
        @else
            <div style="overflow-x:auto">
                <table class="table">
                    <thead><tr><th>Événement</th><th>Date</th><th>Lieu</th><th>Tarif</th><th>Intérêts</th><th></th></tr></thead>
                    <tbody>
                    @foreach($events as $event)
                        <tr>
                            <td><a href="{{ $event->url }}" class="small strong truncate" style="display:block;max-width:260px">{{ $event->title }}</a></td>
                            <td class="small">{{ $event->starts_at->translatedFormat('d/m/Y à H:i') }}</td>
                            <td class="small muted">{{ $event->lieu }}, {{ $event->ville }}</td>
                            <td class="strong">{{ $event->tarif }}</td>
                            <td>{{ $event->interests }}</td>
                            <td>
                                <form method="post" action="{{ url('/pro/evenements/'.$event->id) }}"
                                      onsubmit="return confirm('Supprimer cet événement ?')">
                                    @csrf @method('delete')
                                    <button class="btn btn-ghost btn-icon btn-sm" title="Supprimer"><x-icon name="trash"/></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div style="margin-top:16px">{{ $events->links('partials.pagination') }}</div>
        @endif
    </div>
@endsection