@extends('layouts.auth')
@section('content')
<div class="row align-items-center banner_layout">
    <div class="col-lg-7 contents">
        <p>{{ config('constants.auth_banner_text') }}</p>
    </div>
    <div class="col-lg-5">
        <div class="card_layout">
            <div class="far_body">
                @if($studios)
                    @foreach($studios as $logo=>$studio)
                        <img class="rounded-circle" height="50" width="50" src="{{Helper::getStudioLogo($logo)}}" alt="logo">
                    @endforeach
                    <div class="far_body_content">
                        @php $studio_names = $studios->implode(",")@endphp
                        <h1>{{$studio_names}}</h1>
                        @if(count($studios) > 1)
                            <p>are now set up!</p>
                        @else
                            <p>is now set up!</p>
                        @endif
                    </div> 
                @endif
                <div class="far_btns">
                    <button type="button" onclick="location.href='{{ route('studio.invite.get') }}'">
                        <img src="{{ asset('images/book_white.svg') }}" alt="book">
                        Invite Team Members
                    </button>
                    <button type="button" onclick="location.href='{{ route('studio.connect_accounts') }}'">
                        <img src="{{ asset('images/plus_white.svg') }}" alt="plus">
                        Connect Accounts
                    </button>
                    <button type="button" class="dashboard_btn" onclick="location.href='{{ route('studio.dashboard') }}'">Go To Dashboard
                        <img src="{{ asset('images/arrow.svg') }}" alt="arrow">
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection