@extends('layouts.admin')
@section('content')
    <section class="dashboard-sec">
        <div class="dashboard-wrapper">
            <div class="dashboard-content-wrapper p-5">
                <section class="section">
                    <div class="section-body">
                        <div class="row">
                            <div class="col-12 col-md-12 col-lg-12">
                                <div class="card">
                                    <div class='ajax-response'></div>
                                    {{-- <x-alert /> --}}
                                    <div class="card-header">
                                        <h4>Event Details</h4>
                                        <div class="card-header-form">
                                            <a class="btn btn-primary btn-lg float-end"
                                                href="{{ url()->previous() }}">Back</a>
                                        </div>
                                    </div>
                                    <div class="card-body">

                                        <form action="#" id="memberForm" method='GET' enctype="multipart/form-data">
                                            @csrf
                                            <div class="form-row form-cstm">
                                                @php
                                                    $bothRole = $event->user->hasRole(['Member' , 'Host']) ? true : false;
                                                    $profile = $bothRole ? $event->user->hostProfile->profile_pic_path : $event->user->user_details->profile_pic_path;
                                                @endphp
                                                <div class="form-group col-md-12">
                                                    <label>Host Logo<span class="required-field">*</span></label>
                                                    <div class="formfield kuch-bhi">
                                                        {{-- @if ($event->eventLogo->first())
                                                            <img src="{{ $event ? Storage::url(optional($event->eventLogo()->first())->path) : asset('images/profile-upload1.png') }}"
                                                                class="target-img-uploaded" width="258px" height="245px">
                                                        @endif --}}

                                                            <img src="{{ $event->eventLogo && $event->eventLogo->first() ? Storage::url($event->eventLogo->first()->path) : asset('images/profile-upload1.png') }}"
                                                                     class="target-img-uploaded" width="258px" height="245px">

                                                        {{-- <input type="file" name="host_logo"
                                                            accept="image/png, image/gif, image/jpeg" id="upload-dp"
                                                            class="form-control" disabled> --}}
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <label>Event Code <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text"
                                                            class="form-control @error('event_code') is-invalid @enderror"
                                                            placeholder="Event Code" name="event_code" id="event_code"
                                                            value="{{ $event ? $event->event_code : old('event_code') }}"
                                                            readonly />
                                                        @error('event_code')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <label>Event Name <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text"
                                                            class="form-control @error('event_name') is-invalid @enderror"
                                                            placeholder="Event Name" name="event_name" id="event_name"
                                                            value="{{ $event ? $event->event_name : old('event_name') }}"
                                                            disabled />
                                                        @error('event_name')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <label>Hosted By <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text"
                                                            class="form-control @error('hosted_by') is-invalid @enderror"
                                                            placeholder="Hosted By" name="hosted_by" id="hosted_by"
                                                            value="{{ $event ? $event->hosted_by : old('hosted_by') }}"
                                                            disabled />
                                                        @error('hosted_by')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <label>Event Fee <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text"
                                                            class="form-control @error('event_fee') is-invalid @enderror"
                                                            placeholder="Event Fee" name="event_fee" id="event_fee"
                                                            value="{{ $event ? $event->event_fee : old('event_fee') }}"
                                                            disabled />
                                                        @error('event_fee')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <label>Start Date <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="start_date" id="start-date"
                                                            placeholder="Select start date"
                                                            class="form-control date-picker @error('start_date') is-invalid @enderror"
                                                            value="{{ old('start_date', $event && $event->start_date ? $event->start_date->format('m/d/Y') : '') }}"
                                                            disabled>
                                                        @error('start_date')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <label>End Date <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <input type="text" name="end_date" id="end-date"
                                                            placeholder="Select end date"
                                                            class="form-control date-picker @error('end_date') is-invalid @enderror"
                                                            value="{{ old('end_date', $event && $event->end_date ? $event->end_date->format('m/d/Y') : '') }}"
                                                            disabled>
                                                        @error('end_date')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                @php
                                                    $rounds = $event->event_rounds;
                                                    // $noOfRounds = $rounds->count();
                                                @endphp
                                                <div class="form-group col-md-12">
                                                    @foreach ($rounds as $key => $round)
                                                    <div class="round-number-{{ $key + 1 }} round-detail-each">
                                                        <h6>Round {{ $round_no ?? $key + 1 }}</h6>
                                                        <div class="dark-input-box single-round-detail-container ">
                                                            @if($round->yards)
                                                            <div class="row">
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="yards_{{ $key }}">Yards </label>
                                                                        <div class="formfield">
                                                                            <input type="text"
                                                                                class="form-control"
                                                                                value="{{ isset($round) ? $round->yards : 'N/A' }}"
                                                                                readonly disabled>
                                                                        </div>

                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="reload_{{ $key }}">Re-load Required (y/n)</label>
                                                                        <div class="formfield">
                                                                            <div class="formfield">
                                                                                <input type="text"
                                                                                    class="form-control "
                                                                                    value="{{ isset($round) && $round->reload_required  ? $round->reload_required == '1' ? 'Yes' : 'No': 'N/A' }}"
                                                                                    readonly disabled>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($round->shots)
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        <label for="shots_{{ $key }}">Shots</label>
                                                                        <div class="formfield">
                                                                            <input type="text"
                                                                                class="form-control"
                                                                                value="{{ isset($round)  ? $round->shots : 'N/A' }}" readonly disabled>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        <label for="target_zone_{{ $key }}">Target Zone</label>
                                                                        <div class="formfield">
                                                                            <input type="text"
                                                                                class="form-control"
                                                                                value="{{ isset($round)  ? $round->target_zone : 'N/A'  }}" readonly disabled>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        <label for="hands_{{ $key }}">Hand (s/w)</label>
                                                                        <div class="formfield">
                                                                            <div class="formfield">
                                                                                <input type="text"
                                                                                    class="form-control"
                                                                                    value="{{ isset($round)  ? $round->hand : 'N/A' }}" readonly disabled>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($round->shots2)
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        <label for="shots2_{{ $key }}">Shots</label>
                                                                        <div class="formfield">
                                                                            <div class="formfield">
                                                                                <input type="text"
                                                                                    class="form-control"
                                                                                    value="{{ isset($round)  ? $round->shots2 : 'N/A' }}" readonly disabled>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        <label for="target_zone2_{{ $key }}">Target Zone</label>
                                                                        <div class="formfield">
                                                                            <div class="formfield">
                                                                                <input type="text"
                                                                                    class="form-control"
                                                                                    value="{{ isset($round)  ? $round->target_zone2 : 'N/A' }}" readonly disabled>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <div class="form-group">
                                                                        <label for="hands2_{{ $key }}">Hand (s/w)</label>
                                                                        <div class="formfield">
                                                                            <div class="formfield">
                                                                                <input type="text"
                                                                                    class="form-control"
                                                                                    value="{{ isset($round)  ? $round->hand2 : 'N/A' }}" readonly disabled>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    {{-- @include('include.rounds', [
                                                        'create' => false,
                                                        'isReadOnly' => true,
                                                        'roundDetailsShown' => true,
                                                    ]) --}}
                                                    {{-- @for ($key = 0; $key < 5 - $noOfRounds; $key++)
                                                        @include('include.add-default-round', [
                                                            'round_no' => $noOfRounds + $key + 1,
                                                        ])
                                                    @endfor --}}
                                                </div>
                                                @php
                                                    $challengeCompatibles = $event
                                                        ? $event->challenge_compatibles
                                                        : null;
                                                @endphp
                                                <div class="form-group col-md-12">
                                                    <h5>Divisions</h5>
                                                </div>
                                                @if (!$challengeCompatibles)
                                                    <div class="form-group col-md-12">
                                                        <div class="formfield">
                                                            <p>No divisions found.</p>
                                                        </div>
                                                    </div>
                                                @else
                                                    @foreach ($challengeCompatibles as $challengeCompatible)
                                                        {{-- <p>{{ optional($challengeCompatible->divisions)->code }} -
                                                                {{ optional($challengeCompatible->divisions)->name }}
                                                            </p> --}}
                                                        @php
                                                            $divisionType = null;
                                                            if ($challengeCompatible->division_type == 'male') {
                                                                $divisionType = "(Men's)";
                                                            } elseif ($challengeCompatible->division_type == 'female') {
                                                                $divisionType = "(Female's)";
                                                            } else {
                                                                $divisionType = "(Men's / Women's)";
                                                            }

                                                        @endphp
                                                        <div class="form-group col-md-4">
                                                            <label>Division Code <span
                                                                    class="required-field">*</span></label>
                                                            <div class="formfield">
                                                                <input type="text"
                                                                    class="form-control @error('division_code') is-invalid @enderror"
                                                                    placeholder="Event Fee" name="division_code"
                                                                    id="division_code"
                                                                    value="{{ $event ? optional($challengeCompatible->divisions)->code : old('division_code') }}"
                                                                    disabled />
                                                                @error('division_code')
                                                                    <span class="invalid-feedback" role="alert">
                                                                        <strong>{{ $message }}</strong>
                                                                    </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-md-8">
                                                            <label>Division Name <span
                                                                    class="required-field">*</span></label>
                                                            <div class="formfield">
                                                                <input type="text"
                                                                    class="form-control @error('division_name') is-invalid @enderror"
                                                                    placeholder="Event Fee" name="division_name"
                                                                    id="division_name"
                                                                    value="{{ $event ? optional($challengeCompatible->divisions)->name . ' ' . $divisionType : old('division_name') }}"
                                                                    disabled />
                                                                @error('division_name')
                                                                    <span class="invalid-feedback" role="alert">
                                                                        <strong>{{ $message }}</strong>
                                                                    </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                                <div class="form-group col-md-12">
                                                    <h5>Event Documents</h5>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label>Event Description <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <button type='button'
                                                            class="form-control btn btn-secondary show-event-description"
                                                            style="margin-top: 18px;">Click To
                                                            View</button>
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label>Event Rules <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <button class="form-control btn btn-secondary show-event-rules" type='button'
                                                            style="margin-top: 18px;">Click To
                                                            View</button>
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label>Event Prize <span class="required-field">*</span></label>
                                                    <div class="formfield">
                                                        <button class="form-control btn btn-secondary show-event-prize" type='button'
                                                            style="margin-top: 18px;">Click To
                                                            View</button>
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label>Promote Event on RAF Web/app<span
                                                            class="required-field">*</span></label>
                                                    <label class='check-img'>
                                                        <input type="checkbox" class="custom-switch-input"
                                                            name="promote_event" id="promote_event" value="1"
                                                            {{ $event && $event->promote_event ? 'checked' : '' }}
                                                            disabled>
                                                        <span class="custom-switch-indicator"></span>
                                                    </label>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label>Video Required<span class="required-field">*</span></label>
                                                    <label class='check-img'>
                                                        <input type="checkbox" class="custom-switch-input"
                                                            name="video_required" id="video_required" value="1"
                                                            {{ $event && $event->video_required ? 'checked' : '' }}
                                                            disabled>
                                                        <span class="custom-switch-indicator"></span>
                                                    </label>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label>Target Photo Required<span
                                                            class="required-field">*</span></label>
                                                    <label class='check-img'>
                                                        <input type="checkbox" class="custom-switch-input"
                                                            name="image_required" id="image_required" value="1"
                                                            {{ $event && $event->image_required ? 'checked' : '' }}
                                                            disabled>
                                                        <span class="custom-switch-indicator"></span>
                                                    </label>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <div class="formfield event-detail-video">
                                                        <video id='show-video-preview' class='object-contain'
                                                            src="{{ $event ? '/storage/' . optional($event->eventVideo()->first())->path : '' }}"
                                                            controls></video>
                                                        {{-- <input type="file" id="upload-video-file" name="upload_video"
                                                            class="form-control" accept="video/*" disabled> --}}
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-6">
                                                    <div class="formfield event-detail-photo">
                                                        <img src="{{ '/storage/' . optional($event->eventTarget()->first())->path }}"
                                                            class="target-img-uploaded" width="200px" height="300px">
                                                        {{-- <input type="file" id="upload-target-file"
                                                            name="upload_target"
                                                            accept=" image/png, image/gif, image/jpeg"
                                                            class="form-control" disabled> --}}
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="section">
                    <div class="section-body">
                        <div class="row">
                            <div class="col-12 col-md-12 col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Event Earnings</h4>
                                    </div>
                                    <div class="card-body">
                                        <table id="event-earnings-table" class="table table-striped table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>S. No.</th>
                                                    <th>Joined Member</th>
                                                    <th class='text-center'>User Name</th>
                                                    <th class='text-center'>Date</th>
                                                    <th>Amount</th>
                                                    <th>Transaction ID</th>
                                                    {{-- <th>Status</th>
                                                    <th>Action</th> --}}
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($joinedEvents as $joinedEvent)
                                                    <tr>
                                                        <td>{{ $loop->index + 1 }}</td>
                                                        <td>{{ $joinedEvent->user->email ?? 'N/A' }}</td>
                                                        <td class='text-center'>{{ @$joinedEvent->user->username ?? 'N/A' }}</td>
                                                        <td class='text-center'>{{ @$joinedEvent->created_at ? $joinedEvent->created_at->format('m/d/Y') : 'N/A' }}
                                                        </td>
                                                        <td>${{ $joinedEvent->amount ?? '0.00' }}</td>
                                                        <td> {{ $joinedEvent->transcation_id ?? 'N/A' }}
                                                        </td>
                                                        {{-- <td>
                                                            {{ ($joinedEvent && isPayoutExistsForPaymentId($joinedEvent->id) || $joinedEvent && isPayoutExistForEvent($joinedEvent->event_id)) ? 'Paid' : 'Not Paid' }}
                                                        </td>
                                                        <td>
                                                            @if (!(($joinedEvent && isPayoutExistsForPaymentId($joinedEvent->id)) || ($joinedEvent && isPayoutExistForEvent($joinedEvent->event_id))))
                                                                <input type="checkbox" name="commissions[]"
                                                                    id="commissions"
                                                                    data-transaction="{{ $joinedEvent->transcation_id ?? 'N/A' }}"
                                                                    data-amount="{{ $joinedEvent->amount ?? '0.00' }}"
                                                                    value="{{ $joinedEvent && $joinedEvent->id ? jsencode_userdata($joinedEvent->id) : null }}">
                                                            @endif
                                                        </td> --}}
                                                    </tr>
                                                    {{-- @if ($loop->last)
                                                        <tr>
                                                            <td colspan="8">
                                                                <button type="submit" class="btn btn-primary btn-sm"
                                                                    data-toggle="modal" data-target="#payout-detail-modal"
                                                                    id="send-money-btn" style="float: right;" disabled>
                                                                    Pay Commissions
                                                                    <div class="spinner-border d-none" role="status">
                                                                        <span class="sr-only">Loading...</span>
                                                                    </div>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    @endif --}}
                                                @empty
                                                    <tr>
                                                        <td class="no-record-found" colspan="8">
                                                            <center>Did not found any earning</center>
                                                        </td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </section>
@endsection
@section('editcontent')
    @include('admin.event.event-docs-popup')
    @include('admin.event.payout-details-popup')

    {{-- SHOW EVENT DOCUMENTS --}}
    @include('host.event-new-flow.modal.comon-modal')

    {{-- EVENT PRIZE MODAL --}}
    @include('host.event-new-flow.modal.event-prize')
@endsection

@push('pagespecificscripts')
    <script>
        jQuery(document).ready(function() {
            function showEventDocData(btnId, modalTitle, inputId) {
                $(btnId).click(function(e) {
                    e.preventDefault();
                    $('.modal-title').text(modalTitle);
                    $('#modal-content').html($(inputId).val());
                });
            }

            showEventDocData('#desc-btn', 'Event Description', '#description');
            showEventDocData('#rules-btn', 'Event Rules', '#rules');
            showEventDocData('#prize-btn', 'Event Prize', '#prize');

            // paying commission
            $('#event-earnings-table').on('change', 'input[name="commissions[]"]', function() {
                var checkedBoxes = $('input[name="commissions[]"]:checked');
                $('#send-money-btn').prop('disabled', checkedBoxes.length === 0);
            });

            // $("#send-money-btn1").on('click', function(e) {
            //     e.preventDefault();
            //     const thisBtn = $(this);
            //     showBtnLoader(thisBtn);
            //     var paymentIds = [];
            //     $('input[name="commissions[]"]:checked').each(function() {
            //         paymentIds.push($(this).val());
            //     });

            //     if (paymentIds.length === 0) {
            //         backendErrorShow('Error', 'Please select at least one payment to pay commission',
            //             'Try again');
            //         hideBtnLoader(thisBtn);
            //         return false;
            //     }

            //     let hostId = "{{ $event ? $event->user->id : null }}";
            //     let formData = {
            //         paymentIds: paymentIds,
            //         hostId: hostId,
            //     }
            //     let url = "{{ route('admin.member.createHostPayout') }}";
            //     let response = ajaxCall(url, 'post', formData, true, true);
            //     response.then((response) => {
            //         if (response.status == true) {
            //             backendSuccessShow('Success', response.message, 'OK');
            //             $(".swal2-confirm").click(function(e) {
            //                 window.location.reload();
            //             });
            //         } else {
            //             backendErrorShow('Error', response.message, 'Try again');
            //         }
            //     });
            //     hideBtnLoader(thisBtn);
            // });

            $("#send-money-btn").on('click', function(e) {
                e.preventDefault();
                const sendMoneyBtn = $(this);
                showBtnLoader(sendMoneyBtn);
                var paymentIds = [];
                var paymentData = [];
                $('input[name="commissions[]"]:checked').each(function() {
                    paymentIds.push($(this).val());
                    paymentData.push({
                        transaction_id: $(this).data('transaction'),
                        amount: $(this).data('amount'),
                    });
                });

                if (paymentIds.length === 0) {
                    backendErrorShow('Error', 'Please select at least one payment to pay commission',
                        'Try again');
                    hideBtnLoader(sendMoneyBtn);
                    return false;
                }

                var newHtml = '';
                var totalAmount = 0;
                paymentData.forEach(function(item, index) {
                    let paymentId = paymentIds[index];
                    let transactionId = item.transaction_id;
                    let amount = item.amount;
                    totalAmount += parseFloat(amount);
                    newHtml += `<div class="col-sm-6">
                                <label for="paymentIds" class="col-form-label">Transaction ID</label>
                                <input type="text" class="form-control" name="transaction_id" id="transaction_id[${index}]"
                                    placeholder="Transaction ID" disabled value="${transactionId}">
                                <input type="hidden" name="paymentIds[]"  data-index="${index}" id="payment-ids[${index}]" value="${paymentIds}">
                            </div>
                            <div class="col-sm-6">
                                <label for="amount" class="col-form-label">Amount</label>
                                <input type="text" class="form-control" name="commission_amount"
                                    id="commission-amount[${index}]" placeholder="Amount" disabled value="${amount}">
                            </div>`;
                });

                $("#payment-data").html(newHtml);
                $("#totalAmount").text('$' + totalAmount);
                hideBtnLoader(sendMoneyBtn);
            });

            $("#commision-payout-btn").on('click', function(e) {
                e.preventDefault();

                const payoutBtn = $(this);
                showBtnLoader(payoutBtn);
                var paymentIds = [];
                // var commissionAmount = [];
                $('input[name="paymentIds[]"]').each(function() {
                    paymentIds.push($(this).val());
                    // commissionAmount.push($("#commission-amount[" + $(this).data('index') + "]")
                    //     .val());
                });

                if (paymentIds.length === 0) {
                    backendErrorShow('Error', 'Please select at least one payment to pay commission',
                        'Try again');
                    hideBtnLoader(payoutBtn);
                    return false;
                }


                let hostId = "{{ $event ? $event->user->id : null }}";
                let formData = {
                    paymentIds: paymentIds,
                    // commissionAmount: commissionAmount,
                    hostId: hostId,
                }
                let url = "{{ route('admin.member.createHostPayout') }}";
                let response = ajaxCall(url, 'post', formData, true, true);
                response.then((response) => {
                    if (response.status == true) {
                        backendSuccessShow('Success', response.message, 'OK');
                        $(".swal2-confirm").click(function(e) {
                            window.location.reload();
                        });
                    } else {
                        backendErrorShow('Error', response.message, 'Try again');
                        $(".swal2-confirm").click(function(e) {
                            hideBtnLoader(payoutBtn);
                        });
                    }
                });
            });

            //SHOWING PDF EVENT DESCRIPTION
            jQuery('.show-event-description').click(function() {
                let pdfUrl =
                    "{{ $event->pdfFile('event_description') ? asset('/storage/' . $event->pdfFile('event_description')->path) : '#' }}"

                jQuery('.btn-box-start').remove();
                jQuery('#title').text('Event Description')
                jQuery('#pdf-preview').attr('src', pdfUrl + '#toolbar=0&navpanes=0')
                jQuery('#pdf-preview-modal').modal('show');
            });

            //CLOSING PDF EVENT DESCRIPITION MODAL
            jQuery('.close-modal').click(function() {
                jQuery('#pdf-preview-modal').modal('hide');
            });

            //SHOWING EVENT PRIZE MODAL
            jQuery('.show-event-prize').click(function() {
                // let eventRuleText = "{!! getEventDocData(@$event->id, 'event_prize') !!}"
                let pdfUrl =
                    "{{ $event->pdfFile('event_prize') ? asset('storage/' . $event->pdfFile('event_prize')->path) : '#' }}";


                if (pdfUrl == '#') {
                    iziToast.error({
                        title: 'Error',
                        message: 'This is a participation event only - No prizes have been estabilished for this event.',
                        position: 'topRight'
                    });
                    return false;

                } else {
                    //FOR PREVIOUS EVENT PRIZE MODAL
                    // jQuery(".prize-rule-inner-heading h5").text('Prize Rules')
                    // jQuery('#event-prize-preview').attr('src', pdfUrl + '#toolbar=0&navpanes=0');
                    // jQuery('#preview-event-prize').modal('show');
                    jQuery('.btn-box-start').remove();
                    jQuery('#title').text('Event Prize')
                    jQuery('#pdf-preview').attr('src', pdfUrl + '#toolbar=0&navpanes=0')
                    jQuery('#pdf-preview-modal').modal('show');
                }
            });

            //SHOWING EVENT RULES
            jQuery('.show-event-rules').click(function() {
                let pdfUrl =
                    "{{ $event->pdfFile('event_rules') ? asset('/storage/' . $event->pdfFile('event_rules')->path) : '#' }}"

                jQuery('.btn-box-start').remove();
                jQuery('#title').text('Event official rules')
                jQuery('#pdf-preview').attr('src', pdfUrl + '#toolbar=0&navpanes=0')
                jQuery('#pdf-preview-modal').modal('show');
            });

        });
    </script>
@endpush