@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('user_detailz.show', $user->detailz) }}" 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">Просмотр настроек</span>
            </a>
            <div class="d-flex align-items-center">
                <div class="text-end me-2">
                    <small>
                        <a href="{{ route('profile.show', $user) }}" class="--f_bold --f_main">{{ $user->name }}</a>
                    </small>
                    <br/>
                    <small class="py-1">{{ $user->is_consultant ? 'Консультант' : 'Пользователь' }}</small>
                </div>
                <a href="{{ route('profile.show', $user) }}" 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>Данные пользователя: {{ $user->name }}</h3>
            </div>
            <livewire:profile.edit-detailz-form :user="$user">
        </div>
	</section>
@endsection