@extends('layouts.auth')
@section('content')
@section('bodyClass', 'mobile_banner')
<div class="">
    <a href="{{ route('logout') }}" class="backto-login">
        <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M11.3334 4.83329H3.22008L6.94675 1.10663L6.00008 0.166626L0.666748 5.49996L6.00008 10.8333L6.94008 9.89329L3.22008 6.16663H11.3334V4.83329Z"
                fill="white" />
        </svg>
        Back to Login
    </a>
    <div class="row align-items-center banner_layout">
        <div class="col-md-7 contents">
           
        </div>
        <div class="col-md-5 carousel-contents">
            <div id="demo" class="carousel slide" data-bs-ride="carousel" data-bs-interval="false">
                <!-- The slideshow/carousel -->
                <div class="carousel-inner">
                   
                    <div class="carousel-item active">
                        <div class="card_layout">
                            <div class="card_body">
                                <div class="card_content">
                                    @if (count($mbStudios) > 1)
                                        <div class="card_inner_item business-list-item">
                                            <div class="business-profile-image">
                                                <img class="business-logo" src="{{Helper::getStudioLogo($studio->logo)}}" alt="logo" width="50">
                                            </div>
                                            <div class="businesss-name-address">
                                                <h5>{{ $studio->name }}</h5>
                                                <p>{{ $studio->address }}</p>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                                <form method="post" class="process-form" action="{{ route('studio.manage_mindbody_store') }}">
                                    @csrf
                                    <input type="hidden" value="single" name="details">
                                    <h3 class="card_title">Who manages the Mindbody account
                                    {{ count($mbStudios) > 1 ? 'for '.$studio->name : '' }} ?</h3>
                                    <div class="form-group form_checkbox_layout">
                                        <div class="form_checkbox_label">
                                            <p>Mindbody is F45 managed</p>
                                        </div>
                                        <div class="form_checkbox">
                                            <div class="round">
                                                <input type="radio" class="choose_plan" name="account_type"
                                                    value="1" id="manage_type1"  {{ $studio->mb_account_type == 1 ? 'checked' : '' }} />
                                                <label for="manage_type1"></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group form_checkbox_layout">
                                        <div class="form_checkbox_label">
                                            <p>Mindbody is self managed</p>
                                        </div>
                                        <div class="form_checkbox">
                                            <div class="round">
                                                <input type="radio" class="choose_plan" name="account_type"
                                                    value="2" id="manage_type2"  {{ $studio->mb_account_type == 2 ? 'checked' : '' }}/>
                                                <label for="manage_type2"></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group form_checkbox_layout">
                                        <div class="form_checkbox_label">
                                            <p>I don't know</p>
                                        </div>
                                        <div class="form_checkbox">
                                            <div class="round">
                                                <input type="radio" class="choose_plan" name="account_type"
                                                    value="3" id="manage_type3"  {{ $studio->mb_account_type == 3 ? 'checked' : '' }}/>
                                                <label for="manage_type3"></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="custom-error_manage_type"></div>
                                    <div class="row popup-error-sucess popup-error align-items-center" style="display:none;">
                                        <div class="col-md-12">
                                            <div class="edit_content">
                                                <img src="{{ asset('/images/exlamation_round_red.svg') }}" alt="exlamation">
                                                <p></p>
                                            </div>
                                        </div>  
                                    </div> 
                                    @include('includes.loader')
                                    <button type="submit" class="profile-btn fw-700"><span class="font-lato">Next</span>
                                        <img src="{{ asset('images/arrow_white.svg') }}" alt="Move Forword" />
                                    </button>
                                    <input type="hidden" name="studio_id" value="{{ $studio->id }}">
                                </form>           
                                <a href="{{ route('studio.mindbody', ['studio' => $studio->uuid]) }}">
                                <button type="button" class="btn-theme light w-100 mt-3 fw-700">
                                    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M10.8334 4.83329H2.72008L6.44675 1.10663L5.50008 0.166626L0.166748 5.49996L5.50008 10.8333L6.44008 9.89329L2.72008 6.16663H10.8334V4.83329Z" fill="#000000"/>
                                    </svg>
                                    <span class="font-lato">Previous Step</span>
                                </button>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                    </div>
                </div>
            </div>
           
        </div>
    </div>
    @endsection