@extends('web.student.index')
@section('title', 'Editar Perfil')

@section('content')

    @include('web.student.partials.sideBar')


    <section class="myProfileMobile">
        <div class="menuTopMobile">
            <div class="menuMobileConteiner">
                <a href="{{ route('myProfile') }}" class="voltar">
                    <img src="{{ asset('images/web/icons/x.svg') }}" alt="voltar">
                </a>

                <div>
                    <h2>
                        Editar perfil
                    </h2>
                </div>
            </div>
        </div>
        <div class="marginMenuMobile1"> </div>

    </section>

    <section class="myProfile editMobile">
        <div class="barMyProfile closeMobile">
            <div class="title">
                <h2><a href="{{ route('myProfile') }}" style="text-decoration: none; color: inherit;">Meu perfil</a></h2>
                <span>></span>
                <h2>Editar perfil</h2>
            </div>

            <div class="saveEdit">
                <a href="{{ route('myProfile') }}">Voltar</a>
            </div>
        </div>
        <form action="{{ route('update-profile') }}" method="post" enctype="multipart/form-data">
            @csrf

            <div class="barConteinerEdit">
                <div class="barEditImg">
                    <div class="EditImg">
                        <div class="imgProfile">
                            <img src="{{ (!empty(auth()->user()->profile->avatar) ) ? asset( auth()->user()->profile->avatar ) : asset('images/web/avatarProf.svg') }}" alt="">
                        </div>
                        <label for="avatar" class="btn btn-primary">
                            Alterar foto
                        </label>
                        <input type="file" id="avatar" name="avatar" class="form-control-file" style="display: none">
                        <button type="submit" style="border: none; border-radius:10px;width: 150px; height: 30px;"
                                class="btn btn-primary">
                                Salvar alterações
                        </button>

                    </div>
                    <div class="EditBio">
                        <h2>Fale sobre você</h2>

                        <textarea name="details" id="details"></textarea>
                    </div>
                </div>


                <div class="dadosProfile">

                    <div class="titleInfo">
                        <h3>INFORMAÇÕES DA CONTA</h3>
                    </div>


                    <div class="inputInfo">
                        <label for="nomeProfile">Nome completo</label>
                        <input type="text" id="nomeProfile" name="name" value="{{ $user->user_profile->name }}">
                    </div>

                    <div class="inputInfo">
                        <label for="emailProfile">Email</label>
                        <input type="text" id="emailProfile" readonly value="{{ $user->email }}">
                    </div>

                    {{-- <div class="inputInfo">
                      <label for="senhaProfile">Senha</label>
                      <input type="password" id="senhaProfile" value="{{ $user->password }}">
                  </div> --}}

                    <div class="inputInfo">
                        <label for="phone">Telefone</label>
                        <input type="text" id="phone" name="phone" value="{{ $user->user_profile->phone }}">
                    </div>

                    <div class="inputInfo">
                        <label for="nascProfile">Nascimento</label>
                        <input type="date" id="nascProfile" name="birth_date"
                            value="{{ $user->user_profile->birth_date }}">
                    </div>

                    <div class="inputInfo">
                        <label for="cidadeProfile">Cidade</label>
                        <input type="text" id="cidadeProfile" name="city" value="{{ $user->user_profile->city }}">
                    </div>

                    <div class="inputInfo">
                        <label for="estadoProfile">Estado</label>
                        <input type="text" id="estadoProfile" name="state" value="{{ $user->user_profile->state }}">
                    </div>

                    <div class="inputInfo">
                        <label></label>
                        <button type="submit" style="border: none; border-radius:10px;width: 150px; height: 30px;"
                            class="buttonBlue">
                            Salvar alterações
                        </button>
                    </div>
        </form>

        <div class="titleInfo">
            <h3>SUAS PREFERÊNCIAS</h3>
        </div>

        <div class="inputInfo">
            <label for="Senha">Senha</label>
            <a href="{{ route('changePassword') }}">Editar</a>
        </div>

        <div class="inputInfo">
            <label for="Interesses">Interesses</label>
            <a href="{{ route('editInterets') }}">Editar</a>
        </div>

        <div class="inputInfo">
            <label for="Preferências">Preferências de horários</label>
            <a href="{{ route('editHours') }}">Editar</a>
        </div>

        </div>
        </div>


    </section>
@stop