@extends('layouts.app', ['header' => true, 'close_button' => true])


@section('content')
    <div class="cstm-container">
        <div class="data-sucess-block">
            <div class="top-event-bx">
                <h4> @if(isset(request()->back) && 'promoted-list' == jsdecode_userdata(request()->back))
                        Sign up to participate in the following  event
                     @elseif(isset(request()->back) && 'raf-member' == jsdecode_userdata(request()->back))
                        You have successfully entered the code to sign up for the following event
                     @else
                        You have successfully entered the code to participate in the following event
                     @endif</h4>
                <div class="event-box">
                    <h5 class="event-label event-large-label">Event Name </h5>
                    <p class="event-input-bx">
                        {{ $event->event_name ?? 'N/A'}}</p>
                </div>
                <div class="event-box">
                    <h5 class="event-label event-large-label">Hosted by </h5>
                    <p class="event-input">
                        {{ $event->hosted_by }}</p>
                </div>

                <div class="row g-3">
                    <div class="col-6">
                        <div class="event-box">
                            <h5 class="event-label">Event start date</h5>
                            <p class="event-input-bx">
                                {{ \Carbon\Carbon::parse($event->start_date)->format('m/d/y') }}</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="event-box">
                            <h5 class="event-label">Event end date</h5>
                            <p class="event-input-bx">{{ \Carbon\Carbon::parse($event->end_date)->format('m/d/y') }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bottom-event-box">
                <div class="event-box">
                    <h5 class="event-label event-large-label">Event Prizes</h5>
                    <div class="event-price-popup">
                        <svg width="44" height="44" viewBox="0 0 44 44" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_492_26520)">
                                <path
                                    d="M8.05518 12.3149H26.9752V14.0749H8.05518V12.3149ZM8.05518 17.5949H26.9752V19.3549H8.05518V17.5949ZM8.05518 22.8749H22.6752V24.6349H8.05518V22.8749ZM8.05518 28.1549H18.3752V29.9149H8.05518V28.1549ZM8.05518 33.4349H18.3752V35.1949H8.05518V33.4349Z"
                                    fill="#B06741" />
                                <path
                                    d="M33.855 16.3507V7.55068L27.3311 0.875H1.17505V43.115H33.855V27.6393L42.8111 18.475L37.295 12.8307L33.855 16.3507ZM32.995 19.7193L36.079 22.875L25.759 33.435H22.675V30.2793L32.995 19.7193ZM27.835 3.87932L30.919 7.035H27.835V3.87932ZM32.135 41.355H2.89505V2.635H26.115V8.795H32.135V18.1107L20.955 29.5507V35.195H26.4711L32.135 29.3993V41.355ZM37.295 21.6307L34.2111 18.475L37.295 15.3193L40.379 18.475L37.295 21.6307Z"
                                    fill="#B06741" />
                            </g>
                            <defs>
                                <clipPath id="clip0_492_26520">
                                    <rect width="43" height="44" fill="white"
                                        transform="translate(0.493164 -0.00488281)" />
                                </clipPath>
                            </defs>
                        </svg>
                        <a class="button primary-btn popup-sml-btn show-event-prize">click to view</a>
                        {{-- <input type="hidden" name="event_prize_data" id="event_prize_data" value="{{ getEventDocData($event->id, 'event_prize')}}"> --}}
                    </div>
                </div>
            </div>
            <div class="event-tick-box">
                <svg xmlns="http://www.w3.org/2000/svg" width="79" height="80" viewBox="0 0 79 80" fill="none">
                    <circle cx="39.5742" cy="39.7344" r="38.918" fill="black"
                        stroke="url(#paint0_linear_1042_13657)" />
                    <circle cx="39.418" cy="39.418" r="38.918" fill="black"
                        stroke="url(#paint1_linear_1042_13657)" />
                    <path d="M57.5469 27.4824L33.9219 51.1064L22.1094 39.2949" stroke="url(#paint2_linear_1042_13657)"
                        stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
                    <defs>
                        <linearGradient id="paint0_linear_1042_13657" x1="39.5742" y1="0.316406" x2="39.5742"
                            y2="79.1523" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F18D59" />
                            <stop offset="0.285" stop-color="#AE673B" />
                            <stop offset="0.59" stop-color="#FCC896" />
                            <stop offset="0.835" stop-color="#B3683E" />
                            <stop offset="1" stop-color="#B1663C" />
                        </linearGradient>
                        <linearGradient id="paint1_linear_1042_13657" x1="39.418" y1="0" x2="39.418"
                            y2="78.8359" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F18D59" />
                            <stop offset="0.285" stop-color="#AE673B" />
                            <stop offset="0.59" stop-color="#FCC896" />
                            <stop offset="0.835" stop-color="#B3683E" />
                            <stop offset="1" stop-color="#B1663C" />
                        </linearGradient>
                        <linearGradient id="paint2_linear_1042_13657" x1="39.8281" y1="27.4824" x2="39.8281"
                            y2="51.1064" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#F18D59" />
                            <stop offset="0.285" stop-color="#AE673B" />
                            <stop offset="0.59" stop-color="#FCC896" />
                            <stop offset="0.835" stop-color="#B3683E" />
                            <stop offset="1" stop-color="#B1663C" />
                        </linearGradient>
                    </defs>
                </svg>

            </div>
        </div>
        {{-- @php
            $route = 'event_details';
            // if (auth()->check()) {
            //     $user = auth()->user();
            //     if ($user->subscription) {
            //         $route = 'purchase';
            //     }
            // }
        @endphp --}}

{{-- {{ route('member.events.event_login', ['event_id' => jsencode_userdata($event->id) , 'token' => request()->route('token')]) }}  --}}

        <a href="@if (jsdecode_userdata($token) === 'want_to_join')
                         {{ route('member.events.event_details' , ['event_id' => jsencode_userdata($event->id)  , 'token' => request()->route('token'), 'join' => jsencode_userdata('join_event')]) }}
                 @else
                         {{ route('member.events.event_details', ['event_id' => jsencode_userdata($event->id) , 'back' => request()->back]) }}
                 @endif"
            class="button primary-btn full-btn show-anchor-disable">Continue <div class="spinner-border d-none"
                role="status">
                <span class="sr-only">Loading...</span>
            </div></a>
    </div>



    {{-- include prize modal --}}
    @include('host.event-new-flow.modal.event-prize')
@endsection
@push('scripts')

    {{-- SHOWING EVENT PRIZE PDF  --}}
    <script>
        jQuery(document).ready(function() {
            jQuery('.show-event-prize').click(function() {
                // let eventRuleText = "{!! getEventDocData(@$event->id , 'event_prize') !!}"
                let pdfUrl = "{{ $event->pdfFile('event_prize') ? Storage::url($event->pdfFile('event_prize')->path) : '#' }}";

                if(pdfUrl == '#'){
                    errorShow('Error' , "This is a participation event only - No prizes have been estabilished for this event." , 'RETURN');
                }else{
                     // jQuery('#temp').text(html);
                    jQuery(".prize-rule-inner-heading h5").text('Prize Rules')
                    // jQuery('#event-prize-modal-content').html(eventRuleText);

                    // jQuery('#event-prize-preview').attr('src', pdfUrl + '#toolbar=0&navpanes=0');
                    
                    previewPrizePdf(pdfUrl + '#toolbar=0&navpanes=0'  , jQuery('#event-prize-preview'))
                    jQuery('#preview-event-prize').modal('show');
                }
            });
        });
    </script>
@endpush