@extends('admin.layouts.master')
@section('breadcrumb')
    <section class="content-header">
        <h1>
            Store
        </h1>
        <ul class="breadcrumb">
            <li><a href="{{ route('admin.stores.index') }}">Stores</a> <i class="fa fa-minus" aria-hidden="true"></i>
            </li>
            <li class="active"> View</li>
        </ul>
    </section>

@stop
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-dark">
                        <span class="caption-subject ">{{ ucfirst($store->name) }}</span>
                        @if(!$store->is_deleted)
                            <span class="badge badge-primary">Active</span>
                        @else
                            <span class="badge badge-warning">Inactive</span>
                        @endif
                    </div>
                    <div style="float:right">
                        <a href="{{ route('admin.stores.logs', ['shop_id' => $store->shop_id]) }}"
                           class="btn btn-primary">
                            View Logs
                        </a>
                        <a href="{{ route('admin.stores.configured_data_events', ['shop_id' => $store->shop_id]) }}"
                           class="btn btn-primary">
                            View Configured Data Events
                        </a>
                        @if(env('APP_ENV') == 'local')
                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                    data-target="#reminderModal">
                                Reminders
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-body quotation">
                    <div class="table-scrollable">
                        <table class="table table-user-information">
                            <tbody>
                            <tr>
                                <td>Shop Name
                                    <dd>
                                        <b>{{ $store->name }}</b>
                                    </dd>
                                </td>
                                <td>Total Registered Events
                                    <dd>
                                        <b>{{ $store->registeredEventsAndChannels
                                        ->count() }}</b>
                                    </dd>
                                </td>
                                <td>Active Events
                                    <dd>
                                        <b>{{ $store->registeredEventsAndChannels->where('status',1)->count() }}
                                        </b>
                                    </dd>
                                </td>
                                <td>User Plan
                                    <dd>
                                        <b id="quotation-status">{{ ucfirst($store->current_plan_type ?? "N/A") }}</b>
                                        @php
                                            $active_trial = \App\Entities\PlansHistory::where('shop_id', $store->shop_id)
                                                ->where('charge_status', 'ACTIVE')
                                                ->where('charge_type', 'recurring')
                                                ->where('is_trial', true)
                                                ->whereNotNull('trial_ends_at')
                                                ->latest('created_at')
                                                ->first();
                                        @endphp
                                        @if($active_trial)
                                            @php
                                                $trialEndsAt = \Carbon\Carbon::parse($active_trial->trial_ends_at);
                                                $isTrialActive = $trialEndsAt->isFuture();
                                            @endphp
                                            @if($isTrialActive)
                                                <br><span class="badge badge-info">On Trial</span>
                                            @else
                                                <br><span class="badge badge-warning">Trial Ended</span>
                                            @endif
                                        @endif
                                    </dd>
                                </td>

                                <td> First Installation DateTime
                                    <dd>
                                        <b>{{ $store->created_at }}</b>
                                    </dd>
                                </td>
                                <td>Address
                                    <dd>
                                        <b>{{ $store->address}}</b>
                                    </dd>
                                </td>


                            </tr>
                            <tr>
                                <td>Shop Owner
                                    <dd>
                                        <b>{{ $store->shop_owner }}</b>
                                    </dd>
                                </td>
                                <td>Total Registered Channels
                                    <dd>
                                        <b>{{ $store->registeredEventsAndChannels
                                        ->groupBy('channel_id')
                                        ->count() }}</b>
                                    </dd>
                                </td>

                                <td>Active Channels
                                    <dd>
                                        <b>{{ $store->registeredEventsAndChannels
                                        ->where('status',1)
                                        ->groupBy('channel_id')
                                        ->count() }}</b>
                                    </dd>
                                </td>
                                <td>Unlimited allowed quota by Admin
                                    <dd>
                                        <b>{{ $store->allowed_unlimited_plan?"Yes":"No" }}</b>
                                    </dd>
                                </td>
                                <td>Last Opened
                                    <dd>
                                        <b>{{ ($store->last_opened) }}</b>
                                    </dd>
                                </td>
                                <td>Province
                                    <dd>
                                        <b>{{ $store->province}}</b>
                                    </dd>
                                </td>


                            </tr>
                            <tr>
                                @php
                                    $total_processed_jobs= $store->processed_jobs()->count();
                                @endphp
                                <td>MyShopify Domain
                                    <dd>
                                        <b>{{ $store->myshopify_domain }}</b>
                                    </dd>
                                </td>
                                <td>Total Processed Jobs
                                    <dd>
                                        <b>{{ $total_processed_jobs }}</b>
                                    </dd>
                                </td>
                                <td>Remaining Jobs
                                    <dd>
                                        <b>{{ (allowed_webhooks_tasks($store->current_plan_type, $store))-$total_processed_jobs }}</b>
                                    </dd>
                                </td>

                                <td>Usage Based Charge API Tries
                                    <dd>
                                        <b>{{ $store->usage_based_charge_api_tries }}</b>
                                    </dd>
                                </td>

                                <td> Uninstalled At
                                    <dd>
                                        <b>
                                            @if($store->uninstalled_at)
                                                <b>{{ $store->uninstalled_at }}</b>
                                            @endif
                                        </b>
                                    </dd>
                                </td>

                                <td>Language
                                    <dd>
                                        <b>{{ ($store->primary_locale) }}</b>
                                    </dd>
                                </td>

                            <tr>
                                <td>Domain
                                    <dd>
                                        <b>{{ $store->domain }}</b>
                                    </dd>
                                </td>
                                @php
                                    $active_trial = \App\Entities\PlansHistory::where('shop_id', $store->shop_id)
                                        ->where('charge_status', 'ACTIVE')
                                        ->where('charge_type', 'recurring')
                                        ->where('is_trial', true)
                                        ->whereNotNull('trial_ends_at')
                                        ->latest('created_at')
                                        ->first();
                                @endphp
                                <td>Trial Status
                                    <dd>
                                        @if($active_trial)
                                            @php
                                                $trialEndsAt = \Carbon\Carbon::parse($active_trial->trial_ends_at);
                                                $isTrialActive = $trialEndsAt->isFuture();
                                            @endphp
                                            @if($isTrialActive)
                                                <b><span class="badge badge-success">Active Trial</span></b>
                                            @else
                                                <b><span class="badge badge-danger">Trial Ended</span></b>
                                            @endif
                                        @else
                                            <b>No Trial</b>
                                        @endif
                                    </dd>
                                </td>
                                <td>Trial Started
                                    <dd>
                                        @if($active_trial)
                                            <b>{{ $active_trial->created_at->format('M j, Y g:i A') }}</b>
                                        @else
                                            <b>N/A</b>
                                        @endif
                                    </dd>
                                </td>
                                <td> Shopify Plan Name
                                    <dd>
                                        <b>{{ $store->shopify_plan_name }}</b>
                                    </dd>
                                </td>
                                <td> Shop Timezone
                                    <dd>
                                        <b>{{ $store->timezone }}</b>
                                    </dd>
                                </td>

                            </tr>
                            <tr>
                                @if($active_trial)
                                    <td>Trial Ends At
                                        <dd>
                                            <b>{{ \Carbon\Carbon::parse($active_trial->trial_ends_at)->format('M j, Y g:i A') }}</b>
                                        </dd>
                                    </td>
                                    <td>Trial Days
                                        <dd>
                                            <b>{{ $active_trial->trial_days ?? 'N/A' }} days</b>
                                        </dd>
                                    </td>
                                    <td>Time Remaining
                                        <dd>
                                            @php
                                                $trialEndsAt = \Carbon\Carbon::parse($active_trial->trial_ends_at);
                                                $now = \Carbon\Carbon::now();
                                                $daysRemaining = $now->diffInDays($trialEndsAt, false);
                                                $hoursRemaining = $now->diffInHours($trialEndsAt, false);
                                            @endphp
                                            @if($hoursRemaining > 0)
                                                @if($daysRemaining > 0)
                                                    <b><span class="badge badge-info">{{ $daysRemaining }} {{ $daysRemaining == 1 ? 'day' : 'days' }} left</span></b>
                                                @else
                                                    <b><span class="badge badge-warning">{{ $hoursRemaining }} {{ $hoursRemaining == 1 ? 'hour' : 'hours' }} left</span></b>
                                                @endif
                                            @else
                                                <b><span class="badge badge-danger">Expired</span></b>
                                            @endif
                                        </dd>
                                    </td>
                                @endif
                                <td>Has Used Trial
                                    <dd>
                                        <label class="switch" style="margin-top: 5px;">
                                            <input type="checkbox"
                                                   id="trial-toggle-{{ $store->id }}"
                                                   {{ $store->has_used_trial ? 'checked' : '' }}
                                                   onchange="toggleTrialStatus({{ $store->id }})">
                                            <span class="slider round"></span>
                                        </label>
                                        <span id="trial-status-text-{{ $store->id }}" style="margin-left: 10px;">
                                            <b>{{ $store->has_used_trial ? 'Yes' : 'No' }}</b>
                                        </span>
                                    </dd>
                                </td>
                                <td></td>
                                <td></td>
                            </tr>

                            <tr>
                                <td>Owner Email
                                    <dd>
                                        <b>{{ $store->email }}</b>
                                    </dd>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-dark">
                        <span class="caption-subject "> Plans History </span>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                            Change Plan
                        </button>
                    </div>
                </div>
                <div class="portlet-body quotation">
                    <div class="table-scrollable">
                        <table class="table table-user-information">
                            <tbody>
                            <tr>
                                <th>Plan Type</th>
                                <th>Charge Status</th>
                                <th>Charge Type</th>
                                <th>Created At</th>
                                <th>Price</th>
                                <th>Description</th>
                                <th>Charge ID</th>
                                <th>Balance Remaining</th>
                                <th>Risk Level</th>
                                <th>Trial Info</th>

                            </tr>
                            @php
                                // Task 13: prefer the paginated $plansHistory from the controller; fall back to
                                // the (unpaginated) relationship so the view still works if it isn't passed.
                                $store_plans_history = $plansHistory ?? $store->plans_history->sortByDesc('id');
                            @endphp
                            @foreach($store_plans_history as $plans_history)
                                <tr>
                                    <td>{{ ucfirst($plans_history->plan_type) }}</td>
                                    <td>
                                        @php
                                            $statusClasses = ['ACTIVE' => 'badge-primary','FAILED' => 'badge-error','PENDING'=> 'badge-warning',];
                                            $badgeClass = $statusClasses[$plans_history->charge_status] ?? 'badge-warning';
                                        @endphp
                                        <span class="badge {{ $badgeClass }}">{{ $plans_history->charge_status ?? 'None' }}</span>
                                    </td>
                                    <td>{{ ucwords(str_replace('_', ' ', $plans_history->charge_type)) }}</td>
                                    <td>{{  $plans_history->created_at  }}</td>
                                    <td>{{ $plans_history->price }}</td>
                                    <td>{{ $plans_history->description }}</td>
                                    <td>{{ $plans_history->charge_id }}</td>
                                    <td>{{ $plans_history->balance_remaining }}</td>
                                    <td>{{ $plans_history->risk_level }}</td>
                                    <td>
                                        @if($plans_history->is_trial)
                                            <div>
                                                <span class="badge badge-info">Trial</span>
                                                @if($plans_history->trial_days)
                                                    <br><small>{{ $plans_history->trial_days }} days</small>
                                                @endif
                                                @if($plans_history->trial_ends_at)
                                                    <br><small>Ends: {{ \Carbon\Carbon::parse($plans_history->trial_ends_at)->format('M j, Y') }}</small>
                                                @endif
                                            </div>
                                        @else
                                            <span class="badge badge-secondary">No Trial</span>
                                        @endif
                                    </td>


                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                        @if(isset($plansHistory) && method_exists($plansHistory, 'links'))
                            <div id="plans-history" style="padding:10px 0;">
                                {!! $plansHistory->links('pagination::bootstrap-4') !!}
                            </div>
                        @endif

                    </div>
                </div>
                <div class="box-footer">
                    <a class="btn btn-flat" href="{{ route('admin.stores.index') }}">Back </a>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <form action="{{ route('admin.plans.update_user_plan') }}" method="post">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Change User plan</h5>
                        <p>1. You can only upgrade user plan.</p>
                        <p>2. If a user’s subscription plan is upgraded to <span class="bold">Enterprise</span> by the Admin, their job quota becomes unlimited.
                            For users already on the Enterprise plan, you can temporarily downgrade them to a lower-tier plan and then re-upgrade them to Enterprise. This process allows Enterprise users to exceed the 50,000 job limit while maintaining a billing rate of <span>$49</span>.</p>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        @csrf
                        <label>Choose Plan to Switch</label><br/>
                        <select name="new_user_plan" id="new_user_plan">
                            <option {{ $store->current_plan_type=="enterprise"?"selected":"" }} value="enterprise">
                                Enterprise
                            </option>
                            <option {{ $store->current_plan_type=="elite"?"selected":"" }} value="elite">Elite</option>
                            <option {{ $store->current_plan_type=="professional"?"selected":"" }} value="professional">
                                Professional
                            </option>
                            <option {{ $store->current_plan_type=="basic"?"selected":"" }} value="basic">Basic</option>
                        </select>
                        <input type="hidden" name="shop_id" value="{{ $store->shop_id }}">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Change</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="reminderModal" tabindex="-1" role="dialog" aria-labelledby="reminderModalLabel"
         aria-hidden="true">
        <form action="{{ route('admin.store.update_reminders') }}" method="post">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Reminders details</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        @csrf

                        <div class="form-group">
                            <label for="processed_jobs">Processed Jobs:</label>
                            <input type="number" class="form-control" value="{{ $store->processed_jobs_count }}"
                                   name="processed_jobs">
                        </div>

                        <div class="form-group">
                            <label for="processed_jobs">Last Upgrade Plan Reminder Date:</label>
                            <input type="date" class="form-control" name="upgrade_plan_reminder"
                                   value="{{$store->latest_upgrade_plan_reminders->email_sent_at ?? ''}}">
                        </div>


                        <div class="form-group">
                            <label for="processed_jobs">Last Event Setup Reminder Date:</label>
                            <input type="date" class="form-control" name="events_setup_reminder"
                                   value="{{$store->latest_event_setup_reminders->email_sent_at ?? ''}}">
                        </div>

                        <div class="form-group">
                            <label for="processed_jobs">Last Inactive Event Reminder Date:</label>
                            <input type="date" class="form-control" name="inactive_events_reminder"
                                   value="{{$store->latest_inactive_events_reminders->email_sent_at ?? ''}}">
                        </div>

                        <input type="hidden" name="shop_id" value="{{ $store->shop_id }}">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Change</button>
                    </div>
                </div>
            </div>
        </form>
    </div>



    <div class="row">

    </div>

    <style>
        /* Toggle Switch Styles */
        .switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 24px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked + .slider {
            background-color: #2196F3;
        }

        input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        .slider.round {
            border-radius: 24px;
        }

        .slider.round:before {
            border-radius: 50%;
        }
    </style>

    <script>
        function toggleTrialStatus(shopId) {
            const checkbox = document.getElementById('trial-toggle-' + shopId);
            const statusText = document.getElementById('trial-status-text-' + shopId);
            const isChecked = checkbox.checked;

            // Show loading state
            statusText.innerHTML = '<b>Updating...</b>';
            checkbox.disabled = true;

            // Make AJAX request
            const baseUrl = '{{ route("admin.store.toggle_trial", 0) }}';
            const url = baseUrl.replace('0', shopId);

            // Capture the outcome only; do ALL rendering once in .finally() so the
            // success and error paths are mutually exclusive. Previously the toast
            // calls lived inside .then()/.catch(): a throw in the success handler
            // (after the green toast rendered) fell through to the trailing .catch(),
            // firing a spurious "An error occurred" toast even though the update saved.
            let data = null;
            let requestError = null;
            fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                body: JSON.stringify({})
            })
                .then(response => response.json())
                .then(json => { data = json; })
                .catch(error => {
                    requestError = error;
                    console.error('Error:', error);
                })
                .finally(() => {
                    checkbox.disabled = false;

                    if (!requestError && data && data.success) {
                        statusText.innerHTML = '<b>' + (data.has_used_trial ? 'Yes' : 'No') + '</b>';
                        showTrialToast('success', data.message);
                    } else {
                        // Revert checkbox state on failure
                        checkbox.checked = !isChecked;
                        statusText.innerHTML = '<b>' + (!isChecked ? 'Yes' : 'No') + '</b>';
                        const msg = (!requestError && data && data.message)
                            ? data.message
                            : 'An error occurred while updating trial status';
                        showTrialToast('error', msg);
                    }
                });
        }

        function showTrialToast(type, message) {
            if (typeof toastr !== 'undefined') {
                toastr[type](message);
            } else {
                alert(message);
            }
        }
    </script>
@stop