@extends('frontend.layouts.app')
@section('bodyClass', 'frontend')
@section('content')
<link rel="stylesheet" href="{{ asset('css/forms/global_form_design.css')}} ">
<div class="ffd-banner ffd-banner-link-page">
    <div class="ffe-banner-left bg-attach-scroll" style="width:100%;padding-bottom: 70px;background: url({{ asset('images/studio_images/' . $selected_studio_images[0]['img_name']) }}) no-repeat top center ;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;">
        <div class="ffe-banner-left-inner">
            <div class="link-form-head-top">
                @php
                $studioName = '';
                $studioUrl = asset('images/default-logo-white.svg');
                $getStudioDetails = \App\Models\Studio::find($studioId);
                if (isset($getStudioDetails) && !empty($getStudioDetails)) {
                    $studioName = $getStudioDetails->name;
                    $studioUrl = $getStudioDetails->logo_url;
                    if (!$studioUrl) {
                        $studioUrl = asset('images/default-logo-white.svg');
                    }
                }
                @endphp
                <div class="link-form-head-top-img">
                    <div class="link-form-head-top-img-inner">
                        <img src="{{ $studioUrl }}" alt="">
                    </div>
                </div>
                <h4>WELCOME TO {{ $studioName }}</h4>
            </div>
            <div class="link-form-head">
                <h2>{{ $templateDetail->form_name }}</h2>
                <p>{{ $templateDetail->form_desc }}</p>
            </div>
            <div class="ffd-content mb-12 pt-0 pb-0 br-8 ffd-content-transparent">
                <div class="ffd-container">
                    <div class="ffd-form">
                        <div class="row">
                            <form name="{{ $formDetails->id }}" id="prizeform" class="prizeform">
                                <div class="common-link-form-preview-parent br-8">
                                                                        @if(count($formDetails->componentQuestionsMain) > 0)
                                        @foreach($formDetails->componentQuestionsMain as $key => $quesMain)
                                            @php 

                                            

                                            if($quesMain->component->component_code == 'section_group' && $sectionOpened == 0){
                                                echo '<div class="ffd-linkcontent-group ffd-content sectiongroup_sec">';
                                                $sectionOpened = 1;
                                                $formLinkcnt = 0;
                                            }

                                            if($quesMain->component->component_code == 'section_form_link' && $formLinkcnt == 0){
                                                if($sectionOpened == 1 && $quesMain->component->component_code == 'section_form_link' && $formLinkcnt == 0){
                                                    echo '</div>';
                                                }
                                                $formLinkcnt++;
                                                $sectionOpened = 0;
                                                $bg_transparent = 'bg-transparent';
                                               
                                            }

                                            if($sectionOpened == 1 && $quesMain->component->component_code == 'section_form_link'){
                                                    $bg_transparent = 'bg-transparent';
                                            }
                                            
                                            if($key == '0' && $quesMain->component->component_code == 'section_form_link') {
                                                $removelinktop = '1';
                                                $bg_transparent = '';
                                            }

                                            @endphp
                                            @php 
                                            $result = FormHelper::getFormComponentHtml($quesMain->component->component_code,$quesMain,0,$studioId); 
                                            @endphp

                                                                                        
                                        @endforeach
                                        <!-- @if($formLinkcnt == 0)
                                            </div></div></div></div></div>
                                        @endif -->
                                        @if($formLinkcnt == 0 && $sectionOpened == 1)
                                            </div>
                                        @endif
                                    @endif
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@push('scripts')
<script type="text/javascript">        
    $(document).ready(function() {
        // Check if removelinktop is set to '1' and remove the .linktop-sec div
        // var removelinktop = {{ $removelinktop }};
        // if (removelinktop == 1) {
        //     $('.linktop-sec').remove();
        // }
        $('.sectiongroup_sec').each(function() {
            // Check if the current .sectiongroup_sec has no inner <div> elements
            if ($(this).find('div').length === 0) {
                $(this).remove(); // Remove the .sectiongroup_sec if no inner <div>s
            }
        });

        $(document).off("click", ".tabchoose").on("click", ".tabchoose", function () {
            var currenttab = $(this).attr('tabid');
            $('.tab_section').hide();
            $('.tabchoose .nav-link').removeClass('active');
            $(this).find('a').addClass('active');
            $('#' + currenttab).addClass('active show');
            $('#' + currenttab).show();
        });
    });
</script>
@endpush('scripts')