@extends('layouts.app')
@section('content')
    <div class="row">
        <div class="col-lg-6 col-md-12">
            <div class="x_panel">
                <div class="x_title d-flex align-items-center title_wrap">
                    <h2>Account Details</h2>
                    @if (strtoupper($user->SmokingStatus) == 'FREE')
                        <p class="badge text-bg-success mb-0 ml-2 p-1">{{ $user->SmokingStatus }}</p>
                    @elseif(strtoupper($user->SmokingStatus) == 'SMOKER')
                        <p class="badge text-bg-warning  mb-0 ml-2 p-1">{{ $user->SmokingStatus }}</p>
                    @else
                        <p class="badge text-bg-danger mb-0 ml-2 p-1">{{ $user->SmokingStatus }}</p>
                    @endif
                    <div class="clearfix"></div>
                </div>

                <div class="x_content">
                    <div class="col-md-12 col-xs-12">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <ul class="list-group">
                                    <li class="list-group-item">ID: <strong> {{ $user->iUserID }} </strong></li>
                                    <li class="list-group-item">Name: <strong>{{ $user->userProfile->vName }}</strong></li>
                                    <li class="list-group-item">Mobile:<strong>{{ $user->userInfo->vMobile ?? '' }}</strong>
                                    </li>
                                    <li class="list-group-item">Email: <strong>{{ $user->userInfo->vEmail ?? '' }}</strong>
                                    </li>
                                    <li class="list-group-item {{ $user->bDeleted == 0 ? '' : 'text-danger' }}">
                                        Deleted: <strong>{{ $user->bDeleted == 0 ? 'No' : 'Yes' }}</strong>
                                    </li>
                                    <li class="list-group-item">Active Day ID: <strong>{{ $user->iActiveDayID }}</strong>
                                    </li>
                                    <li class="list-group-item">Last Login: <strong>
                                            @if ($user->dLastLogin)
                                                {{ \Carbon\Carbon::parse($user->dLastLogin)->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong></li>
                                    <li class="list-group-item">Created At: <strong>
                                            @if ($user->dDateCreated)
                                                {{ \Carbon\Carbon::parse($user->dDateCreated)->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong></li>
                                    <li class="list-group-item">App Version:
                                        <strong>{{ $user->userConfig->vAppVersion }}</strong>
                                    </li>
                                    <li class="list-group-item">Selected Program:
                                        <strong>{{ $user?->program?->vAdminName }}</strong>
                                    </li>
                                    <li class="list-group-item">Device Type: <strong>{{ $user->vDeviceType }}</strong>
                                    </li>
                                    <li class="list-group-item">Login Type: <strong>
                                            @if ($user->userConfig->SocialLoginType == 1)
                                                <i class='fa fa-google'></i>
                                            @elseif($user->userConfig->SocialLoginType == 2)
                                                <i class='fa fa-facebook'></i>
                                            @elseif($user->userConfig->SocialLoginType == 3)
                                                <i class='fa fa-apple'></i>
                                            @elseif($user->userInfo?->vEmail != null)
                                                <i class='fa fa-envelope'></i>
                                            @elseif($user->userInfo?->vMobile != null)
                                                <i class='fa fa-phone'></i>
                                            @endif
                                        </strong>
                                    </li>
                                    <li class="list-group-item">Has Unused Voucher:
                                        <strong>{{ $user->userConfig->bHasUnusedVoucher == 1 ? 'Yes' : 'No' }}</strong>
                                    </li>
                                    <li class="list-group-item">Country: <strong>{{ $user->userConfig->vCountry }}</strong>
                                    </li>
                                    <li class="list-group-item">Active: <strong>{{ $user->bActive }}</strong></li>

                                    <li class="list-group-item">OnBoard Complete:
                                        <strong>{{ $user->userConfig->bOnBoardComplete }}</strong>
                                    </li>

                                    <li class="list-group-item">Email Subscribed :
                                        @if (Auth::guard('admin')->user()->bUser == 1)
                                            <label>
                                                <input type="checkbox" class="js-switch" name="chkEmailSubscribed"
                                                    id="chkEmailSubscribed"
                                                    {{ $user->userConfig->bEmailSubscribed == 1 ? 'checked' : '' }} />
                                            </label>
                                        @else
                                            <strong>{{ $user->userConfig->bEmailSubscribed }}</strong>
                                        @endif
                                    </li>

                                    <li class="list-group-item">Transactional Emails :
                                        @if (Auth::guard('admin')->user()->bUser == 1)
                                            <label>
                                                <input type="checkbox" class="js-switch" name="chkTransactSubscribed"
                                                    id="chkTransactSubscribed"
                                                    {{ $user->userConfig->bTransactSubscribed == 1 ? 'checked' : '' }} />
                                            </label>
                                        @else
                                            <strong>{{ $user->userConfig->bTransactSubscribed }}</strong>
                                        @endif
                                    </li>
                                    <li class="list-group-item">
                                        <a href="{{ route('users.additional-detail', ['userId' => $user->iUserID]) }}"
                                            class="btn btn-success btn-sm" target="_blank">Show Additional Details</a>
                                        <a href="{{ route('users.user-journey-log', ['userId' => $user->iUserID, 'bActive' => $user->bActive]) }}"
                                            class="btn btn-success btn-sm" target="_blank">Show User
                                            Logs</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="x_panel">
                <div class="x_title">
                    <h2>User Programs</h2>
                    @if (Auth::guard('admin')->user()->bUser == 1)
                        <ul class="nav navbar-right panel_toolbox">
                            <li><button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                    data-target="#bs-modal-new-program">Create New Program</button></li>
                        </ul>
                    @endif
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="col-md-12 col-xs-12">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <ul class="list-group">
                                    <li class="list-group-item">
                                        @foreach ($userPrograms as $userProgram)
                                            @if ($userProgram->iProgramID == $iProgramID)
                                                <a href="#"
                                                    class="btn btn-success btn-sm">{{ $userProgram->program->vAdminName }}</a>
                                            @else
                                                <a href="{{ route('users.detail', ['userId' => $user->iUserID, 'programId' => $userProgram->iProgramID]) }}"
                                                    class="btn btn-default btn-sm">{{ $userProgram->program->vAdminName }}</a>
                                            @endif
                                        @endforeach
                                    </li>
                                    <li class="list-group-item">Day ID:
                                        <strong>{{ $selectedSubscription['iActiveDayID'] }}</strong>
                                    </li>
                                    <li class="list-group-item">Created On: <strong>
                                            @if ($selectedSubscription['dDateCreated'])
                                                {{ \Carbon\Carbon::parse($selectedSubscription['dDateCreated'])->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="x_panel">
                <div class="x_title">
                    <h2>Program Progress</h2>
                    @if (Auth::guard('admin')->user()->bUser == 1)
                        <ul class="nav navbar-right panel_toolbox">
                            <li><button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                    data-target="#bs-modal-update-active-day">Change Active Day</button></li>
                        </ul>
                    @endif
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="col-md-12 col-xs-12">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <ul class="list-group">
                                    <li class="list-group-item">
                                        @foreach ($userDays as $userDay)
                                            @if ($userDay->iDayID == $dayId)
                                                <a href="{{ route('users.day-detail', ['userId' => $user->iUserID, 'programId' => $iProgramID, 'dayId' => $userDay->iDayID]) }}"
                                                    class="btn btn-success btn-sm">Day {{ $userDay->day->vDay }}</a>
                                            @else
                                                <a href="{{ route('users.day-detail', ['userId' => $user->iUserID, 'programId' => $iProgramID, 'dayId' => $userDay->iDayID]) }}"
                                                    class="btn btn-default btn-sm">Day {{ $userDay->day->vDay }}</a>
                                            @endif
                                        @endforeach
                                    </li>
                                    <li class="list-group-item">Day ID: <strong>{{ $userDayInfo->iDayID ?? '' }}</strong>
                                    </li>
                                    <li class="list-group-item">Created On: <strong>
                                            @if ($userDayInfo?->dDateCreated)
                                                {{ \Carbon\Carbon::parse($userDayInfo->dDateCreated)->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong>
                                    </li>
                                    <li class="list-group-item">Activated On: <strong>
                                            @if ($userDayInfo?->dStartDate)
                                                {{ \Carbon\Carbon::parse($userDayInfo->dStartDate)->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong>
                                    </li>
                                    <li class="list-group-item">Started On: <strong>
                                            @if ($startDateofDay)
                                                {{ \Carbon\Carbon::parse($startDateofDay)->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong>
                                    </li>
                                    <li class="list-group-item">Module
                                        Complete:<strong>{{ $userDayInfo->bChapterComplete ?? '' }}</strong></li>
                                    <li class="list-group-item">Completed On: <strong>
                                            @if ($userDayInfo?->dCompletedDate)
                                                {{ \Carbon\Carbon::parse($userDayInfo->dCompletedDate)->format('d-m-Y H:i:s') }}
                                            @endif
                                        </strong>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="ln_solid"></div>
                        <div class="row">
                            @if (Auth::guard('admin')->user()->bUser == 1)
                                <div class="col-md-12 col-xs-12">
                                    <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                        <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                                            data-target="#bs-resetprogress-modal-sm">RESET Progress</button>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
            <div class="x_panel">
                <div class="x_title">
                    <h2>Chapters</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Start Date</th>
                                <th>Complation Date</th>
                                <th>Shown</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($chapters as $chapter)
                                <tr>
                                    <td>{{ $chapter->iChapterId }} </td>
                                    <td>{{ $chapter->vTitle }}</td>
                                    <td>
                                        @if ($chapter->dDateCreated)
                                            {{ \Carbon\Carbon::parse($chapter->dDateCreated)->format('d-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($chapter->dDateUpdated)
                                            {{ \Carbon\Carbon::parse($chapter->dDateUpdated)->format('d-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($user->iUserID % 2 == 0 && ($chapter->iABTest == 0 || $chapter->iABTest == 1))
                                            <strong class='green'>Yes</strong>
                                        @elseif($user->iUserID % 2 == 1 && ($chapter->iABTest == 0 || $chapter->iABTest == 2))
                                            <strong class='green'>Yes</strong>
                                        @else
                                            No
                                        @endif
                                    </td>
                                    <td>
                                        @if ($chapter->bCompleted == 1)
                                            <i class='fa fa-check green'></i>
                                        @else
                                            @if ($chapter->iSubModuleId != null)
                                                {{ $chapter->iSubModuleId }}
                                            @else
                                                {{ $chapter->vLocation }}
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
            <div class="x_panel">
                <div class="x_title">
                    <h2>Forms</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Start Date</th>
                                <th>Complation Date</th>
                                <th>Shown</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($forms as $form)
                                <tr>
                                    <td>{{ $form->iFormId }}</td>
                                    <td>{{ $form->vFormName }}</td>
                                    <td>
                                        @if ($form->dDateCreated)
                                            {{ \Carbon\Carbon::parse($form->dDateCreated)->format('d-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($form->dDateCompleted)
                                            {{ \Carbon\Carbon::parse($form->dDateCompleted)->format('d-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($user->iUserID % 2 == 0 && ($form->iABTest == 0 || $form->iABTest == 1))
                                            <strong class='green'>Yes</strong>
                                        @elseif($user->iUserID % 2 == 1 && ($form->iABTest == 0 || $form->iABTest == 2))
                                            <strong class='green'>Yes</strong>
                                        @else
                                            No
                                        @endif
                                    </td>
                                    <td>
                                        @if ($form->bCompleted == 1)
                                            <i class='fa fa-check green'></i>
                                        @else
                                            <i class='fa fa-close red'></i>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="x_panel">
                <div class="x_title">
                    <h2>Exercise</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Title</th>
                                <th>Count</th>
                                <th>Start Date</th>
                                <th>Complation Date</th>
                                <th>Shown</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($exercises as $exercise)
                                <tr>
                                    <td>{{ $exercise->iExerciseID }}</td>
                                    <td>{{ $exercise->vTitle }}</td>
                                    <td>{{ ($exercise->iNumOfView ?? 0) . '/' . $exercise->iCount }}</td>
                                    <td>
                                        @if ($exercise->dDateCreated)
                                            {{ \Carbon\Carbon::parse($exercise->dDateCreated)->format('d-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($exercise->dDateUpdated)
                                            {{ \Carbon\Carbon::parse($exercise->dDateUpdated)->format('d-m-Y H:i:s') }}
                                        @endif
                                    </td>
                                    <td>
                                        @if ($user->iUserID % 2 == 0 && ($exercise->iABTest == 0 || $exercise->iABTest == 1))
                                            <strong class='green'>Yes</strong>
                                        @elseif($user->iUserID % 2 == 1 && ($exercise->iABTest == 0 || $exercise->iABTest == 2))
                                            <strong class='green'>Yes</strong>
                                        @else
                                            No
                                        @endif
                                    </td>
                                    <td>
                                        @if ($exercise->bCompleted == 1)
                                            <i class='fa fa-check green'></i>
                                        @else
                                            <i class='fa fa-close red'></i>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-12">
            <div class="x_panel">
                <div class="x_title title_wrap">
                    <h2>Subscription</h2>
                    <ul class="nav navbar-right panel_toolbox">
                        @if ($userSubscription?->bRefund != '0')
                            <li>
                                <p class="badge text-bg-danger mb-0 ml-2 p-1">REFUNDED</p>
                            </li>
                        @endif

                        @if (Auth::guard('admin')->user()->bUser == 1 && $userSubscription?->bRefund == '0')
                            <li> <button class="btn btn-danger btn-sm" data-toggle="modal"
                                    data-target=".bs-refund-subscription-modal-sm">REFUND</button> </li>
                        @endif
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    @if ($userSubscription)
                        <ul class="list-group">
                            <li class="list-group-item">Subscribed:
                                <strong>{{ $userSubscription->bSubscribed == 1 ? 'Yes' : 'No' }}</strong>
                            </li>
                            <li class="list-group-item">Expiry Date:
                                <strong>
                                    @if ($userSubscription->dExpiryDate)
                                        {{ \Carbon\Carbon::parse($userSubscription->dExpiryDate)->format('d-m-Y H:i:s') }}
                                    @endif
                                </strong>
                            </li>
                            <li class="list-group-item">Previously
                                Subscribed:<strong>{{ $userSubscription->bPreviouslySubscribed == 1 ? 'Yes' : 'No' }}</strong>
                            </li>
                            <li class="list-group-item">First Subscription Date:
                                <strong>
                                    @if ($userSubscription->dFirstSubDate)
                                        {{ \Carbon\Carbon::parse($userSubscription->dFirstSubDate)->format('d-m-Y H:i:s') }}
                                    @endif
                                </strong>
                            </li>
                            <li class="list-group-item">Subscription
                                ID:<strong>{{ $userSubscription->vSubscriptionID }}</strong></li>
                            <li class="list-group-item">Platform: <strong>{{ $userSubscription->vPlatform }}</strong></li>
                            <li class="list-group-item">Product ID: <strong>{{ $userSubscription->vProductId }}</strong>
                            </li>
                            <li class="list-group-item">Renewal Date:
                                <strong>
                                    @if ($userSubscription->dRenewalDate)
                                        {{ \Carbon\Carbon::parse($userSubscription->dRenewalDate)->format('d-m-Y H:i:s') }}
                                    @endif
                                </strong>
                            </li>
                            <li class="list-group-item">Refund: <strong>{{ $userSubscription->bRefund }}</strong></li>
                        </ul>

                        <div class="ln_solid"></div>
                        <div class="form-group">
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                @if (Auth::guard('admin')->user()->bUser == 1)
                                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                        data-target=".bs-updatesubscription-modal-sm">Edit</button>
                                @endif
                                <button type="button" class="btn btn-success btn-sm" data-toggle="modal"
                                    data-target=".bs-subscription-history-modal-sm">Show Subscription History</button>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
            <div class="x_panel">
                <div class="x_title">
                    <h2>Smoking History</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="col-md-12 col-xs-12">
                        <ul class="list-group">
                            <li class="list-group-item">Smoke Count: <strong>{{ $user->userProfile->iSmokingCigarettes }}
                                </strong> per <strong>{{ $user->userProfile->vMode }}</strong></li>
                            <li class="list-group-item">Price:<strong>{{ $user->userProfile->decPayPrice }}</strong> per
                                <strong>{{ $user->userProfile->iPayMode }}</strong>
                            </li>
                        </ul>

                        <div class="ln_solid"></div>
                        <div class="form-group">
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                @if (Auth::guard('admin')->user()->bUser == 1)
                                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                        data-target=".bs-updatesmokingcount-modal-sm">Edit</button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="x_panel">
                <div class="x_title">
                    <h2>Sources</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="col-md-12 col-xs-12 table-responsive">
                        <table id="datatableSources" class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Source</th>
                                    <th>Medium</th>
                                    <th>Campaign</th>
                                </tr>
                            </thead>


                            <tbody>
                                @foreach ($userSource as $index => $source)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $source->vSource }}</td>
                                        <td>{{ $source->vMedium }}</td>
                                        <td>{{ $source->vCampaign }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="x_panel">
                <div class="x_title">
                    <h2>Smoking Count</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="col-md-12 col-xs-12">
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                Total Cigarettes Tracked : <strong
                                    id="totalCigTracked">{{ $user->totalCigTracked->TotalCig ?? 0 }}</strong>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_content" id="SmokingCountContainerBarDiv">
                                        <figure class="highcharts-figure">
                                            <div id="SmokingCountContainer"></div>
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="x_panel">
                <div class="x_title">
                    <h2>Quit Angel Details</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="col-md-12 col-xs-12">
                        <ul class="list-group">
                            <li class="list-group-item">Name: <strong>{{ $user->userAngel->vAngelName ?? '' }}</strong>
                            </li>
                            <li class="list-group-item">Email: <strong>{{ $user->userAngel->vAngelEmail ?? '' }}</strong>
                            </li>
                            <li class="list-group-item">Email Subscribed:
                                <strong>{{ $user->userAngel ? ($user->userAngel->bEmailSubscribed == 1 ? 'Yes' : 'No') : '' }}</strong>
                            </li>
                        </ul>

                        <div class="ln_solid"></div>
                        @if (Auth::guard('admin')->user()->bUser == 1)
                            <div class="form-group">
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                        data-target=".bs-updatequitangel-modal-sm">Edit</button>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="x_panel">
                <div class="x_title">
                    <h2>Journal</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div>
                        @foreach ($forms as $journal)
                            <h2></h2>
                            <ul class="messages">
                                @if (is_array($journal->userResponse))
                                    @for ($i = 0; $i < count($journal->userResponse); $i++)
                                        <li>
                                            <div class="message_wrapper">
                                                <h4>#{{ $i + 1 }}: {{ $journal->userResponse[$i]->label }}</h4>
                                                <blockquote class="message">
                                                    @if ($journal->userResponse[$i]->type == 'checkbox-group')
                                                        <ul>
                                                            @for ($j = 0; $j < count($journal->userResponse[$i]->values); $j++)
                                                                @if ($journal->userResponse[$i]->values[$j]->selected === true)
                                                                    <li>
                                                                        @if (strtolower(substr($journal->userResponse[$i]->values[$j]->value, 0, 5)) == 'other')
                                                                            {{ isset($journal->userResponse[$i]->values[$j]->txtValue) ? $journal->userResponse[$i]->values[$j]->txtValue : '' }}
                                                                        @else
                                                                            {{ isset($journal->userResponse[$i]->values[$j]->value) ? $journal->userResponse[$i]->values[$j]->value : '' }}
                                                                        @endif
                                                                    </li>
                                                                @endif
                                                            @endfor
                                                        </ul>
                                                    @elseif($journal->userResponse[$i]->type == 'radiobutton-group')
                                                        @foreach ($journal->userResponse[$i]->values as $radio)
                                                            @if ($radio && $radio->selected === true)
                                                                {{ $radio->value }}
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        {{ isset($journal->userResponse[$i]->value) ? $journal->userResponse[$i]->value : '' }}
                                                    @endif
                                                </blockquote>
                                            </div>
                                        </li>
                                    @endfor
                                @else
                                    Not found
                                @endif
                            </ul>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

    </div>
    @if (Auth::guard('admin')->user()->bUser == 1)
        <div class="row">
            <div class="col-md-12 col-xs-12">
                <div class="x_panel">
                    @if ($user->bDeleted === 0)
                        <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                            data-target=".bs-deleteuser-modal-sm">Delete
                            User</button>
                    @else
                        <button type="button" class="btn btn-danger btn-sm disabled">Delete User</button>
                    @endif

                </div>
            </div>
        </div>
        @if ($user->bDeleted === 0)
            @include('users.delete-modal')
        @endif
    @endif
    @include('users.modal')
    @include('users.add-program-modal')
    @include('users.change-active-day-modal')
    @include('users.reset-progress-modal')
    @include('users.refund-modal')
    @include('users.subscription-history-modal')
    @include('users.update-subscription-modal')
    @include('users.smoking-count-modal')
    @include('users.update-quit-angel-modal')
@endsection

@push('scripts')
    <script type="module">
        $(document).ready(function() {
            function numbersonly(e) {
                var unicode = e.charCode ? e.charCode : e.keyCode
                if (unicode != 8) { //if the key isn't the backspace key (which we should allow)
                    if (unicode != 46 && unicode > 31 && unicode < 48 || unicode > 57) //if not a number
                        return false //disable key press
                }
            }
            $('.coming_soon').click(function(e) {
                e.preventDefault();
                dalert.alert('Coming Soon');
            });


            $("#chkEmailSubscribed").on("click", function() {
                $("#bEmailSubscribed").val($(this).is(':checked'));
                $("#updateEmailSubscribed .status_value").html(($(this).is(':checked') ? "Subscribed" :
                    "Unsubscribed"));
                $('#updateEmailSubscribed').modal('show');
            });

            $("#btnCancelEmailSubscribed").on("click", function() {
                var element = $('#chkEmailSubscribed');
                if ($("#bEmailSubscribed").val() == "true") {
                    changeSwitchery(element, false);
                } else {
                    changeSwitchery(element, true);
                }
            });

            $("#chkTransactSubscribed").on("click", function() {
                $("#bTransactSubscribed").val($(this).is(':checked'));
                $("#updateTransactSubscribed .status_value").html(($(this).is(':checked') ? "Subscribed" :
                    "Unsubscribed"));
                $('#updateTransactSubscribed').modal('show');
            });

            $("#btnCancelTransactSubscribed").on("click", function() {
                var element = $('#chkTransactSubscribed');
                if ($("#bTransactSubscribed").val() == "true") {
                    changeSwitchery(element, false);
                } else {
                    changeSwitchery(element, true);
                }
            });

            function changeSwitchery(element, checked) {
                if ((element.is(':checked') && checked == false) || (!element.is(':checked') && checked == true)) {
                    element.parent().find('.switchery').trigger('click');
                }
            }
            /** Update subscription Popup Submit **/
            $("#frmupdatesubscription").on("submit", function(e) {
                e.preventDefault();

                // Clear previous errors
                $('.error-messages').hide().empty();

                $.ajax({
                    type: "POST",
                    url: "{{ route('user.update-subscription') }}",
                    data: $(this).serialize(),
                    success: function(response) {
                        if (response.status) {
                            $('.error-messages').hide();
                            window.location.reload();
                        } else {
                            $('.error-messages')
                                .html(`<p>${response.message}</p>`)
                                .show();
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            let errors = xhr.responseJSON.errors;
                            let errorHtml = '<ul>';

                            // Process each error message
                            Object.keys(errors).forEach(function(field) {
                                errorHtml += `<li>${errors[field][0]}</li>`;
                            });

                            errorHtml += '</ul>';
                            $('.error-messages').html(errorHtml).show();
                        } else {
                            $('.error-messages')
                                .html('<p>Something went wrong. Please try again.</p>')
                                .show();
                        }
                    }
                });
            });

            /** Update smoking count Popup Submit **/
            $("#frmupdatesmokingcount").on("submit", function(e) {
                e.preventDefault();

                // Clear previous errors
                $('.error-messages').hide().empty();

                $.ajax({
                    type: "POST",
                    url: "{{ route('user.update-smoking-count') }}",
                    data: $(this).serialize(),
                    success: function(response) {
                        if (response.status) {
                            $('.error-messages').hide();
                            window.location.reload();
                        } else {
                            $('.error-messages')
                                .html(`<p>${response.message}</p>`)
                                .show();
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            let errors = xhr.responseJSON.errors;
                            let errorHtml = '<ul>';

                            // Process each error message
                            Object.keys(errors).forEach(function(field) {
                                errorHtml += `<li>${errors[field][0]}</li>`;
                            });

                            errorHtml += '</ul>';
                            $('.error-messages').html(errorHtml).show();
                        } else {
                            $('.error-messages')
                                .html('<p>Something went wrong. Please try again.</p>')
                                .show();
                        }
                    }
                });
            });

            /**Smoking Count Chart**/
            const smokingData = @json($lastSevenDaysSmokingCount);

            Highcharts.chart('SmokingCountContainer', {
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'Last 7 Days Smoking Counts'
                },
                xAxis: {
                    categories: smokingData.days
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'Smoking Count'
                    },
                    stackLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'bold',
                            color: Highcharts.defaultOptions.title.style?.color || 'gray',
                            textOutline: 'none'
                        }
                    }
                },
                legend: {
                    align: 'right',
                    x: -30,
                    verticalAlign: 'top',
                    y: 25,
                    floating: true,
                    backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || 'white',
                    borderColor: '#CCC',
                    borderWidth: 1,
                    shadow: false
                },
                plotOptions: {
                    column: {
                        stacking: 'normal',
                        dataLabels: {
                            enabled: false
                        }
                    }
                },
                series: [{
                    name: 'Smoking Count',
                    data: smokingData.smokingcount
                }],
                responsive: {
                    rules: [{
                        condition: {
                            maxWidth: 600 // adjust for mobile screens
                        },
                        chartOptions: {
                            chart: {
                                height: 300
                            },
                            title: {
                                style: {
                                    fontSize: '14px'
                                }
                            },
                            xAxis: {
                                labels: {
                                    style: {
                                        fontSize: '10px'
                                    }
                                }
                            },
                            yAxis: {
                                title: {
                                    style: {
                                        fontSize: '10px'
                                    }
                                }
                            },
                            legend: {
                                align: 'center',
                                verticalAlign: 'bottom',
                                layout: 'horizontal',
                                x: 0,
                                y: 0,
                                floating: false
                            },
                            credits: {
                                enabled: false
                            }
                        }
                    }]
                }
            });
        });
    </script>
@endpush