@extends('layouts.landingPage.master')

@section('title')
    {{ __('message.Regulasi') }}
@endsection

@section('content')
    <section class="relative pb-10 pt-20 lg:pt-48">
        <picture class="pointer-events-none absolute inset-x-0 top-0 -z-10 dark:hidden h-full">
            <img src="{{ asset('uploads/landing-page/home/images/' . Helper::homeSetting('heroBg')) }}" alt="gradient"
                class="w-full h-full object-cover" />
        </picture>
        <div class="container">
            <h2 class="mb-4 mt-2 font-display text-3xl text-jacarta-700 dark:text-white"style="text-align: justify">
                Download
            </h2>
            <hr style="max-width: 10%; color:#BA3C3C; padding:10px;">
        </div>
    </section>


    <section class="relative py-16">
        <div class="container">
            <div class="w-full lg:flex">
                <div class="w-full lg:w-1/2">
                    <div class="w-full">
                        <div class="tabs-nav">
                            @forelse ($category as $key => $value)
                                @if ($key == 0)
                                                                        <a href="{{ route('landing.download', ['slug' => Str::slug($value->id)]) }}"
                                        class="text-xs font-bold uppercase px-5 py-3 shadow-2xl mt-2 rounded-lg block leading-normal text-white bg-accent">
                                        {{ $value->name }}
                                    </a>
                                @else
                                    <a href="{{ route('landing.download', ['slug' => Str::slug($value->id)]) }}"
                                        class="text-xs font-bold uppercase px-5 py-3 shadow-2xl mt-2 rounded-lg block leading-normal text-black bg-light-base">
                                        {{ $value->name }}
                                    </a>
                                @endif
                            @empty
                                <p>{{ __('message.Tidak ada data') }}</p>
                            @endforelse
                        </div>
                    </div>
                </div>

                <div class="w-full lg:w-2/3">
                    <div class="px-0 lg:px-10 pt-10 lg:pt-0">
                        @if (isset($_GET['slug']))
                            @forelse ($download as $key => $value)
                                @if (Auth::user())
                                    <div class="py-2">
                                        <div class="bg-light-base shadow-2xl py-2 rounded-xl px-5">
                                            <div class="row content-center items-center">
                                                <div class="w-full" style=" word-wrap: break-word;">
                                                    <p class=" text-xl text-jaccentalign-middle p-5"><span
                                                            class="text-accent"></span> {{ $value->title }}</p>
                                                </div>
                                                <div class="w-full ">
                                                    <a href="{{ $value->link }}" target="_blank"
                                                        class="text-xs text-center font-bold uppercase px-5 py-3 shadow-2xl mt-2 rounded-lg block leading-normal hover:bg-accent hover:text-white">
                                                        {{ __('message.Download') }}
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    @if ($value->status == '2')
                                        <div class="py-2">
                                            <div class="bg-light-base shadow-2xl py-2 rounded-xl px-5">
                                                <div class="row content-center items-center">
                                                    <div class="w-full" style=" word-wrap: break-word;">
                                                        <p class=" text-xl text-accent align-middle p-5"><span
                                                                class="text-accent"></span> {{ $value->title }}
                                                        </p>
                                                    </div>
                                                    <div class="w-full ">
                                                        <a href="{{ $value->link }}" target="_blank"
                                                            class="text-xs text-center font-bold uppercase px-5 py-3 shadow-2xl mt-2 rounded-lg block leading-normal hover:bg-accent hover:text-white">
                                                            {{ __('message.Download') }}
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                            @empty
                                <p>{{ __('message.Tidak ada data') }}</p>
                            @endforelse
                        @else
                            @forelse ($download as $key => $value)
                                @if ($value->download_category_id == $default)
                                    @if (Auth::user())
                                        <div class="py-2">
                                            <div class="bg-light-base shadow-2xl py-2 rounded-xl px-5">
                                                <div class="row content-center items-center">
                                                    <div class="w-full" style=" word-wrap: break-word;">
                                                        <p class=" text-xl text-jaccentalign-middle p-5"><span
                                                                class="text-accent"></span> {{ $value->title }}</p>
                                                    </div>
                                                    <div class="w-full ">
                                                        <a href="{{ $value->link }}" target="_blank"
                                                            class="text-xs text-center font-bold uppercase px-5 py-3 shadow-2xl mt-2 rounded-lg block leading-normal hover:bg-accent hover:text-white">
                                                            {{ __('message.Download') }}
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        @if ($value->status == '2')
                                            <div class="py-2">
                                                <div class="bg-light-base shadow-2xl py-2 rounded-xl px-5">
                                                    <div class="row content-center items-center">
                                                        <div class="w-full" style=" word-wrap: break-word;">
                                                            <p class=" text-xl text-accent align-middle p-5"><span
                                                                    class="text-accent"></span> {{ $value->title }}</p>
                                                        </div>
                                                        <div class="w-full ">
                                                            <a href="{{ $value->link }}" target="_blank"
                                                                class="text-xs text-center font-bold uppercase px-5 py-3 shadow-2xl mt-2 rounded-lg block leading-normal hover:bg-accent hover:text-white">
                                                                {{ __('message.Download') }}
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endif
                                @endif
                            @empty
                                <p>{{ __('message.Tidak ada data') }}</p>
                            @endforelse
                        @endif

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

        </div>
    </section>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
        integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
        crossorigin="anonymous" />
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script>
        $(function() {
            const urlRoute = window.location;
            const urlParams = new URLSearchParams(urlRoute.search);
            const tabValue = urlParams.get('slug');

            if (tabValue !== null) {
                $('.tabs-nav a').addClass('text-black bg-light-base')
                $('.tabs-nav a').removeClass('text-white bg-accent');
                $('.tabs-nav a[href="' + urlRoute.href + '"]').removeClass('text-black bg-light-base').addClass(
                    'text-white bg-accent');
            }
        });
    </script>
@endsection