@extends('web.student.index')
@section('title', 'Configurações')

@section('content')
@include('web.student.partials.sideBar')
<section class="myProfileMobile">
  <div class="menuTopMobile">
    <div class="menuMobileConteiner">

      <a href="{{ route('web.home') }}" class="voltar">
        <img src="{{ asset('images/web/icons/voltar.svg') }}" alt="voltar">
      </a>

      <div>
        <h2>
          Configurações
        </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>Configurações</h2>
      <img class="sDolls15" src="{{ asset('images/web/doll/ps15.png') }}" alt="">
    </div>

    <div class="saveEdit">
      <a href="" data-openmodal="indicar">Indique um amigo</a>
      <a href="{{ route('web.home') }}">Voltar</a>
    </div>
  </div>

  <div class="settings">
    <div class="settingsContent">

      <details>
          <summary class="summarySettings">
              <div>
                  <h2>Notificações</h2>
                  <img src="{{ asset('images/web/icons/setaBlack.svg') }}" alt="abrir">
              </div>
          </summary>
          <settings
              route="{{ route('save-notification') }}"
              :user_id='`{{ $progress->id }}`'
              :user_type='`{{ $progress->type }}`'
              :lesson_confirmed='`{{$progress->notificationPreferences->lesson_confirmed ?? 0}}`'
              :lesson_rescheduled='`{{$progress->notificationPreferences->lesson_rescheduled?? 0}}`'
              :lesson_cancelled='`{{$progress->notificationPreferences->lesson_cancelled?? 0}}`'
              :lesson_next='`{{$progress->notificationPreferences->lesson_next ?? 0}}`'
              :notification_news='`{{$progress->notificationPreferences->notification_news ?? 0}}`'
              :lesson_rating_by_teacher='`{{$progress->notificationPreferences->lesson_rating_by_teacher ?? 0}}`'
              :lesson_homework='`{{$progress->notificationPreferences->lesson_homework ?? 0}}`'
              :notification_by_email='` {{$progress->notificationPreferences->notification_by_email ?? 0 }}`'
          ></settings>
      </details>

      <details>
        <summary class="summarySettings">
          <div>
            <h2>Conta</h2>
            <img src="{{ asset('images/web/icons/setaBlack.svg') }}" alt="abrir">
          </div>
        </summary>

        <div class="options">
          <div class="containerOptions">
            <h3>
              Desativar conta
            </h3>

            <div class="checkCancel">
              <button class="btnCancel" data-openmodal="encerrar">Desativar</button>
            </div>
          </div>
        </div>


      </details>
    </div>

    <div class="infoFooter">
      <p>
        Você irá receber notificações importantes por e-mail, mas é importante ativas notificações de agendamentos de aula.
      </p>
    </div>
  </div>

  <div class="infoFooterMobile">
    <p>
      Você irá receber notificações importantes por e-mail, mas é importante ativas notificações de agendamentos de aula.
    </p>
  </div>
</section>

<!-- Modal Indicar -->
<section class="modalClassChecked modalShowFriends" data-modal="indicar">

  <img class="fechar" src="{{ asset('images/web/icons/x.svg') }}" alt="Fechar">

  <div class="contentChecked">
    <h1>
      Indique um Amigo
    </h1>
    <h2>
      Envie uma notificação convidando um amigo(a) para se juntar a você no iWill.
    </h2>

      <form action="{{route('invite')}}" class="showFriends"  method="post" enctype="multipart/form-data">
          @csrf
          <input type="text" placeholder="Nome" name="nome">

          <input type="email" placeholder="Email" name="email">

          <textarea id="" cols="" rows="" placeholder="Mensagem" name="message"></textarea>

          <input type="submit" value="Enviar" class="">
      </form>

    <p class="voltar">
      Cancelar
    </p>

  </div>
</section>
<!-- Modal Indicar -->

<!-- Modal desativar -->
<section class="modalClassChecked" data-modal="encerrar">
    <desative-account
        route="{{ route('delete') }}"
        :user_id="{{auth()->user()->id}}"
    ></desative-account>
</section>

@stop