@extends('layouts.layout-2')

@section('content')

    @if ($errors->any())
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif
    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.my_team') }}
    </h4>
    <div class="card">
        <h5 class="card-header">Vertriebspartner registrieren</h5>
        <div class="row no-gutters row-bordered">
            <div class="col-md-12 p-4">
                <h6 class="mb-4">Link für Vertriebspartnerregistrierung</h6>
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-prepend">
                          <button class="btn btn-secondary" type="button" title="Kopiert!" data-clipboard-demo data-clipboard-target="#register_link"><i class="ion ion-ios-copy"></i> Link kopieren</button>
                        </span>
                        <input type="text" class="form-control" name="register_link" value="{{$register_link}}" id="register_link" placeholder="">
                    </div>
                </div>
                <p>Du möchtest einen neuen Vertriebspartner registrieren? Super, das freut uns. Sende ihm einfach nachfolgenden Link per Mail, WhatsApp oder SMS zu. Er gelangt damit auf die Registrierungsseite von partner.gruene-seele.bio. Wichtig ist, dass Du diesen Link nicht veränderst, denn die angehängte Vertriebspartner-ID identifiziert Dich als Sponsor von dem neuen Vertriebspartner. Nur so können Dir künftige Provisionen durch Umsätze von ihm zugeordnet werden. Nutze das „Kopier-Symbol“, um den Link gleich in Deine Zwischenablage zu kopieren.
            </div>
        </div>
    </div><!-- Target -->
    <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