@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">
                                <form method="post" class="process-form" action="{{ route('studio.complete_mindbody_setup') }}">
                                    @csrf
                                    <input type="hidden" value="single" name="details">
                                    <h3 class="card_title">Mindbody is F45 managed</h3>
                                    
                                    <p class="text-theme">An activation code will be generated and emailed to the F45 Tech Team and F45 Mindbody Team.</p>
                                   
                                    <p class="text-theme">They will process this code on your behalf to allow you to connect your Mindbody account.</p>
                                    <div id="custom-error_mindbody_account"></div>
                                    @include('includes.loader')
                                    <button type="submit" class="profile-btn fw-700"><span class="font-lato">Continue</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.manage_mindbody', ['studio' => $studio->uuid]) }}">
                                <button type="button" class="btn-theme light w-100 mt-3 fw-700">
                                    <img src="{{ asset('images/arrow_back_black.svg') }}" alt="plus">
                                    <span class="font-lato">Previous Step</span>
                                </button>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item ">
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endsection
    @push('scripts')
    <script type="text/javascript">
    $(document).ready(function() {
      
    });
    </script>
    @endpush('scripts')