@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>
            <a  href="{{ route('consultant_request.edit', $user)}}" class="settings__body-edit icon-edit"></a>
            </div>
            @php
                $defaultIndex = 0;
            @endphp
        </div>
        <div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
            @if($medicalEducations)
                <h4> Gradusctions </h4>
                <div class="row h5">
                        <div class="col-sm-4 col-lg-8">
                            <span class="ml-3">Title</span>
                        </div>
                        <div class="col-sm-4 col-lg-3">
                            <span class="ml-1">Completion date</span>
                        </div>
                </div>
                @foreach($medicalEducations as $index => $medicalEducation)
                    <div class="row" wire:key="post-field-{{ $index }}">
                        <div class="col-sm-4 col-lg-8">
                            <span class="ml-3">{{ $medicalEducation['title'] ?? '' }}</span>
                        </div>
                        <div class="col-sm-4 col-lg-3">
                            <span class="ml-1">{{ $medicalEducation['date'] ?? '' }}</span>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
        @if($certPhotos)
            <div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
                <h4> Certificates photos </h4>
                <div class="row mt-3">
                    @foreach($certPhotos as $photo)
                        <div class="col-3 cert-img-parent">
                            <img class="certs-imgs" src="{{ $photo["path"] }}" />
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

        <div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
            <h4> Social networks </h4>
            <div class="d-flex justify-content-between align-items-center mb-3">
                <a href="{{ $requestData->vk_link ?? '' }}" class="w-50 me-3 btn btn-lg btn-primary btn-block w-100 --f_bolder" target="_blank">VK</a>
                <a href="{{ $requestData->insta_link ?? '' }}" class="w-50 btn btn-lg btn-primary btn-block w-100 --f_bolder" target="_blank">INSTARGRAM</a>
            </div>
            <div class="d-flex justify-content-between align-items-center">
                <a href="{{ $requestData->fb_link ?? '' }}" class="w-50 me-3 btn btn-lg btn-primary btn-block w-100 --f_bolder" target="_blank">FACEBOOK</a>
                <a href="{{ $requestData->tg_link ?? '' }}" class="w-50 btn btn-lg btn-primary btn-block w-100 --f_bolder" target="_blank">TELEGRAM</a>
            </div>
        </div>
        <div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
            <div class="container p-0 --mw-130 mt-3">
                <button wire:click.prevent="save" class="btn btn-lg btn-primary btn-block w-100 --f_bolder disabled:opacity-50" type="button">
                    <span wire:loading="" wire:target="save" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                    <span>{{ __('profile.done') }}</span>
                </button>
            </div>
        </div>
    </section>
@endsection