@extends('layouts.dashboard.app')

@php

    $header_params = [
            'btn_back_url' => route('dashboard.websites.index')
    ] ;

    if($website->id){
         $action =  route('dashboard.websites.update-select-template', $website);
    } else {
         $action = route('dashboard.websites.store');
    }

    $step_params = ['step' => 3];

    $cookie_types_list = \App\Models\Website::getCookieTypes();
@endphp

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


                <section class="section-wrapper wrappe-container">

                        <div class="section-wrapper--header --border-header">

                            <div class="container section-wrapper--header--container --sm">
                                <x-dashboard.website-step :sparams="$step_params" />


                                <a href="{{ route('dashboard.websites.edit-setup-code', $website ) }}" href="#" class="btn btn--primary btn--lg btn--lg-2">
                                    <span>Next Step</span>
                                    <span class="ico">
                                        @php include(public_path('dash/img/ico-chevron-next.svg')) @endphp
                                    </span>
                                </a>
                            </div>

                        </div>


                        <section class="full-vh">
                            <!-- <div class="container"> -->
                            <div class="card">
                                <div class="mb-3 flex justify-end">
                                    <form action="{{route('dashboard.websites.auto-site-cookie-settings', $website)}}" class="auto_generate_cookies_form" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn--primary btn--lg btn--lg-2">Auto Generate Cookies</button>
                                    </form>
                                </div>
                                <h1 class="mb-20">Cookie List</h1>
                                <div class="tabs-group">
                                    <div class="tabs-links-container">
                                        <div class="tabs-links-list">
                                            @php
                                                $c_iter = 0;
                                            @endphp
                                            @foreach($cookie_types_list as $k_c => $c)
                                                @php
                                                    $type_cookies = $website->getCookiesByType($c['slug'])??[]
                                                @endphp
                                                <a class="tab-link btn btn--sm radius-10 {{ !$c_iter?'active-tab':'' }}" data-tab-link="" href="#tab__{{ $c['slug'] }}">
                                                    {{ $c['name'] }} ({{ count($type_cookies) }})
                                                </a>
                                                @php
                                                    $c_iter++;
                                                @endphp
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="tabs-body">
                                        @php
                                            $c_iter = 0;
                                        @endphp
                                        @foreach($cookie_types_list as $k_c => $c)
                                            @php
                                              $type_cookies = $website->getCookiesByType($c['slug'])??[]
                                            @endphp
                                            <div class="tab {{ !$c_iter?'active-tab':'' }}" data-id="tab__{{ $c['slug'] }}">
                                                <div class="flex items-center justify-between flex-wrap gap-15 mb-20">
                                                    <h2>{{ $c['name'] }}</h2>
                                                    <a style="border: 1px black solid;" href="#" class=" tw-bg-white tw-border tw-border-black tw-px-6 tw-py-2 tw-rounded-lg tw-text-black hover:tw-bg-opacity-85 " data-slug="{{ $c['slug'] }}" {{--data-modal="#create-cookie"--}}>Create Cookies Manually
                                                        
                                                    </a>
                                                </div>

                                                <ul class="cookie-list">
                                                    @foreach($type_cookies as $type_cookie)
                                                    @if(!isset($type_cookie['id']))
                                                        @continue
                                                    @endif
                                                    <li class="cookie-item">
                                                        <div class="cookie-item__body">
                                                            <div class="flex flex-col gap-8">
                                                                <label class="label">Cookie Name</label>
                                                                <span>{{ $type_cookie['name']??'' }}
                                                                    @if($type_cookie['group']??false)
                                                                        (Group)
                                                                    @endif
                                                                </span>
                                                            </div>
                                                            <div class="flex items-center gap-8">


                                                                <a href="#" data-cookie-data='{{ json_encode($type_cookie) }}' class="edit_site_cookie_btn btn btn--primary btn--xs radius-10" {{--data-modal="#edit-cookie"--}}>Edit</a>

                                                                <form action="{{ route('dashboard.websites.destroy-site-cookie-settings', $website) }}" method="POST" class="general-ajax-submit">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <input type="hidden" name="cookie_id" value="{{ $type_cookie['id'] }}" >
                                                                    <button type="submit" class="ask btn btn--danger btn--xs radius-10">Delete</button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="cookie-item__footer">
                                                            <div class="flex flex-col gap-8">
                                                                <label class="label">Description</label>
                                                                <p class="cookie-item__description">
                                                                    {{ $type_cookie['description'] }}
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                            @php
                                                $c_iter++;
                                            @endphp
                                        @endforeach



                                    </div>
                                </div>

                            </div>
                            <!-- </div> -->
                        </section>




                </section>

            </div>

        </main>


        @php
            $popup_form_url = route('dashboard.websites.update-select-template', $website);
            $method = 'PUT';
        @endphp

        @php
            $cookie_data = [];
        @endphp
        <x-dashboard.popup-create-site-cookie  :website="$website" :openCookies="$openCookies"/>

        <x-dashboard.popup-edit-site-cookie  :website="$website" :openCookies="$openCookies"/>

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

@endsection



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

@endpush