@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2 d-flex justify-content-between align-items-center w-100 ">
        <div>{{ __('navigation.my_promotions') }} / {{ __('navigation.overview') }}</div>
        <button type="button" class="btn btn-secondary rounded-pill d-block float-right" data-toggle="modal" data-target="#modals-new-user-promotion">
            <span class="ion ion-md-add"></span>&nbsp; Neue Promotion anlegen
        </button>
    </h4>

    <p>Mit unserm Promotiontool hast Du eine tolle Möglichkeit Produkttester zu verteilen, um Neukunden zu gewinnen, Cross-Seeling mit der gesamten Produktpalette 
        zu erzielen und Deine Kunden für die Kundenhoheit zu registrieren. Dabei kannst Du viele unterschiedliche Promotions mit anlegen: Entweder die Dauerpromotion, 
        die Du auf allen Kanälen veröffentlichst oder die individuelle mit z. B. einem bestimmten Influencer. So hast Du immer die Übersicht, welche Aktion am besten funktioniert. 
        Starte noch heute Deine ganz eigenen Promotions und baue Deinen Kundenstamm aus.</p>

    <div class="card mb-3">
    <h5 class="card-header bg-white">
        <a href="#" class=""  data-toggle="collapse" data-target="#collapsePromotionFaq" aria-expanded="false" aria-controls="collapsePromotionFaq">
            <i class="fa fa-caret-expand"></i>  {{ __('Und so geht\'s / FAQs') }}
        </a>
    </h5>
    <div class="collapse" id="collapsePromotionFaq">
        <div class="px-4 py-3">
        <p>1. Klicke oben rechts auf „+ Neue Promotion anlegen“</p>

        <p>2. Fülle alle erforderlichen Felder aus. Texte, die schon eingetragen sind, kannst Du so übernehmen oder auch anpassen. Achte nur darauf, dass alles fehlerfrei ist, damit wir gemeinsam einen guten Eindruck machen.</p>

        <p>3. Wähle für die Promotion-Domain www.testemich.jetzt eine passende URL aus, die Du kommunizieren möchtest. Zum Beispiel www.testemich.jetzt/deotester oder www.testemich.jetzt/tattoocreme-gratis, je nachdem wie es am besten passt. Halte die Endung so kurz und prägnant wie möglich.</p>

        <p>4. Wähle, ob die Produkte ausschließlich von unserem Versand versendet werden sollen oder ob Dein Kunde sie bei Dir persönlich abholen kann. Dabei spart er die Versandkosten und Du kannst nochmal persönlich beraten. Achte aber darauf, dass Du die Produkte dann auch vorrätig vor Ort haben musst. Wenn Du die Vorort-Abholung ermöglichen möchtest, setze das Häkchen auf aktiv und vervollständige Deine Kontaktdaten. Produkte, die vor Ort abgeholt werden, werden Dir natürlich nicht vom Budget abgezogen.</p>

        <p> 5. Wähle nun aus, welche Produkte Du promoten möchtest. Wir haben Dir für jede Promotion eine Reihe von Produkten vordefiniert. Du kannst alle nehmen oder auch nur wenige. Vor allem musst Du die Anzahl einstellen und Dein Budget kalkulieren. Solltest Du nicht ausreichend Guthaben im Account haben, kannst Du es vorab hier aufladen.</p>

        <p> Hinweis: Vergiss nicht, die Promotion „aktiv“ zu schalten (oben rechts auf der Seite) und auch die Häkchen vor den Produkten zu setzen, die Du für das Testen freigeben möchtest.</p>

        <p>Wenn es Dir lieber ist, dass wir vorab nochmal über Deine Promotionseite schauen, bevor Du sie bewirbst, schreibe uns gerne eine Mail an service@gruene-seele.bio oder eine Nachricht via WhatsApp oder SMS an +491622514871 (GRÜNE SEELE Support).</p>

        <p> Nun viel Erfolg mit dem GRÜNE SEELE Promotiontool.</p>
        </div>
    </div>
    </div>
 

    <div class="row">
        <div class="col-12">
            @foreach($values as $value)
            <div class="card mb-4">
                <div class="card-body d-flex justify-content-between align-items-start pt-3 pb-1">
                    <div>
                        <a href="{{route('user_promotion_detail', [$value->id])}}" class="text-body text-big font-weight-semibold">
                            {{ $value->promotion_admin->name }}
                            @if ($value->promotion_admin->from)
                            | vom: {{ $value->promotion_admin->from }}
                            @endif
                            @if ($value->promotion_admin->to)
                            | bis: {{ $value->promotion_admin->to }}
                            @endif
                            | {!! get_active_badge($value->promotion_admin->isActive()) !!}
                        </a>
                    </div>
                    @if($value->canDelete())
                    <div class="btn-group project-actions">
                        <a href="{{ route('user_promotion_delete', [$value->id, 'user_promotion']) }}"
                            class=" dropdown-item" onclick="return confirm('Promotion wirklich löschen?');">
                             <span class="ion ion-md-trash text-danger"></span>
                         </a>
                    </div>
                     @endif
                 </div>
                 <div class="progress rounded-0" style="height: 1px;">
                     <div class="progress-bar" style="width: 100%;"></div>
                 </div>
                <div class="card-body pt-3 pb-1">
                    <p><strong>{{$value->internal_name}}</strong></p>
                    <p>{!! nl2br($value->internal_description) !!}</p>

                    <hr>
                </div>
                <div class="card-body pt-0">
                    <div class="row">
                        <div class="col">
                            <div class="text-muted small">Promotion Produkte</div>
                            <div class="font-weight-bold">{{$value->promotion_admin->promotion_admin_products_active->count()}}
                                {{ formatPlural($value->promotion_admin->promotion_admin_products_active->count(), 'Sorte', 'n') }}
                            </div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">aktive Produkte</div>
                            <div class="font-weight-bold">{{$value->promotion_user_products_active->count()}} 
                                {{ formatPlural($value->promotion_user_products_active->count(), 'Sorte', 'n') }}
                            </div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">geplant Produkte</div>
                            <div class="font-weight-bold">{{$value->getCountOpenItems()}} Stk.</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">geordert Produkte</div>
                            <div class="font-weight-bold">{{$value->getCountSellItems()}} Stk.</div>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col">
                            <div class="text-muted small">Promotion aktiv</div>
                            <div class="font-weight-bold">{!! get_active_badge($value->active) !!}</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">persönliche Abholung</div>
                            <div class="font-weight-bold">{!! get_active_badge($value->pick_up) !!}</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">Potentielle Kosten</div>
                            @php($user_promotion_cart = $value->calculateCart())
                            <div class="font-weight-bold">{{ formatNumber($user_promotion_cart['price']) }} € brutto</div>
                        </div>
                        <div class="col">
                            <div class="text-muted small">Kosten bisher</div>
                            @php($user_promotion_sell = $value->calculateSell())
                            <div class="font-weight-bold">{{ formatNumber($user_promotion_sell['price']) }} € brutto</div>
                        </div>
                    </div>
                </div>
                <hr class="m-0">
                <div class="card-body py-3">
                    <div class="form-row">
                        <div class="form-group col-10 mb-0">
                            <label  class="form-label">Domain / URL für Deine Promotion</label>
                            <div class="input-group">
                                <span class="input-group-prepend">
                                <button class="btn btn-sm btn-secondary" type="button" title="Kopiert!" data-clipboard-demo data-clipboard-target="#promotion_link_{{$value->id}}"><i class="ion ion-ios-copy"></i> Domain kopieren</button>
                                </span>
                                <input type="text" class="form-control" name="promotion_link_{{$value->id}}" value="{{ $value->getUrlPreview() }}" id="promotion_link_{{$value->id}}" placeholder="">
                            </div>
                        </div>
                        <div class="form-group col-2 mb-0">
                            <label class="form-label">&nbsp;</label>
                            <div>
                                <a class="btn btn-sm btn-outline-primary mt-1"  href="{{ $value->getUrlPreview() }}" target="_blank"><i class="ion ion-ios-share-alt"></i></a>
                            </div>
                        </div>
                    </div>
                        @php($checkPaymentCredit = $value->checkPaymentCredit())
                        @if($checkPaymentCredit === 'empty')
                            <h6 class="alert badge-danger mt-3 py-2">Du hast kein Guthaben aus Deinem Konto auf, lade Dein Konto auf, bis dahin ist die Promotion gestoppt.</h6>
                        @endif
                        @if($checkPaymentCredit === 'okay')
                            <h6 class="alert badge-success mt-3 py-2">Dein Guthaben ist ausreichend für diese Promotion</h6>
                        @endif
                        @if($checkPaymentCredit === 'not')
                            <h6 class="alert badge-danger mt-3 py-2">Dein Guthaben ist nicht ausreichend für diese Promotion, lade Dein Konto auf, bis dahin ist die Promotion gestoppt.</h6>
                        @endif
                </div>
              
                <hr class="m-0">
                <div class="card-body py-3">
                    <div class="d-flex flex-wrap">
                            <a href="{{route('user_promotion_detail', [$value->id])}}" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-ios-cog"></i> Bearbeiten</a>
                         {{--    
                            <a href="#" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-basket"></i> Promotions ansehen (n.b!)</a>
                            <a href="#" class="btn btn-secondary mr-2 mb-2"><i class="ion ion-md-basket"></i> Bestellung ansehen (n.b!)</a>
                             --}}
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>



    <!-- Modal template -->
    <div class="modal fade" id="modals-new-user-promotion">
        <div class="modal-dialog">
            <form class="modal-content" action="{{route('user_promotion_detail', ['new'])}}" method="post">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Neue Promotion anlegen</span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                </div>
                <div class="modal-body">
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="country_ids" class="form-label">Wähle die Art deiner Promotion</label>
                            <select class="selectpicker" name="promotion_admin_id" id="promotion_admin_id"  data-style="btn-light" data-live-search="true" required>                          
                              {!! HTMLHelper::getAnyOptions(null, \App\Models\PromotionAdmin::getActiveAdminPromotionsAsArray(), true) !!}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{__('close')}}</button>
                    <button type="submit" class="btn btn-primary" name="action" value="new-user-promotion">{{__('anlegen')}}</button>
                </div>
            </form>
        </div>
    </div>

    <script>
        $( document ).ready(function() {
            var clipboardDemos = new ClipboardJS('[data-clipboard-demo]');
            clipboardDemos.on('success', function (e) {
                e.clearSelection();
                $(e.trigger).tooltip('enable').tooltip('show');
            });
            clipboardDemos.on('error', function (e) {
                console.error('Action:', e.action);
                console.error('Trigger:', e.trigger);
            });

            $('button[data-clipboard-demo]').on('mouseout', function () {
                $(this).tooltip('disable');
            });
        });
    </script>
@endsection