@extends('layouts.dashboard.app')

@php
    $body_class = 'fullpage';

    $header_params = [
                'heading_page_title' => 'Manage Websites',
        ];
@endphp

@section('content')
    <div class="wrapper header-fixed sidebar-gutters">
        <main class="content">
            <div class="container content-container">
                <section class="section-wrapper">
                    <div class="wrappe-container">
                        <div class="section-wrapper--header">

                            <div class="container section-wrapper--header--container">
                                @if(\App\Models\Website::STATUSES)
                                <div class="select-wrapper select-light form-group input--lg input--lg-2 select-500 w-142">
                                    <form action="{{ route('dashboard.websites.index') }}" method="get">
                                        <select name="status" class="website-status-filter select-default" data-minimum-results-for-search="Infinity">
                                            <option value="">All Statuses</option>
                                            @foreach(\App\Models\Website::STATUSES as $st)
                                                <option {{ (request('status') == $st['key'])?'selected="selected"':''  }} value="{{ $st['key'] }}">{{ $st['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </form>
                                </div>
                                @endif
                                <a href="{{ route('dashboard.websites.create') }}" class="btn btn--primary btn--lg btn--lg-2">
                                    <span class="ico">
                                        @php include(public_path('dash/img/ico-plus.svg')) @endphp
                                    </span>
                                    <span>Add Website</span>
                                </a>
                            </div>

                        </div>
                        <div class="section-wrapper--body">
                            <div class="row gutters-14">
                                @if($websites->count())
                                    @php
                                        $user = auth()->user();
                                        $activeSub = $user?->activeSubscription();
                                        $c_period = $activeSub->getCurrentCycleDates();

                                    @endphp

                                    @foreach($websites as $website)
                                        @php
                                            $site_views_by_cycle = 0;
                                            $site_accept_count_by_cycle = 0;
                                            $site_accept_percent = 0;

                                            if($c_period){
                                                $views_by_sub = $website->webstats()->where('time', '>=', $c_period[0])->where('time', '<=', $c_period[1])->get();
                                                $site_views_by_cycle= $views_by_sub->sum('views');
                                                $site_accept_count_by_cycle= $views_by_sub->sum('accept_count');
                                                $site_accept_percent = calculatePercentage($site_accept_count_by_cycle, $site_views_by_cycle);
                                            }
                                        @endphp
                                        <div class="col-lg-6 col-md-6 col-12">
                                            <div class="webside-block">
                                                <div class="website-block--item overflow-hidden justify-between">
                                                    <div class="website-info">
                                                        <div class="website-titled">
                                                            <div class="ico website-titled-logo">
                                                                <img src="http://www.google.com/s2/favicons?domain={{ $website->domain }}">
                                                            </div>
                                                            <p class="website-titled-link">{{ $website->domain }}</p>
                                                            @if($website->isActive())
                                                                <div class="website-titled-status --success"></div>
                                                            @endif
                                                        </div>
                                                        <div class="website-desk-pass">
                                                            <p style="white-space: pre-wrap;word-break: break-word;width: fit-content;" class="item_key"  >{{ $website->hidedKey() }}</p>
                                                            <a href="#"  data-key="{{ $website->key }}" data-hkey="{{ $website->hidedKey() }}" class="show_whole_key btn">
                                                                <span class="ico"><img src="{{ asset('dash/img/ico-visible.svg') }}"></span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <form  class="website_renewkey_form" action="{{ route('dashboard.websites.renew-key', $website) }}" method="post">
                                                        @csrf
                                                        <button type="submit" href="#" class="btn btn--primary btn--lg btn--lg-2 w-max">
                                                            <span>Renew Key</span>
                                                        </button>
                                                    </form>
                                                </div>
                                                <div class="website-block--item overflow-hidden">
                                                    <ul class="features-website-list">
                                                        <li>
                                                            <span class="fs-24 --gradient-text">
                                                                {{ number_format($site_accept_percent, 0) }} %
                                                            </span>
                                                            <span>compliance</span>
                                                        </li>
                                                        <li>
                                                            <span class="fs-24 --gradient-text">{{ number_format($site_accept_count_by_cycle, 0) }}</span>
                                                            <span>accepts</span>
                                                        </li>
                                                        <li>
                                                            <span class="fs-24 --gradient-text">{{ number_format($site_views_by_cycle, 0) }}</span>
                                                            <span>page views</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="website-block--item flex-unset">
                                                    <a href="#" class="btn btn--square btn--lg btn--lg-2">
                                                        <span class="ico"><img src="{{ asset('dash/img/ico-helping.svg') }}"></span>
                                                    </a>
                                                    <a href="{{ route('dashboard.websites.edit', $website) }}" class="btn btn--square btn--light btn--lg btn--lg-2">
                                                        <span class="ico"><img src="{{ asset('dash/img/ico-edit.svg') }}"></span>
                                                    </a>
                                                    <form action="{{ route('dashboard.websites.destroy', $website) }}" class="general-ajax-submit" method="POST">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" href="#" class="ask btn btn--square btn--light btn--lg btn--lg-2">
                                                            <span class="ico"><img src="{{ asset('dash/img/ico-trash.svg') }}"></span>
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="col-lg-12 col-12">
                                        <div class="">
                                            <p class="sidebar-link--text">You have no registered Websites</p>
                                        </div>
                                    </div>
                                @endif

                            </div>
                        </div>
                    </div>
                </section>
            </div>

        </main>

        <x-footer-dashboard />
    </div>



@endsection



@push('scripts')
    <script src="{{ asset('dash/js/websites.js') }}"></script>
@endpush