@extends('layouts.app')
@section('bodyClass', 'tasks-lists forms-overview ')
@section('content')
@section('sidebar', 'true')
@section('PageHeading', 'Form Library')
<style>

</style>
<div class="container_fluid">
    <div class="box_content">
        <div class="box_overlayout">
            <div class="box_innerlayout">
                <div class="row align-items-center mb-3 cust-mob-filter-search">
                    <div class="col-md-8 col-lg-10 col-sm-12">
                        <form class="filter-search mob-filter-search">
                            <div class="d-flex gap-3">
                                <input type="text" name="search" id="search" class="form-control search-keyword input-search sm-input-search" placeholder="Search..."
                                    autocomplete="off" value="">
                                <div class="dropdown dropdown-primary-new">
                                    <a id="dropdownMenuLink" class="btn-theme dark" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5007 4.53366C8.89661 5.66987 9.97735 6.48517 11.2485 6.48517C12.5197 6.48517 13.6004 5.66987 13.9963 4.53366H16.4V2.80033H14.053C13.7135 1.57029 12.5865 0.666992 11.2485 0.666992C9.91051 0.666992 8.78349 1.57029 8.444 2.80033H0.400024V4.53366H8.5007ZM9.79396 3.57608C9.79396 4.37941 10.4452 5.03063 11.2485 5.03063C12.0518 5.03063 12.7031 4.37941 12.7031 3.57608C12.7031 2.77276 12.0518 2.12154 11.2485 2.12154C10.4452 2.12154 9.79396 2.77276 9.79396 3.57608ZM5.5513 8.90942C4.25318 8.90942 3.15365 9.75968 2.77923 10.9337L0.400024 10.9337V12.667H2.76789C3.13102 13.8597 4.23981 14.7276 5.5513 14.7276C6.86279 14.7276 7.97159 13.8597 8.33471 12.667L16.4 12.667V10.9337L8.32338 10.9337C7.94896 9.75968 6.84942 8.90942 5.5513 8.90942ZM5.5513 10.364C6.35463 10.364 7.00585 11.0152 7.00585 11.8185C7.00585 12.6218 6.35463 13.2731 5.5513 13.2731C4.74798 13.2731 4.09676 12.6218 4.09676 11.8185C4.09676 11.0152 4.74798 10.364 5.5513 10.364Z" fill="#FEFEFE"/>
                                        </svg>
                                        Filter
                                        <span class="dropdown-arrow">
                                            <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M9.5 1.0575L8.4425 -4.62248e-08L5 3.435L1.5575 -3.47178e-07L0.5 1.0575L5 5.5575L9.5 1.0575Z" fill="white"/>
                                            </svg>
                                        </span>
                                    </a>

                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                        <li class="label">Show:</li>
                                        <li>
                                            <div class="box_checkbox  d-flex align-items-center">
                                                <input type="checkbox" data-status="Active"  name="f_status" id="f_status1" value="1" class="f_status" onchange="updateSelectedValue(this)"/>
                                                <label for="f_status1"></label>
                                                <span>Active</span>
                                                </div>
                                        </li>
                                        <li>
                                            <div class="box_checkbox  d-flex align-items-center">
                                                <input type="checkbox" name="f_status" class="f_status" id="f_status2" value="2" data-status="InActive" onchange="updateSelectedValue(this) "/>
                                                <label for="f_status2"></label>
                                                <span>Inactive</span>
                                                </div>
                                        </li>
                                        <li class="label">Sort by:</li>
                                        <li>
                                            <div class="box_radio d-flex align-items-center">
                                                <input type="radio" name="f_sort" class="f_sort" id="f_sort1" value="1" />
                                                <label for="f_sort1"></label>
                                                <span>A to Z</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="box_radio d-flex align-items-center mb-0">
                                                <input type="radio" name="f_sort" id="f_sort2" class="f_sort" value="2" />
                                                <label for="f_sort2"></label>
                                                <span>Z to A</span>
                                                </div>
                                        </li>
                                    </ul>
                                
                            </div>
                            <div class="selected-filters">
                                    <!-- Selected filters will be displayed here -->
                                </div>
                            </div>

                           
                        </form>
                    </div>
                    <div class="col-md-4 col-lg-2 col-sm-4">
                        <div class="task_btn float-end adduser create-template-adduser">
                        @php
                          //  $formcreatelabel = (auth()->user()->role_id == 1) ? 'Create Form Template' : 'Create Form';
                            $formcreatelabel = (Session::get('selected_studio_uuid') !== null) ? 'Create Form' : (auth()->user()->role_id == 1 ? 'Create Form Template' : 'Create Form');

                            $permission = auth()->user()->permission;
                            $accessType = '';
                            if(!empty($permission)){
                                $permissionData = json_decode($permission, true);
                                if (is_array($permissionData) && isset($permissionData[0]['access_type'])) {
                                    $accessType = $permissionData[0]['access_type'];
                                } else {
                                    $accessType = null; 
                                }
                            }

                        @endphp
                        @if(auth()->user()->role_id == 1 || auth()->user()->role_id == 4 || (auth()->user()->role_id == 3 && $accessType == '2'))
                            <a class="btn-action btn-theme dark createFormModal {{ Helper::limitedAccessStudio(session()->get('selected_studio_uuid') ?? null) ? 'disabled-link' : '' }}" href="javascript:void(0)">
                                <img src="{{ asset('images/plus_white.svg') }}" alt="plus">
                                {{$formcreatelabel}}
                            </a>
                        @endif
                        </div>
                    </div>
                </div>


                <div class="mob-notes-sec">
                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.16663 11.5003H9.83329V13.167H8.16663V11.5003ZM8.16663 4.83366H9.83329V9.83366H8.16663V4.83366ZM8.99163 0.666992C4.39163 0.666992 0.666626 4.40033 0.666626 9.00033C0.666626 13.6003 4.39163 17.3337 8.99163 17.3337C13.6 17.3337 17.3333 13.6003 17.3333 9.00033C17.3333 4.40033 13.6 0.666992 8.99163 0.666992ZM8.99996 15.667C5.31663 15.667 2.33329 12.6837 2.33329 9.00033C2.33329 5.31699 5.31663 2.33366 8.99996 2.33366C12.6833 2.33366 15.6666 5.31699 15.6666 9.00033C15.6666 12.6837 12.6833 15.667 8.99996 15.667Z" fill="#EA545F"/>
                    </svg>
                    <div class="mob-notes-sec-cont">    
                        To create and edit forms on Form Builder,<br> 
                        please login to FitForms on your desktop.
                    </div>   
                </div>

                <div id="bulkeditToggle" class="box-grey align-items-center justify-content-between" style="display:none;">
                    <div class="d-flex align-items-center cust-fl-select-section">
                        <div class="box_checkbox d-flex align-items-center">
                            <input type="checkbox" class="allformscheckbox" id="itemAction">
                            <label for="itemAction"></label>
                            <span>Apply an action to</span>
                        </div>
                        <div class="box-grey-bold">
                            <span class="bulk-edit-count"></span> 
                             <span class="bulk-edit-count-all">
                        selected forms</span> 
                        </div>
                        <a href="javascript:void(0)" class="allformscheck">Select All {{count($formTemplates)}} Forms</a>
                    </div>
                    <div class="d-flex gap-3">
                        <a class="btn-theme light-grey updateformstatus svg-initial1 cursor-pointer {{ Helper::limitedAccessStudio() ? 'disabled-link' : '' }}" data-status='1'>
                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_5877_2079)">
                                    <path d="M12 2.5C6.48 2.5 2 6.98 2 12.5C2 18.02 6.48 22.5 12 22.5C17.52 22.5 22 18.02 22 12.5C22 6.98 17.52 2.5 12 2.5ZM10 17.5L5 12.5L6.41 11.09L10 14.67L17.59 7.08L19 8.5L10 17.5Z" fill="#7EDBB4"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_5877_2079">
                                        <rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
                                    </clipPath>
                                </defs>
                            </svg>  Make Active
                        </a>
                        <a class="btn-theme light-grey updateformstatus svg-initial cursor-pointer {{ Helper::limitedAccessStudio() ? 'disabled-link' : '' }}" data-status='2'> 
                            <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_5898_4350)">
                                <path d="M8.79972 1.83301C5.11972 1.83301 2.13306 4.81967 2.13306 8.49967C2.13306 12.1797 5.11972 15.1663 8.79972 15.1663C12.4797 15.1663 15.4664 12.1797 15.4664 8.49967C15.4664 4.81967 12.4797 1.83301 8.79972 1.83301ZM8.79972 13.833C5.85306 13.833 3.46639 11.4463 3.46639 8.49967C3.46639 7.26634 3.88639 6.13301 4.59306 5.23301L12.0664 12.7063C11.1664 13.413 10.0331 13.833 8.79972 13.833ZM13.0064 11.7663L5.53306 4.29301C6.43306 3.58634 7.56639 3.16634 8.79972 3.16634C11.7464 3.16634 14.1331 5.55301 14.1331 8.49967C14.1331 9.73301 13.7131 10.8663 13.0064 11.7663Z" fill="black"/>
                                </g>
                                <defs>
                                <clipPath id="clip0_5898_4350">
                                <rect width="16" height="16" fill="white" transform="translate(0.799805 0.5)"/>
                                </clipPath>
                                </defs>
                            </svg> Make Inactive                                            
                        </a>
                        <button class="btn-theme dark btn-small btn-action editbulkcomponent {{ Helper::limitedAccessStudio() ? 'disabled-link' : '' }}" >
                            <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M11.6531 2.83949L10.7867 3.70594L8.99379 1.91305L9.86023 1.0466C9.92497 0.981862 10.0284 0.981862 10.0931 1.0466L11.6531 2.6066C11.7179 2.67134 11.7179 2.77476 11.6531 2.83949ZM2.49291 11.9997H0.700012V10.2068L7.57335 3.33349L9.36624 5.12638L2.49291 11.9997Z"
                                    fill="#000000" stroke="#000000" />
                            </svg>
                            
                            Edit Form
                        </button>
                    </div>
                </div>

                <div id="overview-studio-list">
                    @include('forms.ajax_template_list')
                    @include('includes.loader')
                </div>
                <div id="paginationContainer">
                    {!! $paginationHtml !!}
                </div>
                <input type="hidden" id="page-no" value="{{ $formTemplates->currentPage() }}">
            </div>
        </div>
    </div>
</div>




<div class="modal fade common-modal-new" id="createFormModal" tabindex="-1" aria-labelledby="createFormModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header modal-header-rm-padd">
            <div class="usermodal_header">
                <div class="usermodal-left">
                    <h1>Create New Form</h1>
                </div>

                <div class="close-inner-modal float-right common-close-modal">
                    <svg class="no-stroke me-2 close-bgmodal" width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M11.3332 1.24128L10.2589 0.166992L5.99984 4.42604L1.74079 0.166992L0.666504 1.24128L4.92555 5.50033L0.666504 9.75937L1.74079 10.8337L5.99984 6.57461L10.2589 10.8337L11.3332 9.75937L7.07412 5.50033L11.3332 1.24128Z" fill="#000000"></path>
                    </svg>
                    Close
                </div>
            </div>
        </div>
        <div class="modal-content-body">
            <div class="common-tab-section">
                <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">
                            <label class="radio-container">Standard Form
                                <input type="radio" name="form" checked>
                                <span class="checkmark"></span>
                            </label>
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">
                            <label class="radio-container">Links Page
                                <input type="radio" name="form" />
                                <span class="checkmark"></span>
                             </label>
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
                            <label class="radio-container">Prize Form
                                <input type="radio" name="form" />
                                <span class="checkmark"></span>
                            </label>
                        </button>
                    </li>
                    
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-membership" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
                            <label class="radio-container">Membership Options
                                <input type="radio" name="form" />
                                <span class="checkmark"></span>
                            </label>
                        </button>
                    </li>
                </ul>  
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                        <div class="tab-content-box-parent">
                            <div class="tab-content-box">
                                <h2 style="font-weight:550;">Standard Form</h2>
                                <div class="progess-bar">
                                    <svg width="150" height="17" viewBox="0 0 150 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <ellipse cx="13.6668" cy="8.05371" rx="7.16676" ry="7.05371" fill="#EA545F"/>
                                        <path d="M14.6571 4.32422V11.4482H13.2509V5.94531L11.5614 6.48242V5.37402L14.5058 4.32422H14.6571Z" fill="white"/>
                                        <line x1="26.833" y1="7.05371" x2="61.833" y2="7.05371" stroke="#EA545F" stroke-width="2"/>
                                        <ellipse cx="74.9998" cy="8.05371" rx="7.16676" ry="7.05371" fill="#EA545F"/>
                                        <path d="M77.4257 10.3496V11.4482H72.5624V10.5107L74.8622 8.04492C75.0933 7.78776 75.2756 7.56152 75.4091 7.36621C75.5425 7.16764 75.6386 6.99023 75.6972 6.83398C75.759 6.67448 75.7899 6.52311 75.7899 6.37988C75.7899 6.16504 75.7541 5.98112 75.6825 5.82812C75.6109 5.67188 75.5051 5.55143 75.3651 5.4668C75.2284 5.38216 75.0591 5.33984 74.8573 5.33984C74.6425 5.33984 74.4569 5.39193 74.3007 5.49609C74.1477 5.60026 74.0305 5.74512 73.9491 5.93066C73.871 6.11621 73.8319 6.32617 73.8319 6.56055H72.4208C72.4208 6.13737 72.5217 5.75 72.7235 5.39844C72.9253 5.04362 73.2102 4.76204 73.578 4.55371C73.9459 4.34212 74.3821 4.23633 74.8866 4.23633C75.3847 4.23633 75.8046 4.31771 76.1464 4.48047C76.4914 4.63997 76.7518 4.87109 76.9276 5.17383C77.1067 5.47331 77.1962 5.83138 77.1962 6.24805C77.1962 6.48242 77.1587 6.71191 77.0839 6.93652C77.009 7.15788 76.9016 7.37923 76.7616 7.60059C76.6249 7.81868 76.4589 8.04004 76.2636 8.26465C76.0683 8.48926 75.8518 8.72201 75.6142 8.96289L74.3788 10.3496H77.4257Z" fill="white"/>
                                        <line x1="88.167" y1="7.05371" x2="123.167" y2="7.05371" stroke="#EA545F" stroke-width="2"/>
                                        <ellipse cx="136.334" cy="8.05371" rx="7.16676" ry="7.05371" fill="white" stroke="#EA545F" stroke-width="2"/>
                                        <path d="M135.337 7.2832H136.089C136.33 7.2832 136.528 7.24251 136.684 7.16113C136.841 7.0765 136.956 6.95931 137.031 6.80957C137.109 6.65658 137.148 6.47917 137.148 6.27734C137.148 6.09505 137.113 5.93392 137.041 5.79395C136.973 5.65072 136.867 5.54004 136.724 5.46191C136.58 5.38053 136.4 5.33984 136.182 5.33984C136.009 5.33984 135.85 5.37402 135.703 5.44238C135.557 5.51074 135.439 5.60677 135.351 5.73047C135.264 5.85417 135.22 6.00391 135.22 6.17969H133.808C133.808 5.78906 133.913 5.44889 134.121 5.15918C134.333 4.86947 134.616 4.64323 134.971 4.48047C135.325 4.31771 135.716 4.23633 136.142 4.23633C136.624 4.23633 137.046 4.31445 137.407 4.4707C137.768 4.6237 138.05 4.84993 138.252 5.14941C138.454 5.44889 138.555 5.81999 138.555 6.2627C138.555 6.4873 138.502 6.7054 138.398 6.91699C138.294 7.12533 138.144 7.31413 137.949 7.4834C137.757 7.64941 137.523 7.78288 137.246 7.88379C136.969 7.98145 136.658 8.03027 136.313 8.03027H135.337V7.2832ZM135.337 8.35254V7.625H136.313C136.701 7.625 137.041 7.66895 137.334 7.75684C137.627 7.84473 137.873 7.97168 138.071 8.1377C138.27 8.30046 138.419 8.49414 138.52 8.71875C138.621 8.9401 138.672 9.18587 138.672 9.45605C138.672 9.78809 138.608 10.0843 138.481 10.3447C138.354 10.6019 138.175 10.82 137.944 10.999C137.716 11.1781 137.449 11.3148 137.143 11.4092C136.837 11.5003 136.504 11.5459 136.142 11.5459C135.843 11.5459 135.548 11.5052 135.259 11.4238C134.972 11.3392 134.712 11.2139 134.477 11.0479C134.246 10.8786 134.061 10.667 133.921 10.4131C133.784 10.1559 133.716 9.85156 133.716 9.5H135.127C135.127 9.68229 135.172 9.84505 135.264 9.98828C135.355 10.1315 135.48 10.2438 135.64 10.3252C135.802 10.4066 135.983 10.4473 136.182 10.4473C136.406 10.4473 136.598 10.4066 136.758 10.3252C136.92 10.2406 137.044 10.1234 137.129 9.97363C137.217 9.82064 137.261 9.64323 137.261 9.44141C137.261 9.18099 137.213 8.97266 137.119 8.81641C137.025 8.6569 136.89 8.53971 136.714 8.46484C136.538 8.38997 136.33 8.35254 136.089 8.35254H135.337Z" fill="#EA545F"/>
                                    </svg>
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Full Name" />
                                    <input type="text" class="form-control" placeholder="Phone Number" />
                                    <input type="text" class="form-control" placeholder="E-mail" />
                                </div>
                            </div>
                            <div class="tab-cont-text">
                                <span>Standard Form:</span> Create your own custom form to collect details about your members.
                            </div>
                            <div class="btn-section">
                                <a href="{{ route('form-create.createTemplate',['formType' => '1']) }}" class="btn-theme dark form_type_choose">
                                    <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5.24993 7.94639L2.62671 5.32317L2.44994 5.14639L2.27316 5.32317L1.33982 6.2565L1.16305 6.43328L1.33982 6.61005L5.07316 10.3434L5.24993 10.5202L5.42671 10.3434L13.4267 2.34339L13.6035 2.16661L13.4267 1.98983L12.4934 1.0565L12.3166 0.879723L12.1398 1.0565L5.24993 7.94639Z" fill="white" stroke="white" stroke-width="0.5"/>
                                    </svg>  Continue
                                </a>
                            </div>
                        </div>    
                    </div>
                    <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                        <div class="tab-content-box-parent tab-content-link-page-box-parent">
                            <div class="tab-content-box">
                                <h2 style="font-weight:550;">Link Page</h2>
                                <div class="tab-box-texarea"></div>
                                <div class="tab-box-input"></div>
                                <div class="tab-box-input"></div>
                                <div class="tab-box-input"></div>
                                <div class="tab-box-input"></div>
                                <div class="tab-box-input"></div>
                            </div>
                            <div class="tab-cont-text">
                                <span>Links Page:</span> Make it easy for your members to find the information they need with a custom designed links page
                            </div>
                            <div class="btn-section">
                                <a href="{{ route('form-create.createTemplate',['formType' => '2']) }}" class="btn-theme dark form_type_choose">
                                    <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5.24993 7.94639L2.62671 5.32317L2.44994 5.14639L2.27316 5.32317L1.33982 6.2565L1.16305 6.43328L1.33982 6.61005L5.07316 10.3434L5.24993 10.5202L5.42671 10.3434L13.4267 2.34339L13.6035 2.16661L13.4267 1.98983L12.4934 1.0565L12.3166 0.879723L12.1398 1.0565L5.24993 7.94639Z" fill="white" stroke="white" stroke-width="0.5"/>
                                    </svg>  Continue
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                        <div class="tab-content-box-parent tab-content-prize-form-box-parent">
                            <div class="tab-content-box">
                                <h2 style="font-weight:550;">Prize Form</h2>
                                <div class="form-group form-group-flex">
                                    <input type="text" class="form-control" placeholder="Phone Number" />
                                    <input type="text" class="form-control" placeholder="E-mail" />
                                </div>
                                <div class="progess-bar">
                                    <svg width="278" height="278" viewBox="0 0 278 278" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M237.288 178.715C242.503 165.807 245.125 151.999 245.004 138.079C244.883 124.158 242.021 110.398 236.582 97.5829L139 139.001L237.288 178.715Z" fill="#FFDDDF"/>
                                        <path d="M40.7132 99.2863C35.4979 112.194 32.8759 126.002 32.997 139.922C33.1181 153.843 35.9798 167.603 41.4189 180.418L139.001 139L40.7132 99.2863Z" fill="#FFDDDF"/>
                                        <path d="M178.715 40.7132C165.807 35.4978 151.999 32.8759 138.079 32.9969C124.158 33.118 110.398 35.9798 97.5829 41.4188L139.001 139.001L178.715 40.7132Z" fill="#FFDDDF"/>
                                        <path d="M99.2863 237.288C112.194 242.503 126.002 245.125 139.922 245.004C153.843 244.883 167.603 242.021 180.418 236.582L139 139L99.2863 237.288Z" fill="#FFDDDF"/>
                                        <path d="M236.582 97.5824C231.143 84.7677 223.234 73.1499 213.305 63.3921C203.376 53.6344 191.622 45.9279 178.715 40.7125L139.001 139L236.582 97.5824Z" fill="#FB8890"/>
                                        <path d="M41.4176 180.419C46.8566 193.233 54.7664 204.851 64.6954 214.609C74.6244 224.367 86.3781 232.073 99.2854 237.288L138.999 139.001L41.4176 180.419Z" fill="#FB8890"/>
                                        <path d="M97.5824 41.4176C84.7677 46.8566 73.1499 54.7664 63.3921 64.6954C53.6344 74.6244 45.9278 86.3781 40.7125 99.2854L139 138.999L97.5824 41.4176Z" fill="#FB8890"/>
                                        <path d="M180.419 236.582C193.233 231.143 204.851 223.234 214.609 213.305C224.367 203.376 232.073 191.622 237.288 178.715L139.001 139.001L180.419 236.582Z" fill="#FB8890"/>
                                        <path d="M230.077 139L249.674 130.595L249.674 147.405L230.077 139Z" fill="#EA545F"/>
                                    </svg>
                                </div>
                                
                            </div>
                            <div class="tab-cont-text">
                                <span>Prize Form:</span> Choose between a Spin the Wheel or Scratchie to distribute prizes to new members! Please note: FitForms assumes no responsibility for honouring any prizes offered by your business.
                            </div>
                            <div class="btn-section">
                                <a href="{{ route('form-create.createTemplate',['formType' => '3','prizeType' => '1']) }}" class="btn-theme dark form_type_choose">
                                    <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5.24993 7.94639L2.62671 5.32317L2.44994 5.14639L2.27316 5.32317L1.33982 6.2565L1.16305 6.43328L1.33982 6.61005L5.07316 10.3434L5.24993 10.5202L5.42671 10.3434L13.4267 2.34339L13.6035 2.16661L13.4267 1.98983L12.4934 1.0565L12.3166 0.879723L12.1398 1.0565L5.24993 7.94639Z" fill="white" stroke="white" stroke-width="0.5"/>
                                    </svg>  Continue
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-membership" role="tabpanel" aria-labelledby="pills-contact-tab">
                        <div class="tab-content-box-parent tab-content-prize-form-box-parent">
                            <div class="tab-content-box">
                                <h2 style="font-weight:550;">Membership Options</h2>
                                <div class="progess-bar">
                                    <div class="membership-options-img-parent">
                                        <div class="membership-options-img">
                                            <svg width="103" height="205" viewBox="0 0 103 205" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="103" height="205" rx="4" fill="#FFDDDF"/>
                                                <rect x="11" y="164" width="81" height="26" rx="13" fill="#F97A84"/>
                                                <path d="M36.6405 174.746C36.6045 174.806 36.5645 174.852 36.5205 174.884C36.4805 174.912 36.4305 174.926 36.3705 174.926C36.3025 174.926 36.2225 174.892 36.1305 174.824C36.0385 174.756 35.9225 174.682 35.7825 174.602C35.6465 174.518 35.4805 174.442 35.2845 174.374C35.0925 174.306 34.8585 174.272 34.5825 174.272C34.3225 174.272 34.0925 174.308 33.8925 174.38C33.6965 174.448 33.5305 174.542 33.3945 174.662C33.2625 174.782 33.1625 174.924 33.0945 175.088C33.0265 175.248 32.9925 175.422 32.9925 175.61C32.9925 175.85 33.0505 176.05 33.1665 176.21C33.2865 176.366 33.4425 176.5 33.6345 176.612C33.8305 176.724 34.0505 176.822 34.2945 176.906C34.5425 176.986 34.7945 177.07 35.0505 177.158C35.3105 177.246 35.5625 177.346 35.8065 177.458C36.0545 177.566 36.2745 177.704 36.4665 177.872C36.6625 178.04 36.8185 178.246 36.9345 178.49C37.0545 178.734 37.1145 179.034 37.1145 179.39C37.1145 179.766 37.0505 180.12 36.9225 180.452C36.7945 180.78 36.6065 181.066 36.3585 181.31C36.1145 181.554 35.8125 181.746 35.4525 181.886C35.0965 182.026 34.6905 182.096 34.2345 182.096C33.6745 182.096 33.1665 181.996 32.7105 181.796C32.2545 181.592 31.8645 181.318 31.5405 180.974L31.8765 180.422C31.9085 180.378 31.9465 180.342 31.9905 180.314C32.0385 180.282 32.0905 180.266 32.1465 180.266C32.1985 180.266 32.2565 180.288 32.3205 180.332C32.3885 180.372 32.4645 180.424 32.5485 180.488C32.6325 180.552 32.7285 180.622 32.8365 180.698C32.9445 180.774 33.0665 180.844 33.2025 180.908C33.3425 180.972 33.5005 181.026 33.6765 181.07C33.8525 181.11 34.0505 181.13 34.2705 181.13C34.5465 181.13 34.7925 181.092 35.0085 181.016C35.2245 180.94 35.4065 180.834 35.5545 180.698C35.7065 180.558 35.8225 180.392 35.9025 180.2C35.9825 180.008 36.0225 179.794 36.0225 179.558C36.0225 179.298 35.9625 179.086 35.8425 178.922C35.7265 178.754 35.5725 178.614 35.3805 178.502C35.1885 178.39 34.9685 178.296 34.7205 178.22C34.4725 178.14 34.2205 178.06 33.9645 177.98C33.7085 177.896 33.4565 177.8 33.2085 177.692C32.9605 177.584 32.7405 177.444 32.5485 177.272C32.3565 177.1 32.2005 176.886 32.0805 176.63C31.9645 176.37 31.9065 176.05 31.9065 175.67C31.9065 175.366 31.9645 175.072 32.0805 174.788C32.2005 174.504 32.3725 174.252 32.5965 174.032C32.8245 173.812 33.1025 173.636 33.4305 173.504C33.7625 173.372 34.1425 173.306 34.5705 173.306C35.0505 173.306 35.4865 173.382 35.8785 173.534C36.2745 173.686 36.6225 173.906 36.9225 174.194L36.6405 174.746ZM39.5756 175.922V182H38.5076V175.922H39.5756ZM39.8036 174.014C39.8036 174.118 39.7816 174.216 39.7376 174.308C39.6976 174.396 39.6416 174.476 39.5696 174.548C39.5016 174.616 39.4196 174.67 39.3236 174.71C39.2316 174.75 39.1336 174.77 39.0296 174.77C38.9256 174.77 38.8276 174.75 38.7356 174.71C38.6476 174.67 38.5696 174.616 38.5016 174.548C38.4336 174.476 38.3796 174.396 38.3396 174.308C38.2996 174.216 38.2796 174.118 38.2796 174.014C38.2796 173.91 38.2996 173.812 38.3396 173.72C38.3796 173.624 38.4336 173.542 38.5016 173.474C38.5696 173.402 38.6476 173.346 38.7356 173.306C38.8276 173.266 38.9256 173.246 39.0296 173.246C39.1336 173.246 39.2316 173.266 39.3236 173.306C39.4196 173.346 39.5016 173.402 39.5696 173.474C39.6416 173.542 39.6976 173.624 39.7376 173.72C39.7816 173.812 39.8036 173.91 39.8036 174.014ZM43.4484 179.03C43.6644 179.03 43.8544 179 44.0184 178.94C44.1824 178.88 44.3204 178.796 44.4324 178.688C44.5444 178.58 44.6284 178.452 44.6844 178.304C44.7404 178.152 44.7684 177.986 44.7684 177.806C44.7684 177.434 44.6544 177.138 44.4264 176.918C44.2024 176.698 43.8764 176.588 43.4484 176.588C43.0164 176.588 42.6864 176.698 42.4584 176.918C42.2344 177.138 42.1224 177.434 42.1224 177.806C42.1224 177.986 42.1504 178.152 42.2064 178.304C42.2664 178.452 42.3524 178.58 42.4644 178.688C42.5764 178.796 42.7144 178.88 42.8784 178.94C43.0424 179 43.2324 179.03 43.4484 179.03ZM45.3744 182.33C45.3744 182.182 45.3324 182.062 45.2484 181.97C45.1644 181.878 45.0504 181.806 44.9064 181.754C44.7664 181.702 44.6024 181.666 44.4144 181.646C44.2264 181.622 44.0264 181.604 43.8144 181.592C43.6064 181.58 43.3944 181.568 43.1784 181.556C42.9624 181.544 42.7544 181.524 42.5544 181.496C42.3304 181.6 42.1464 181.732 42.0024 181.892C41.8624 182.048 41.7924 182.232 41.7924 182.444C41.7924 182.58 41.8264 182.706 41.8944 182.822C41.9664 182.942 42.0744 183.044 42.2184 183.128C42.3624 183.216 42.5424 183.284 42.7584 183.332C42.9784 183.384 43.2364 183.41 43.5324 183.41C43.8204 183.41 44.0784 183.384 44.3064 183.332C44.5344 183.28 44.7264 183.206 44.8824 183.11C45.0424 183.014 45.1644 182.9 45.2484 182.768C45.3324 182.636 45.3744 182.49 45.3744 182.33ZM46.4604 176.162V176.558C46.4604 176.69 46.3764 176.774 46.2084 176.81L45.5184 176.9C45.6544 177.164 45.7224 177.456 45.7224 177.776C45.7224 178.072 45.6644 178.342 45.5484 178.586C45.4364 178.826 45.2804 179.032 45.0804 179.204C44.8804 179.376 44.6404 179.508 44.3604 179.6C44.0804 179.692 43.7764 179.738 43.4484 179.738C43.1644 179.738 42.8964 179.704 42.6444 179.636C42.5164 179.716 42.4184 179.802 42.3504 179.894C42.2824 179.982 42.2484 180.072 42.2484 180.164C42.2484 180.308 42.3064 180.418 42.4224 180.494C42.5424 180.566 42.6984 180.618 42.8904 180.65C43.0824 180.682 43.3004 180.702 43.5444 180.71C43.7924 180.718 44.0444 180.732 44.3004 180.752C44.5604 180.768 44.8124 180.798 45.0564 180.842C45.3044 180.886 45.5244 180.958 45.7164 181.058C45.9084 181.158 46.0624 181.296 46.1784 181.472C46.2984 181.648 46.3584 181.876 46.3584 182.156C46.3584 182.416 46.2924 182.668 46.1604 182.912C46.0324 183.156 45.8464 183.372 45.6024 183.56C45.3584 183.752 45.0584 183.904 44.7024 184.016C44.3504 184.132 43.9524 184.19 43.5084 184.19C43.0644 184.19 42.6764 184.146 42.3444 184.058C42.0124 183.97 41.7364 183.852 41.5164 183.704C41.2964 183.556 41.1304 183.384 41.0184 183.188C40.9104 182.996 40.8564 182.794 40.8564 182.582C40.8564 182.282 40.9504 182.028 41.1384 181.82C41.3264 181.612 41.5844 181.446 41.9124 181.322C41.7324 181.242 41.5884 181.136 41.4804 181.004C41.3764 180.868 41.3244 180.686 41.3244 180.458C41.3244 180.37 41.3404 180.28 41.3724 180.188C41.4044 180.092 41.4524 179.998 41.5164 179.906C41.5844 179.81 41.6664 179.72 41.7624 179.636C41.8584 179.552 41.9704 179.478 42.0984 179.414C41.7984 179.246 41.5644 179.024 41.3964 178.748C41.2284 178.468 41.1444 178.144 41.1444 177.776C41.1444 177.48 41.2004 177.212 41.3124 176.972C41.4284 176.728 41.5884 176.522 41.7924 176.354C41.9964 176.182 42.2384 176.05 42.5184 175.958C42.8024 175.866 43.1124 175.82 43.4484 175.82C43.7124 175.82 43.9584 175.85 44.1864 175.91C44.4144 175.966 44.6224 176.05 44.8104 176.162H46.4604ZM48.5728 176.804C48.7048 176.656 48.8448 176.522 48.9928 176.402C49.1408 176.282 49.2968 176.18 49.4608 176.096C49.6288 176.008 49.8048 175.942 49.9888 175.898C50.1768 175.85 50.3788 175.826 50.5948 175.826C50.9268 175.826 51.2188 175.882 51.4708 175.994C51.7268 176.102 51.9388 176.258 52.1068 176.462C52.2788 176.662 52.4088 176.904 52.4968 177.188C52.5848 177.472 52.6288 177.786 52.6288 178.13V182H51.5548V178.13C51.5548 177.67 51.4488 177.314 51.2368 177.062C51.0288 176.806 50.7108 176.678 50.2828 176.678C49.9668 176.678 49.6708 176.754 49.3948 176.906C49.1228 177.058 48.8708 177.264 48.6388 177.524V182H47.5648V175.922H48.2068C48.3588 175.922 48.4528 175.996 48.4888 176.144L48.5728 176.804ZM60.8965 181.076C61.2525 181.076 61.5705 181.016 61.8505 180.896C62.1305 180.776 62.3665 180.608 62.5585 180.392C62.7545 180.176 62.9025 179.918 63.0025 179.618C63.1065 179.318 63.1585 178.988 63.1585 178.628V173.402H64.3165V178.628C64.3165 179.124 64.2365 179.584 64.0765 180.008C63.9205 180.432 63.6945 180.8 63.3985 181.112C63.1065 181.42 62.7485 181.662 62.3245 181.838C61.9005 182.014 61.4245 182.102 60.8965 182.102C60.3685 182.102 59.8925 182.014 59.4685 181.838C59.0445 181.662 58.6845 181.42 58.3885 181.112C58.0925 180.8 57.8645 180.432 57.7045 180.008C57.5485 179.584 57.4705 179.124 57.4705 178.628V173.402H58.6285V178.622C58.6285 178.982 58.6785 179.312 58.7785 179.612C58.8825 179.912 59.0305 180.17 59.2225 180.386C59.4185 180.602 59.6565 180.772 59.9365 180.896C60.2205 181.016 60.5405 181.076 60.8965 181.076ZM67.0489 180.536C67.2449 180.8 67.4589 180.986 67.6909 181.094C67.9229 181.202 68.1829 181.256 68.4709 181.256C69.0389 181.256 69.4749 181.054 69.7789 180.65C70.0829 180.246 70.2349 179.67 70.2349 178.922C70.2349 178.526 70.1989 178.186 70.1269 177.902C70.0589 177.618 69.9589 177.386 69.8269 177.206C69.6949 177.022 69.5329 176.888 69.3409 176.804C69.1489 176.72 68.9309 176.678 68.6869 176.678C68.3389 176.678 68.0329 176.758 67.7689 176.918C67.5089 177.078 67.2689 177.304 67.0489 177.596V180.536ZM66.9949 176.864C67.2509 176.548 67.5469 176.294 67.8829 176.102C68.2189 175.91 68.6029 175.814 69.0349 175.814C69.3869 175.814 69.7049 175.882 69.9889 176.018C70.2729 176.15 70.5149 176.348 70.7149 176.612C70.9149 176.872 71.0689 177.196 71.1769 177.584C71.2849 177.972 71.3389 178.418 71.3389 178.922C71.3389 179.37 71.2789 179.788 71.1589 180.176C71.0389 180.56 70.8649 180.894 70.6369 181.178C70.4129 181.458 70.1369 181.68 69.8089 181.844C69.4849 182.004 69.1189 182.084 68.7109 182.084C68.3389 182.084 68.0189 182.022 67.7509 181.898C67.4869 181.77 67.2529 181.594 67.0489 181.37V184.058H65.9749V175.922H66.6169C66.7689 175.922 66.8629 175.996 66.8989 176.144L66.9949 176.864Z" fill="white"/>
                                                <rect x="20" y="25" width="64" height="24" fill="#F97A84"/>
                                                <rect x="15" y="60" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="73" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="86" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="99" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="112" width="74" height="5" fill="#FEFEFE"/>
                                            </svg>
                                        </div>
                                        <div class="membership-options-img">
                                            <svg width="103" height="205" viewBox="0 0 103 205" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="103" height="205" rx="4" fill="#FFDDDF"/>
                                                <rect x="11" y="164" width="81" height="26" rx="13" fill="#F97A84"/>
                                                <path d="M36.6405 174.746C36.6045 174.806 36.5645 174.852 36.5205 174.884C36.4805 174.912 36.4305 174.926 36.3705 174.926C36.3025 174.926 36.2225 174.892 36.1305 174.824C36.0385 174.756 35.9225 174.682 35.7825 174.602C35.6465 174.518 35.4805 174.442 35.2845 174.374C35.0925 174.306 34.8585 174.272 34.5825 174.272C34.3225 174.272 34.0925 174.308 33.8925 174.38C33.6965 174.448 33.5305 174.542 33.3945 174.662C33.2625 174.782 33.1625 174.924 33.0945 175.088C33.0265 175.248 32.9925 175.422 32.9925 175.61C32.9925 175.85 33.0505 176.05 33.1665 176.21C33.2865 176.366 33.4425 176.5 33.6345 176.612C33.8305 176.724 34.0505 176.822 34.2945 176.906C34.5425 176.986 34.7945 177.07 35.0505 177.158C35.3105 177.246 35.5625 177.346 35.8065 177.458C36.0545 177.566 36.2745 177.704 36.4665 177.872C36.6625 178.04 36.8185 178.246 36.9345 178.49C37.0545 178.734 37.1145 179.034 37.1145 179.39C37.1145 179.766 37.0505 180.12 36.9225 180.452C36.7945 180.78 36.6065 181.066 36.3585 181.31C36.1145 181.554 35.8125 181.746 35.4525 181.886C35.0965 182.026 34.6905 182.096 34.2345 182.096C33.6745 182.096 33.1665 181.996 32.7105 181.796C32.2545 181.592 31.8645 181.318 31.5405 180.974L31.8765 180.422C31.9085 180.378 31.9465 180.342 31.9905 180.314C32.0385 180.282 32.0905 180.266 32.1465 180.266C32.1985 180.266 32.2565 180.288 32.3205 180.332C32.3885 180.372 32.4645 180.424 32.5485 180.488C32.6325 180.552 32.7285 180.622 32.8365 180.698C32.9445 180.774 33.0665 180.844 33.2025 180.908C33.3425 180.972 33.5005 181.026 33.6765 181.07C33.8525 181.11 34.0505 181.13 34.2705 181.13C34.5465 181.13 34.7925 181.092 35.0085 181.016C35.2245 180.94 35.4065 180.834 35.5545 180.698C35.7065 180.558 35.8225 180.392 35.9025 180.2C35.9825 180.008 36.0225 179.794 36.0225 179.558C36.0225 179.298 35.9625 179.086 35.8425 178.922C35.7265 178.754 35.5725 178.614 35.3805 178.502C35.1885 178.39 34.9685 178.296 34.7205 178.22C34.4725 178.14 34.2205 178.06 33.9645 177.98C33.7085 177.896 33.4565 177.8 33.2085 177.692C32.9605 177.584 32.7405 177.444 32.5485 177.272C32.3565 177.1 32.2005 176.886 32.0805 176.63C31.9645 176.37 31.9065 176.05 31.9065 175.67C31.9065 175.366 31.9645 175.072 32.0805 174.788C32.2005 174.504 32.3725 174.252 32.5965 174.032C32.8245 173.812 33.1025 173.636 33.4305 173.504C33.7625 173.372 34.1425 173.306 34.5705 173.306C35.0505 173.306 35.4865 173.382 35.8785 173.534C36.2745 173.686 36.6225 173.906 36.9225 174.194L36.6405 174.746ZM39.5756 175.922V182H38.5076V175.922H39.5756ZM39.8036 174.014C39.8036 174.118 39.7816 174.216 39.7376 174.308C39.6976 174.396 39.6416 174.476 39.5696 174.548C39.5016 174.616 39.4196 174.67 39.3236 174.71C39.2316 174.75 39.1336 174.77 39.0296 174.77C38.9256 174.77 38.8276 174.75 38.7356 174.71C38.6476 174.67 38.5696 174.616 38.5016 174.548C38.4336 174.476 38.3796 174.396 38.3396 174.308C38.2996 174.216 38.2796 174.118 38.2796 174.014C38.2796 173.91 38.2996 173.812 38.3396 173.72C38.3796 173.624 38.4336 173.542 38.5016 173.474C38.5696 173.402 38.6476 173.346 38.7356 173.306C38.8276 173.266 38.9256 173.246 39.0296 173.246C39.1336 173.246 39.2316 173.266 39.3236 173.306C39.4196 173.346 39.5016 173.402 39.5696 173.474C39.6416 173.542 39.6976 173.624 39.7376 173.72C39.7816 173.812 39.8036 173.91 39.8036 174.014ZM43.4484 179.03C43.6644 179.03 43.8544 179 44.0184 178.94C44.1824 178.88 44.3204 178.796 44.4324 178.688C44.5444 178.58 44.6284 178.452 44.6844 178.304C44.7404 178.152 44.7684 177.986 44.7684 177.806C44.7684 177.434 44.6544 177.138 44.4264 176.918C44.2024 176.698 43.8764 176.588 43.4484 176.588C43.0164 176.588 42.6864 176.698 42.4584 176.918C42.2344 177.138 42.1224 177.434 42.1224 177.806C42.1224 177.986 42.1504 178.152 42.2064 178.304C42.2664 178.452 42.3524 178.58 42.4644 178.688C42.5764 178.796 42.7144 178.88 42.8784 178.94C43.0424 179 43.2324 179.03 43.4484 179.03ZM45.3744 182.33C45.3744 182.182 45.3324 182.062 45.2484 181.97C45.1644 181.878 45.0504 181.806 44.9064 181.754C44.7664 181.702 44.6024 181.666 44.4144 181.646C44.2264 181.622 44.0264 181.604 43.8144 181.592C43.6064 181.58 43.3944 181.568 43.1784 181.556C42.9624 181.544 42.7544 181.524 42.5544 181.496C42.3304 181.6 42.1464 181.732 42.0024 181.892C41.8624 182.048 41.7924 182.232 41.7924 182.444C41.7924 182.58 41.8264 182.706 41.8944 182.822C41.9664 182.942 42.0744 183.044 42.2184 183.128C42.3624 183.216 42.5424 183.284 42.7584 183.332C42.9784 183.384 43.2364 183.41 43.5324 183.41C43.8204 183.41 44.0784 183.384 44.3064 183.332C44.5344 183.28 44.7264 183.206 44.8824 183.11C45.0424 183.014 45.1644 182.9 45.2484 182.768C45.3324 182.636 45.3744 182.49 45.3744 182.33ZM46.4604 176.162V176.558C46.4604 176.69 46.3764 176.774 46.2084 176.81L45.5184 176.9C45.6544 177.164 45.7224 177.456 45.7224 177.776C45.7224 178.072 45.6644 178.342 45.5484 178.586C45.4364 178.826 45.2804 179.032 45.0804 179.204C44.8804 179.376 44.6404 179.508 44.3604 179.6C44.0804 179.692 43.7764 179.738 43.4484 179.738C43.1644 179.738 42.8964 179.704 42.6444 179.636C42.5164 179.716 42.4184 179.802 42.3504 179.894C42.2824 179.982 42.2484 180.072 42.2484 180.164C42.2484 180.308 42.3064 180.418 42.4224 180.494C42.5424 180.566 42.6984 180.618 42.8904 180.65C43.0824 180.682 43.3004 180.702 43.5444 180.71C43.7924 180.718 44.0444 180.732 44.3004 180.752C44.5604 180.768 44.8124 180.798 45.0564 180.842C45.3044 180.886 45.5244 180.958 45.7164 181.058C45.9084 181.158 46.0624 181.296 46.1784 181.472C46.2984 181.648 46.3584 181.876 46.3584 182.156C46.3584 182.416 46.2924 182.668 46.1604 182.912C46.0324 183.156 45.8464 183.372 45.6024 183.56C45.3584 183.752 45.0584 183.904 44.7024 184.016C44.3504 184.132 43.9524 184.19 43.5084 184.19C43.0644 184.19 42.6764 184.146 42.3444 184.058C42.0124 183.97 41.7364 183.852 41.5164 183.704C41.2964 183.556 41.1304 183.384 41.0184 183.188C40.9104 182.996 40.8564 182.794 40.8564 182.582C40.8564 182.282 40.9504 182.028 41.1384 181.82C41.3264 181.612 41.5844 181.446 41.9124 181.322C41.7324 181.242 41.5884 181.136 41.4804 181.004C41.3764 180.868 41.3244 180.686 41.3244 180.458C41.3244 180.37 41.3404 180.28 41.3724 180.188C41.4044 180.092 41.4524 179.998 41.5164 179.906C41.5844 179.81 41.6664 179.72 41.7624 179.636C41.8584 179.552 41.9704 179.478 42.0984 179.414C41.7984 179.246 41.5644 179.024 41.3964 178.748C41.2284 178.468 41.1444 178.144 41.1444 177.776C41.1444 177.48 41.2004 177.212 41.3124 176.972C41.4284 176.728 41.5884 176.522 41.7924 176.354C41.9964 176.182 42.2384 176.05 42.5184 175.958C42.8024 175.866 43.1124 175.82 43.4484 175.82C43.7124 175.82 43.9584 175.85 44.1864 175.91C44.4144 175.966 44.6224 176.05 44.8104 176.162H46.4604ZM48.5728 176.804C48.7048 176.656 48.8448 176.522 48.9928 176.402C49.1408 176.282 49.2968 176.18 49.4608 176.096C49.6288 176.008 49.8048 175.942 49.9888 175.898C50.1768 175.85 50.3788 175.826 50.5948 175.826C50.9268 175.826 51.2188 175.882 51.4708 175.994C51.7268 176.102 51.9388 176.258 52.1068 176.462C52.2788 176.662 52.4088 176.904 52.4968 177.188C52.5848 177.472 52.6288 177.786 52.6288 178.13V182H51.5548V178.13C51.5548 177.67 51.4488 177.314 51.2368 177.062C51.0288 176.806 50.7108 176.678 50.2828 176.678C49.9668 176.678 49.6708 176.754 49.3948 176.906C49.1228 177.058 48.8708 177.264 48.6388 177.524V182H47.5648V175.922H48.2068C48.3588 175.922 48.4528 175.996 48.4888 176.144L48.5728 176.804ZM60.8965 181.076C61.2525 181.076 61.5705 181.016 61.8505 180.896C62.1305 180.776 62.3665 180.608 62.5585 180.392C62.7545 180.176 62.9025 179.918 63.0025 179.618C63.1065 179.318 63.1585 178.988 63.1585 178.628V173.402H64.3165V178.628C64.3165 179.124 64.2365 179.584 64.0765 180.008C63.9205 180.432 63.6945 180.8 63.3985 181.112C63.1065 181.42 62.7485 181.662 62.3245 181.838C61.9005 182.014 61.4245 182.102 60.8965 182.102C60.3685 182.102 59.8925 182.014 59.4685 181.838C59.0445 181.662 58.6845 181.42 58.3885 181.112C58.0925 180.8 57.8645 180.432 57.7045 180.008C57.5485 179.584 57.4705 179.124 57.4705 178.628V173.402H58.6285V178.622C58.6285 178.982 58.6785 179.312 58.7785 179.612C58.8825 179.912 59.0305 180.17 59.2225 180.386C59.4185 180.602 59.6565 180.772 59.9365 180.896C60.2205 181.016 60.5405 181.076 60.8965 181.076ZM67.0489 180.536C67.2449 180.8 67.4589 180.986 67.6909 181.094C67.9229 181.202 68.1829 181.256 68.4709 181.256C69.0389 181.256 69.4749 181.054 69.7789 180.65C70.0829 180.246 70.2349 179.67 70.2349 178.922C70.2349 178.526 70.1989 178.186 70.1269 177.902C70.0589 177.618 69.9589 177.386 69.8269 177.206C69.6949 177.022 69.5329 176.888 69.3409 176.804C69.1489 176.72 68.9309 176.678 68.6869 176.678C68.3389 176.678 68.0329 176.758 67.7689 176.918C67.5089 177.078 67.2689 177.304 67.0489 177.596V180.536ZM66.9949 176.864C67.2509 176.548 67.5469 176.294 67.8829 176.102C68.2189 175.91 68.6029 175.814 69.0349 175.814C69.3869 175.814 69.7049 175.882 69.9889 176.018C70.2729 176.15 70.5149 176.348 70.7149 176.612C70.9149 176.872 71.0689 177.196 71.1769 177.584C71.2849 177.972 71.3389 178.418 71.3389 178.922C71.3389 179.37 71.2789 179.788 71.1589 180.176C71.0389 180.56 70.8649 180.894 70.6369 181.178C70.4129 181.458 70.1369 181.68 69.8089 181.844C69.4849 182.004 69.1189 182.084 68.7109 182.084C68.3389 182.084 68.0189 182.022 67.7509 181.898C67.4869 181.77 67.2529 181.594 67.0489 181.37V184.058H65.9749V175.922H66.6169C66.7689 175.922 66.8629 175.996 66.8989 176.144L66.9949 176.864Z" fill="white"/>
                                                <rect x="20" y="25" width="64" height="24" fill="#F97A84"/>
                                                <rect x="15" y="60" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="73" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="86" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="99" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="112" width="74" height="5" fill="#FEFEFE"/>
                                            </svg>
                                        </div>
                                        <div class="membership-options-img">
                                            <svg width="103" height="205" viewBox="0 0 103 205" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <rect width="103" height="205" rx="4" fill="#FFDDDF"/>
                                                <rect x="11" y="164" width="81" height="26" rx="13" fill="#F97A84"/>
                                                <path d="M36.6405 174.746C36.6045 174.806 36.5645 174.852 36.5205 174.884C36.4805 174.912 36.4305 174.926 36.3705 174.926C36.3025 174.926 36.2225 174.892 36.1305 174.824C36.0385 174.756 35.9225 174.682 35.7825 174.602C35.6465 174.518 35.4805 174.442 35.2845 174.374C35.0925 174.306 34.8585 174.272 34.5825 174.272C34.3225 174.272 34.0925 174.308 33.8925 174.38C33.6965 174.448 33.5305 174.542 33.3945 174.662C33.2625 174.782 33.1625 174.924 33.0945 175.088C33.0265 175.248 32.9925 175.422 32.9925 175.61C32.9925 175.85 33.0505 176.05 33.1665 176.21C33.2865 176.366 33.4425 176.5 33.6345 176.612C33.8305 176.724 34.0505 176.822 34.2945 176.906C34.5425 176.986 34.7945 177.07 35.0505 177.158C35.3105 177.246 35.5625 177.346 35.8065 177.458C36.0545 177.566 36.2745 177.704 36.4665 177.872C36.6625 178.04 36.8185 178.246 36.9345 178.49C37.0545 178.734 37.1145 179.034 37.1145 179.39C37.1145 179.766 37.0505 180.12 36.9225 180.452C36.7945 180.78 36.6065 181.066 36.3585 181.31C36.1145 181.554 35.8125 181.746 35.4525 181.886C35.0965 182.026 34.6905 182.096 34.2345 182.096C33.6745 182.096 33.1665 181.996 32.7105 181.796C32.2545 181.592 31.8645 181.318 31.5405 180.974L31.8765 180.422C31.9085 180.378 31.9465 180.342 31.9905 180.314C32.0385 180.282 32.0905 180.266 32.1465 180.266C32.1985 180.266 32.2565 180.288 32.3205 180.332C32.3885 180.372 32.4645 180.424 32.5485 180.488C32.6325 180.552 32.7285 180.622 32.8365 180.698C32.9445 180.774 33.0665 180.844 33.2025 180.908C33.3425 180.972 33.5005 181.026 33.6765 181.07C33.8525 181.11 34.0505 181.13 34.2705 181.13C34.5465 181.13 34.7925 181.092 35.0085 181.016C35.2245 180.94 35.4065 180.834 35.5545 180.698C35.7065 180.558 35.8225 180.392 35.9025 180.2C35.9825 180.008 36.0225 179.794 36.0225 179.558C36.0225 179.298 35.9625 179.086 35.8425 178.922C35.7265 178.754 35.5725 178.614 35.3805 178.502C35.1885 178.39 34.9685 178.296 34.7205 178.22C34.4725 178.14 34.2205 178.06 33.9645 177.98C33.7085 177.896 33.4565 177.8 33.2085 177.692C32.9605 177.584 32.7405 177.444 32.5485 177.272C32.3565 177.1 32.2005 176.886 32.0805 176.63C31.9645 176.37 31.9065 176.05 31.9065 175.67C31.9065 175.366 31.9645 175.072 32.0805 174.788C32.2005 174.504 32.3725 174.252 32.5965 174.032C32.8245 173.812 33.1025 173.636 33.4305 173.504C33.7625 173.372 34.1425 173.306 34.5705 173.306C35.0505 173.306 35.4865 173.382 35.8785 173.534C36.2745 173.686 36.6225 173.906 36.9225 174.194L36.6405 174.746ZM39.5756 175.922V182H38.5076V175.922H39.5756ZM39.8036 174.014C39.8036 174.118 39.7816 174.216 39.7376 174.308C39.6976 174.396 39.6416 174.476 39.5696 174.548C39.5016 174.616 39.4196 174.67 39.3236 174.71C39.2316 174.75 39.1336 174.77 39.0296 174.77C38.9256 174.77 38.8276 174.75 38.7356 174.71C38.6476 174.67 38.5696 174.616 38.5016 174.548C38.4336 174.476 38.3796 174.396 38.3396 174.308C38.2996 174.216 38.2796 174.118 38.2796 174.014C38.2796 173.91 38.2996 173.812 38.3396 173.72C38.3796 173.624 38.4336 173.542 38.5016 173.474C38.5696 173.402 38.6476 173.346 38.7356 173.306C38.8276 173.266 38.9256 173.246 39.0296 173.246C39.1336 173.246 39.2316 173.266 39.3236 173.306C39.4196 173.346 39.5016 173.402 39.5696 173.474C39.6416 173.542 39.6976 173.624 39.7376 173.72C39.7816 173.812 39.8036 173.91 39.8036 174.014ZM43.4484 179.03C43.6644 179.03 43.8544 179 44.0184 178.94C44.1824 178.88 44.3204 178.796 44.4324 178.688C44.5444 178.58 44.6284 178.452 44.6844 178.304C44.7404 178.152 44.7684 177.986 44.7684 177.806C44.7684 177.434 44.6544 177.138 44.4264 176.918C44.2024 176.698 43.8764 176.588 43.4484 176.588C43.0164 176.588 42.6864 176.698 42.4584 176.918C42.2344 177.138 42.1224 177.434 42.1224 177.806C42.1224 177.986 42.1504 178.152 42.2064 178.304C42.2664 178.452 42.3524 178.58 42.4644 178.688C42.5764 178.796 42.7144 178.88 42.8784 178.94C43.0424 179 43.2324 179.03 43.4484 179.03ZM45.3744 182.33C45.3744 182.182 45.3324 182.062 45.2484 181.97C45.1644 181.878 45.0504 181.806 44.9064 181.754C44.7664 181.702 44.6024 181.666 44.4144 181.646C44.2264 181.622 44.0264 181.604 43.8144 181.592C43.6064 181.58 43.3944 181.568 43.1784 181.556C42.9624 181.544 42.7544 181.524 42.5544 181.496C42.3304 181.6 42.1464 181.732 42.0024 181.892C41.8624 182.048 41.7924 182.232 41.7924 182.444C41.7924 182.58 41.8264 182.706 41.8944 182.822C41.9664 182.942 42.0744 183.044 42.2184 183.128C42.3624 183.216 42.5424 183.284 42.7584 183.332C42.9784 183.384 43.2364 183.41 43.5324 183.41C43.8204 183.41 44.0784 183.384 44.3064 183.332C44.5344 183.28 44.7264 183.206 44.8824 183.11C45.0424 183.014 45.1644 182.9 45.2484 182.768C45.3324 182.636 45.3744 182.49 45.3744 182.33ZM46.4604 176.162V176.558C46.4604 176.69 46.3764 176.774 46.2084 176.81L45.5184 176.9C45.6544 177.164 45.7224 177.456 45.7224 177.776C45.7224 178.072 45.6644 178.342 45.5484 178.586C45.4364 178.826 45.2804 179.032 45.0804 179.204C44.8804 179.376 44.6404 179.508 44.3604 179.6C44.0804 179.692 43.7764 179.738 43.4484 179.738C43.1644 179.738 42.8964 179.704 42.6444 179.636C42.5164 179.716 42.4184 179.802 42.3504 179.894C42.2824 179.982 42.2484 180.072 42.2484 180.164C42.2484 180.308 42.3064 180.418 42.4224 180.494C42.5424 180.566 42.6984 180.618 42.8904 180.65C43.0824 180.682 43.3004 180.702 43.5444 180.71C43.7924 180.718 44.0444 180.732 44.3004 180.752C44.5604 180.768 44.8124 180.798 45.0564 180.842C45.3044 180.886 45.5244 180.958 45.7164 181.058C45.9084 181.158 46.0624 181.296 46.1784 181.472C46.2984 181.648 46.3584 181.876 46.3584 182.156C46.3584 182.416 46.2924 182.668 46.1604 182.912C46.0324 183.156 45.8464 183.372 45.6024 183.56C45.3584 183.752 45.0584 183.904 44.7024 184.016C44.3504 184.132 43.9524 184.19 43.5084 184.19C43.0644 184.19 42.6764 184.146 42.3444 184.058C42.0124 183.97 41.7364 183.852 41.5164 183.704C41.2964 183.556 41.1304 183.384 41.0184 183.188C40.9104 182.996 40.8564 182.794 40.8564 182.582C40.8564 182.282 40.9504 182.028 41.1384 181.82C41.3264 181.612 41.5844 181.446 41.9124 181.322C41.7324 181.242 41.5884 181.136 41.4804 181.004C41.3764 180.868 41.3244 180.686 41.3244 180.458C41.3244 180.37 41.3404 180.28 41.3724 180.188C41.4044 180.092 41.4524 179.998 41.5164 179.906C41.5844 179.81 41.6664 179.72 41.7624 179.636C41.8584 179.552 41.9704 179.478 42.0984 179.414C41.7984 179.246 41.5644 179.024 41.3964 178.748C41.2284 178.468 41.1444 178.144 41.1444 177.776C41.1444 177.48 41.2004 177.212 41.3124 176.972C41.4284 176.728 41.5884 176.522 41.7924 176.354C41.9964 176.182 42.2384 176.05 42.5184 175.958C42.8024 175.866 43.1124 175.82 43.4484 175.82C43.7124 175.82 43.9584 175.85 44.1864 175.91C44.4144 175.966 44.6224 176.05 44.8104 176.162H46.4604ZM48.5728 176.804C48.7048 176.656 48.8448 176.522 48.9928 176.402C49.1408 176.282 49.2968 176.18 49.4608 176.096C49.6288 176.008 49.8048 175.942 49.9888 175.898C50.1768 175.85 50.3788 175.826 50.5948 175.826C50.9268 175.826 51.2188 175.882 51.4708 175.994C51.7268 176.102 51.9388 176.258 52.1068 176.462C52.2788 176.662 52.4088 176.904 52.4968 177.188C52.5848 177.472 52.6288 177.786 52.6288 178.13V182H51.5548V178.13C51.5548 177.67 51.4488 177.314 51.2368 177.062C51.0288 176.806 50.7108 176.678 50.2828 176.678C49.9668 176.678 49.6708 176.754 49.3948 176.906C49.1228 177.058 48.8708 177.264 48.6388 177.524V182H47.5648V175.922H48.2068C48.3588 175.922 48.4528 175.996 48.4888 176.144L48.5728 176.804ZM60.8965 181.076C61.2525 181.076 61.5705 181.016 61.8505 180.896C62.1305 180.776 62.3665 180.608 62.5585 180.392C62.7545 180.176 62.9025 179.918 63.0025 179.618C63.1065 179.318 63.1585 178.988 63.1585 178.628V173.402H64.3165V178.628C64.3165 179.124 64.2365 179.584 64.0765 180.008C63.9205 180.432 63.6945 180.8 63.3985 181.112C63.1065 181.42 62.7485 181.662 62.3245 181.838C61.9005 182.014 61.4245 182.102 60.8965 182.102C60.3685 182.102 59.8925 182.014 59.4685 181.838C59.0445 181.662 58.6845 181.42 58.3885 181.112C58.0925 180.8 57.8645 180.432 57.7045 180.008C57.5485 179.584 57.4705 179.124 57.4705 178.628V173.402H58.6285V178.622C58.6285 178.982 58.6785 179.312 58.7785 179.612C58.8825 179.912 59.0305 180.17 59.2225 180.386C59.4185 180.602 59.6565 180.772 59.9365 180.896C60.2205 181.016 60.5405 181.076 60.8965 181.076ZM67.0489 180.536C67.2449 180.8 67.4589 180.986 67.6909 181.094C67.9229 181.202 68.1829 181.256 68.4709 181.256C69.0389 181.256 69.4749 181.054 69.7789 180.65C70.0829 180.246 70.2349 179.67 70.2349 178.922C70.2349 178.526 70.1989 178.186 70.1269 177.902C70.0589 177.618 69.9589 177.386 69.8269 177.206C69.6949 177.022 69.5329 176.888 69.3409 176.804C69.1489 176.72 68.9309 176.678 68.6869 176.678C68.3389 176.678 68.0329 176.758 67.7689 176.918C67.5089 177.078 67.2689 177.304 67.0489 177.596V180.536ZM66.9949 176.864C67.2509 176.548 67.5469 176.294 67.8829 176.102C68.2189 175.91 68.6029 175.814 69.0349 175.814C69.3869 175.814 69.7049 175.882 69.9889 176.018C70.2729 176.15 70.5149 176.348 70.7149 176.612C70.9149 176.872 71.0689 177.196 71.1769 177.584C71.2849 177.972 71.3389 178.418 71.3389 178.922C71.3389 179.37 71.2789 179.788 71.1589 180.176C71.0389 180.56 70.8649 180.894 70.6369 181.178C70.4129 181.458 70.1369 181.68 69.8089 181.844C69.4849 182.004 69.1189 182.084 68.7109 182.084C68.3389 182.084 68.0189 182.022 67.7509 181.898C67.4869 181.77 67.2529 181.594 67.0489 181.37V184.058H65.9749V175.922H66.6169C66.7689 175.922 66.8629 175.996 66.8989 176.144L66.9949 176.864Z" fill="white"/>
                                                <rect x="20" y="25" width="64" height="24" fill="#F97A84"/>
                                                <rect x="15" y="60" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="73" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="86" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="99" width="74" height="5" fill="#FEFEFE"/>
                                                <rect x="15" y="112" width="74" height="5" fill="#FEFEFE"/>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-cont-text">
                                <span>Membership Options:</span> Show all of the different tiers of membership options your members can select from
                            </div>
                            <div class="btn-section">
                                <a href="{{ route('form-create.createTemplate',['formType' => '4']) }}" class="btn-theme dark form_type_choose">
                                    <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M5.24993 7.94639L2.62671 5.32317L2.44994 5.14639L2.27316 5.32317L1.33982 6.2565L1.16305 6.43328L1.33982 6.61005L5.07316 10.3434L5.24993 10.5202L5.42671 10.3434L13.4267 2.34339L13.6035 2.16661L13.4267 1.98983L12.4934 1.0565L12.3166 0.879723L12.1398 1.0565L5.24993 7.94639Z" fill="white" stroke="white" stroke-width="0.5"/>
                                    </svg>  Continue
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
</div>
<div class="modal-backdrop fade show modal-backdrop-new" style="display: none"></div>
<div class="modal fade edit_modal custom-error-modal edit_modal confirm-modal" id="CusErrorModal">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row align-items-center customMsg">
                
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script type="text/javascript">
$(document).on('click', '.itemcheckbox', function() {
    var checkedLength = $('.itemcheckbox:checked').length;
    if(checkedLength > 0){
        $('#bulkeditToggle').addClass('d-flex');
        $('#bulkeditToggle').show();
        $('span.bulk-edit-count').text(checkedLength);
    }else{
        $('#bulkeditToggle').removeClass('d-flex');
        $('#bulkeditToggle').hide();
    }   
});


$(document).on('click', '.allformscheck', function() {

    $('.allformscheckbox').prop('checked',true);
    $(".itemcheckbox").each(function() {
        this.checked=true;
    }); 
    var checkedLength = $('.itemcheckbox:checked').length;
    $('span.bulk-edit-count').text(checkedLength);
});
$(document).on('click', '.allformscheckbox', function() {
    $(".itemcheckbox").each(function() {
        if($('.allformscheckbox:checked').length > 0 ){
            this.checked=true;
        }else{
            this.checked=false;
        }
        var checkedLength = $('.itemcheckbox:checked').length;
        $('span.bulk-edit-count').text(checkedLength);
    }); 
});

$(document).on('click', '.updateformstatus', function() {
    var checkedLength = $('.itemcheckbox:checked').length;
    if(checkedLength > 0){
        var itemIds = [];
        var status = $(this).data('status');

        $('.itemcheckbox:checked').each(function() {
            itemIds.push($(this).val());
        });

        if (itemIds.length > 0) {
            var page = $('#page-no').val();
            formAjaxList(itemIds,status,'update');
        }
    }  
});

$(document).on('click', '.updateformstatuspop', function() {
    
    if($('.updateformstatuspop').length > 0){
        var itemIds = $(this).data('formid');
        var status = $(this).data('status');

        if (itemIds != '') {
            var page = $('#page-no').val();
            formAjaxList(itemIds,status,'update',page);
        }
    }  
});

$(document).on('click', '.editbulkcomponent', function() {
    var fitemIds = [];
    var modal = $("#single-modal-in-the-page");
    $('.itemcheckbox:checked').each(function() {
        fitemIds.push($(this).val());
    });
    var itemIdsStr = fitemIds.join(',');
    //var itemIdsStr = '1,2';
    $.ajax({
        url: '{{ route('form.loadcommoncomponent') }}',
        type: 'GET',
        data: { itemIds: itemIdsStr },
        success: function (data) {
            if ($(window).width() > 767) {
            $(".modal-dialog-scrollable .modal-body").mCustomScrollbar("update");
            }
            if(data.html!='' || data.html!=null){
                var modal = $("#single-modal-in-the-page");
            modal.find(".modal-content").html(data.html);
            $('#commponet-common').select2({
                dropdownParent: modal
                });
            $('.edit_dropdown_ignorance').hide();
            $('.edit_dropdown_add').hide();
            $('.modal-dialog-centered').addClass('modal-dialog-scrollable');
            modal.modal("show");
            }
            
          // alert('success'); // Update the #dynamicContent with the loaded content
        },
        error: function () {
            alert('Failed to load content.');
        }
    });
});

$(document).on('click', '.componentdata', function() {
    var modal = $("#single-modal-in-the-page");
    var formIds = $('#bulkeditformids').val();
    var active_tab = $('.edit_type.active').data('action');
        if(active_tab == 'remove'){
            var comp_name = $("#commponet-common option:selected").text();
            var form_names_json = $('#form_names').val();
            var jsonArray = JSON.parse(form_names_json);
            var formNames = [];
            $.each(jsonArray, function (index, item) {
            var formName = item.form_name;
            formNames.push(item.form_name);
            });
            var formNamesString = formNames.join(',');
            $('.comp_heading').html('Are you sure want to remove "'+comp_name+'"?" from "'+formNamesString+'" ? This action cannot be undone');
            $("#bulkEditModal").css("display", "none");
            $("#removeComp").modal("show");
            
             } else if(active_tab =='edit' || active_tab == 'add'){
                if(active_tab == 'edit'){
                    if($('.ignorevariance').prop('checked'))
                    {
                        var componentid = $('#commponet-common-ignorance').val();
                    } else {
                        var componentid = $('#commponet-common').val();
                    }
                   
                } else{
                    var componentid = $('#commponet-common-add').val(); 
                }
               
    $.ajax({
        url: '{{ route('form.getcomponentdetails') }}',
        type: 'GET',
                data: { componentid: componentid,formIds : formIds,editType: active_tab },
        success: function (data) {
            if ($(window).width() > 767) {
            $(".modal-dialog-scrollable .modal-body").mCustomScrollbar("update");
            }
            if(data.html!=''){
            modal.find(".modal-content").html(data.html);
            $('.modal-dialog-centered').addClass('modal-dialog-scrollable');
            modal.modal("show");
            }
        },
        error: function () {
            alert('Failed to load content.');
        }
    });
       }
});

function formAjaxList(itemIds,status,type,page=0){

    var ajaxUrl,ajaxMethod;
    if (type == 'update') {
        ajaxUrl = "{{ route('form.updateformstatus') }}";
        ajaxMethod = "POST";
    } else {
        ajaxUrl = "{{ route('form.form_library') }}";
        ajaxMethod = "GET";
    }
    var keyword = $.trim($('.search-keyword').val());
    var filterStatus = [];
    $('.f_status:checked').each(function() {
        filterStatus.push($(this).val());
    });
    var filterSort = $('input[name="f_sort"]:checked').val();
    
    var postData =  {
                itemIds: itemIds,
                status: status,
                keyword:keyword,
                filterStatus:filterStatus,
                filterSort:filterSort,
                _token: '{{ csrf_token() }}',
                page: page,
            };
    $.ajax({
        type: ajaxMethod,
        dataType: 'json',
        data: postData,
        url: ajaxUrl,
        success: function(data) {
            if (data.status) {
                $('#overview-studio-list').html(data.html);
                $('#paginationContainer').html(data.paginationHtml);

                var page_no_text = $('.pagination li').find('span.page-link').text();
                var page_no = parseInt(page_no_text);
                $('#page-no').val(page_no);
                
                $('#single-modal-in-the-page').modal('hide');
                $('#bulkeditToggle').removeClass('d-flex');
                $('#bulkeditToggle').hide();
                $('.allformscheckbox').prop('checked',false);
                //window.location.reload();
                $('html, body').animate({scrollTop: 0}, 'slow');

            } else {
                alert('Something went wrong');
            }
        }
    });
}

$(document).on('click', '.pagination a', function(e) {
    e.preventDefault();
    var page = $(this).attr('href').split('page=')[1];
    formAjaxList('','','list',page);
    $('body').mCustomScrollbar();
});

$(document).on('click', '.f_status', function() {
    var checkedLength = $('.f_status:checked').length;
        formAjaxList('','','list');
});
$(document).on('click', '.f_sort', function() {
    var radioChecked = $('.f_sort:checked').length;
    var page = $('#page-no').val();
    formAjaxList('','','list');
    
});

function updateSelectedValue(input) {
    var selectedValues = [];
    var selectedCheckboxes = document.querySelectorAll('.f_status:checked');
    //var selectedRadio = document.querySelector('.f_sort:checked');
    
    selectedCheckboxes.forEach(function(checkbox) {
        var label = checkbox.parentElement.querySelector('span');
        selectedValues.push(label.textContent);
    });
    
    // if (selectedRadio) {
    //     selectedValues.push(selectedRadio.nextElementSibling.textContent);
    // }

    var selectedFiltersElement = document.querySelector('.selected-filters');
    selectedFiltersElement.innerHTML = '';
    
    selectedValues.forEach(function (value) {
        var filterItem = document.createElement('span');
        filterItem.className = 'filter-item';
        filterItem.innerHTML = value + '<span class="f-close" onclick="removeFilter(this)">&times;</span>';
        var checkboxId = value === 'Active' ? 'f_status1' : 'f_status2';
        filterItem.setAttribute('data-checkbox-id', checkboxId);
        selectedFiltersElement.appendChild(filterItem);
    });

    if (selectedValues.length > 0) {
        selectedFiltersElement.classList.add('active-filter');
    } else {
        selectedFiltersElement.classList.remove('active-filter');
    }
}

function removeFilter(closeIcon) {
    var filterItem = closeIcon.parentElement;
    var checkboxId = filterItem.getAttribute('data-checkbox-id');
    var checkbox = document.getElementById(checkboxId);
    checkbox.checked = false;
    formAjaxList('','','list');
    filterItem.remove();
    updateSelectedValue();
}
$(document).on('click', '.createFormModal', function() {
    $('#createFormModal').css('display', 'block');
    $('#createFormModal').addClass('show');
    $('.modal-backdrop-new').css('display', 'block');
    $('.mCustomScrollBox').addClass('max-height-none');
    if ($(window).width() > 767) {
        $('body').mCustomScrollbar('destroy');
    }
})

$(document).on('click', '.common-close-modal', function() {
    $('#createFormModal').css('display', 'none');
    $('#createFormModal').removeClass('show');
    $('.modal-backdrop-new').css('display', 'none');
    $('.mCustomScrollBox').removeClass('max-height-none');
    $('body').mCustomScrollbar();
});
$(document).ready(function () { 
    if ($(window).width() > 767) {
        $('.edit-form-comp-det-popup-modal-body').mCustomScrollbar();
    }
});
$(document).on('click','.form_submit_bulk_add',function() {
    window.onbeforeunload = null;
    var bvalue = $(this).attr('value');
    var publish_flag = '0';
    var archive_flag = '0';

    if(bvalue == 'Publish')
    {
        publish_flag = '0';
    }
    else if(bvalue == 'draft')
    {
        publish_flag = '1';
    }
    else if(bvalue == 'Archive')
    {
        archive_flag = '1';
    }
    var checkFormName = true;
    var checkFormDesc = true;
    var sign_flag = $(".sign_flag:checked").val();
    if(sign_flag == 'on'){
        sign_flag = 1;
    }else{
        sign_flag = 0;
    } 
    if(checkFormName == true && checkFormDesc == true){
        var baseUri = window.location.protocol + "//" + window.location.host;
        var getFlag = validationAndGetData();
        var currentHostname = window.location.hostname;
        // console.log("final arrayy edit"+finalArr);
        if(finalArr.length>0){
           if(getFlag == true){
               
                        var templateID = $("#editId").val();
                      // var BaseURL = 'http://localhost:8000/';
                        $.ajax({
                            url: BaseURL+"form/createcomponent" ,
                            type: 'POST',
                            data: {
                                _token: $('meta[name="csrf-token"]').attr('content'),
                                finalArr: finalArr,
                                bulkeditformids: $("#bulkeditformids").val(),
                            },
                            headers: {
                                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                },
                            timeout: 3000, // in milliseconds
                            dataType: "json",
                            async: true,
                            success: function (data) {
                                // console.log("data bulk edit status data" +data);
                                window.onbeforeunload = null;
                                if(data.status_code == "200"){
                                    var modal = $("#single-modal-in-the-page");
                                    modal.modal("hide");
                                    showSuccessAlert('Component added successfully!');
                                }else{
                                    alert('Failure');
                                }
                            },
                            error: function (request, statusCode, err) {
                                $("#loadingModal").modal("hide");
                                alert('something went wrong...');
                                return false;
                            }
                        });
                        
                    
               
           
            } else{
              //  showCustomAlert('1');
            }
        }else{
          //  showCustomAlert('1');
        }
    }

    //return false;
});
$(document).on('click', '.form_submit_bulk_edit', function () {
    var type = $(this).attr('data-type');
    $('#type').val(type);
    var formData = new FormData($("#bulkEdit")[0]);
   // var BaseURL = 'http://localhost:8000/';
    $.ajax({
        url: BaseURL + "form/updatecomponent",
        type: 'POST',
        data: formData, 
        processData: false, 
        contentType: false, 
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        timeout: 3000,
        dataType: "json",
        async: true,
        success: function (data) {
            // console.log("data bulk edit status data" + data);
            window.onbeforeunload = null;
            if (data.status_code == "200") {
                var modal = $("#single-modal-in-the-page");
                modal.modal("hide");
                showSuccessAlert('Component Edit Successfully!');
            } else {
                alert('Failure');
            }
        },
        error: function (request, statusCode, err) {
            console.error(err);
        }
    });
});

$(document).on('click', '.dropdown-toggle-new', function () {
    $('.dropdown-menu.show').css('inset', 'none');
});
$('.modal').on('shown.bs.modal', function (event) {
	if ($(window).width() > 767) {
		$('body').mCustomScrollbar('destroy');
	}
});
$('.modal').on('hide.bs.modal', function (event) {
	if ($(window).width() > 767) {
		$('body').mCustomScrollbar();
	}
});

</script>
@endpush('scripts')