@extends('layouts.master')

@section('content')
    <div class="offset-xl-1 col-xl-10 col-md-12 col-sm-12">
        @if($event)
            <div class="row confirmation_area content_box event_details">
                <div class="col-xl-12 col-md-12 event_title">
                    <h1>{{ $event['title'] }}</h1>
                </div>
                <div class="col-xl-4 col-md-12">
                    <i class="far fa-clock"></i> {{ $event['date']." ".$event['time'] }}
                </div>
                <div class="col-xl-4 col-md-12">
                    <i class="fas fa-map-marker-alt"></i> 
                    @if ((int) $event['online_event'] === 1)
                        Online-Veranstaltung
                    @else
                        {{ $event['district'] }}
                    @endif
                </div>
                <div class="col-xl-4 col-md-12 social_media_share remove_anchor_default">
                    <div>Veranstaltung teilen:</div>
                    <!-- <div class="facebook_share">
                        <i class="fab fa-facebook-square"></i>
                    </div> -->
                    <div style="margin-left: 15px;" class="copy_clipboard" data-toggle="tooltip" data-placement="right" title="Link kopieren">
                        <i class="fas fa-clipboard"></i>
                        <span class="label "></span>
                    </div>
                </div>
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="separator"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 content_box">
                @if($result === 'done')
                    <p><b>Sie sind jetzt verbindlich zur Veranstaltung „{{ $event['title'] }}“ @if((int)$event['plus'] !== 0) mit {{ $event['plus'] }} Begleitperson(en) @endif angemeldet.</b></p>
                    <p>
                        Die Veranstaltung findet am {{ $event['date'] }} um {{ $event['time'] }} Uhr statt.<br/>
                        @if ((int) $event['online_event'] === 1 )
                            Ihre Zugangsdaten erhalten Sie separat per E-Mail. <br />
                            Kontakt: {{ $event['online_event_contact'] }}
                        @else
                            Adresse: {{ $location }}.
                        @endif
                    </p>
                @elseif($result === 'timed_out')
                    <!-- Website Text (Negativ / Timeout/ 24h): -->
                    <p>Leider haben Sie Ihre E-Mail-Adressenicht innerhalb von 24 Stunden bestätigt, daher wurde Ihr Platz wieder freigegeben.</p>
                    <p>Bitte melden Sie sich erneut an,  wenn Sie an der Veranstaltung trotzdem teilnehmen möchten.</p>
                    <p>Möchten Sie auch in Zukunft über unsere Veranstaltungen informiert werden? Dann melden Sie sich für Ihren <a href="{{ action('SearchAgentController@create') }}">persönlichen Newsletter</a> an.</p>
                @elseif($result === 'booked_out')
                    <!-- Website Text (Negativ / Booked Out): -->
                    <p>Leider ist die Veranstaltung schon ausgebucht.</p>
                    <p>Fragen Sie gern beim Veranstalter nach, obSie eventuell doch noch teilnehmen können<br />Kontakt: {{ $telephone }}</p>
                    <p>Möchten Sie auch in Zukunft über unsere Veranstaltungen informiert werden? Dann melden Sie sich für Ihren <a href="{{ action('SearchAgentController@create') }}">persönlichen Newsletter</a> an.</p>
                @elseif($result === 'already_verified')
                    <p>Sie sind bereits für diese Veranstaltung angemeldet.</p>
                    <p>Möchten Sie auch in Zukunft über unsere Veranstaltungen informiert werden? Dann melden Sie sich für Ihren <a href="{{ action('SearchAgentController@create') }}">persönlichen Newsletter</a> an.</p>
                @endif
            </div>
        </div>
        <!-- <div id="fb-root"></div> -->
        <input id="link_to_copy" type="text" value="{{ action('EventController@details', [$event['id']]) }}" />
        <script>
           // window.fbAsyncInit = function(){
           //      FB.init({
           //          appId            : '198596117455600',
           //          autoLogAppEvents : true,
           //          xfbml            : true,
           //          version          : 'v3.0'
           //      });
           //  };
           //  (function(d, s, id){
           //      var js, fjs = d.getElementsByTagName(s)[0];
           //      if(d.getElementById(id)){
           //          return;
           //      }
           //      js     = d.createElement(s);
           //      js.id  = id;
           //      js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
           //      fjs.parentNode.insertBefore(js, fjs);
           //  }(document, 'script', 'facebook-jssdk'));
            $(document).ready(function(){
                // Share on FB
                $(".copy_clipboard").tooltip();
                $(".copy_clipboard").click(function(){
                    var copyText = document.querySelector("#link_to_copy");
                    copyText.select();
                    document.execCommand("copy");
                    $(this).addClass("copied").attr("data-original-title", "kopiert!");
                });
                // $(".facebook_share").click(function(){
                //     FB.ui({
                //         method: "share",
                //         display: "popup",
                //         href: "{{ action('EventController@details', [$event['id']]) }}",
                //     });
                // });
            });
        </script>
    </div>
    @include('back')
@stop