@extends('layouts/eatvio')
@section('main_section')
	<section class="py-5" id="main">
        <div class="container d-flex justify-content-between align-items-center mb-4 px-4 py-2 --bg_white --shadow --radius --mw-1000">
            <a href="{{ route('profile.index') }}" class="d-flex align-items-center --f_bold --f_main"><svg width="17" height="16" class="me-2"><use xlink:href="#GoBack"></use></svg><span class="d-none d-md-inline">{{ __('profile.profile') }}</span></a>
            <div class="d-flex align-items-center">
                <div class="text-end me-2">
                    <small><a href="{{ route('profile.index') }}" class="--f_bold --f_main">{{ $user->name }}</a></small><br>
                    <small class="py-1">{{ $user->is_consultant ? __('profile.is_consultant') : __('profile.is_user') }}</small>
                </div>
                <a href="{{ route('profile.index') }}" class="d-none d-md-block --radius_100 overflow-hidden"><img src="{{ $user->profile_photo_url }}" width="42px" height="42px" class="profile_image" /></a>
			</div>
        </div>
        <div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
			<div class="d-flex px-md-5 justify-content-between align-items-center flex-wrap flex-lg-nowrap flex-column-reverse flex-lg-row overflow-x-xs-scroll">
                <h3>{{ __('consultant_request.consultant_registration') }}: {{ $user->name }}</h3>
                <span @class(
                    [
                    'badge',
                    'bg-info text-dark' => $currentConsultantRegistrationState == 'created',
                    'bg-secondary' => $currentConsultantRegistrationState == 'incomplite',
                    ]
                )> {{ $currentConsultantRegistrationState ?? "" }} </span>
            </div>
            <livewire:consultant.registration-form :user="$user">
        </div>
	</section>
@endsection