@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" style="width:100%;padding-bottom: 70px;">
        <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>{{$formDetails->form_name}}</h2>
                    <p>{{$formDetails->form_desc}}</p>
                </div>
            <div class="ffd-content mb-12 pt-0 pb-0 br-8">
                <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">
                                <div class="common-form-top-parent">
                                    <div class="right-part">
                                        {{-- <img src="{{ asset('images/ffe-banner-img.png') }}" alt="" class="mCS_img_loaded"> --}}
                                        <img style="width:100%" src="{{ asset('images/studio_images/' . $selected_studio_images[0]['img_name']) }}" class="mCS_img_loaded mb-0" alt="">
                                   
                                    </div>
                                </div>
                                                                @if(count($formDetails->componentQuestionsMain) > 0)
                                    
                                    @foreach($formDetails->componentQuestionsMain as $key => $quesMain)
                                        @php if($quesMain->component->component_code == 'section_form_link' && $formLinkcnt == 0){
                                            $formLinkcnt++;
                                            echo '</div></div></div></div></div>';
                                        }

                                        @endphp
                                        @php $result = FormHelper::getFormComponentHtml($quesMain->component->component_code,$quesMain); @endphp
                                        <div class="ffd-content p-0" style="border-radius: 8px;margin-bottom: 12px;">
                                            <div class="ffd-container">
                                                {!! $result['htmlcode'] !!}
                                            </div>
                                        </div>
                                    @endforeach
                                    @if($formLinkcnt == 0)
                                        </div></div></div></div></div>
                                    @endif
                                @endif
                            </form>
                        </div> 
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection 
@push('scripts')
<script type="text/javascript">        
    
    $(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();
        
        //$('a[href="#' + currenttab + '"]').tab('show');

    });
</script>
@endpush('scripts')