<section class="cabecera">  
      <div class="container">
        <div class="row tablabordersaccount" id="accountinfo">
          <h2 class="text-center">El meu compte</h2>
        
          <div class="col-md-6">
          <table class="table table-striped">
          <tbody>
            
              <tr>
                  <td>
                      {{ __('Nom') }}:
                  </td>
                  <td>
                      {{$user->name}} {{$user->cognom1}} {{$user->cognom2}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Email') }}:
                  </td>
                  <td>
                      {{$user->email}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Telèfon') }}:
                  </td>
                  <td>
                      {{$user->telefon}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Movil') }}:
                  </td>
                  <td>
                      {{$user->movil}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('DNI / NIE / PASSAPORT') }}:
                  </td>
                  <td>
                      {{$user->dniniepass}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Codi postal') }}:
                  </td>
                  <td>
                      {{$user->codipostal}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Com ens has conegut?') }}:
                  </td>
                  <td>
                      {{$user->conegut}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Data de naixement') }}:
                  </td>
                  <td>
                      {{App\Helpers\helpers::getdatedayhelper($user->datanaixement)}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Gènere') }}:
                  </td>
                  <td class="capitalize">
                      {{$user->genere}}
                  </td>
              </tr>
            </tbody>
            </table>
            </div>
            <div class="col-md-6">
            <table class="table table-striped">
            <tbody>
              
              <tr>
                  <td>
                      {{ __('Municipi') }}:
                  </td>
                  <td>
                      {{$user->municipi}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Formació') }}:
                  </td>
                  <td>
                      {{$user->formacio}}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Discapacitat') }}:
                  </td>
                  <td>
                      @if($user->discapacitat == 1)
                      Si
                      @else
                      No
                      @endif
                  </td>
              </tr>
              <tr>
                  <td>DNI</td>
                  <td>@if ($user->dniruta)<a href="/images/userdocuments/{{$user->id}}/{{$user->dniruta}}" target="_blank">Veure dni @else No disponible @endif</td>
              </tr>
              <tr>
                  <td>DARDO</td>
                  <td>@if ($user->dardoruta)<a href="/images/userdocuments/{{$user->id}}/{{$user->dardoruta}}" target="_blank">Veure dardo @else No disponible @endif</td>
              </tr>
              <tr>
                  <td>Vida laboral</td>
                  <td>@if ($user->vidalaboralruta)<a href="/images/userdocuments/{{$user->id}}/{{$user->vidalaboralruta}}" target="_blank">Veure vida laboral @else No disponible @endif</td>
              </tr>
              <tr>
                  <td>Currículum</td>
                  <td>@if ($user->curriculumruta)<a href="/images/userdocuments/{{$user->id}}/{{$user->curriculumruta}}" target="_blank">Veure currículum @else No disponible @endif</td>
              </tr>
              <tr>
                  <td>Currículum 2</td>
                  <td>@if ($user->curriculumruta2)<a href="/images/userdocuments/{{$user->id}}/{{$user->curriculumruta2}}" target="_blank">Veure currículum 2 @else No disponible @endif</td>
              </tr>
              <tr>
                  <td>Currículum 3</td>
                  <td>@if ($user->curriculumruta3)<a href="/images/userdocuments/{{$user->id}}/{{$user->curriculumruta3}}" target="_blank">Veure currículum 3 @else No disponible @endif</td>
              </tr>
            </tbody>
            </table>
            </div>
        </div>
        <div>
          <div class="row tablabordersaccount" id="editprofile" style="display: none">
            {{ html()->form('PUT')->id('myform')->route('updateuserfront', $user->id)->acceptsFiles()->open() }}
            <div class="form-group">
              {{ html()->input('id')->name('id')->value($user->id)->class(['hidden']) }}
              {{ html()->input('edituserfront')->name('edituserfront')->value(1)->class(['hidden']) }}
            </div>
            <div class="col-md-6">

              <div class="form-group">
                {{ html()->label('Nom') }}
                {{ html()->input('name')->name('name')->value($user->name)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Email') }}
                {{ html()->email('email')->name('email')->value($user->email)->class(['form-control']) }}
              </div>


              <div class="form-group">
                {{ html()->label('Telèfon') }}
                {{ html()->input('telefon')->name('telefon')->value($user->telefon)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Movil') }}
                {{ html()->input('movil')->name('movil')->value($user->movil)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('DNI / NIE / PASSAPORT') }}
                {{ html()->input('dniniepass')->name('dniniepass')->value($user->dniniepass)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Codi postal') }}
                {{ html()->input('codipostal')->name('codipostal')->value($user->codipostal)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Com ens has conegut?') }}
                {{ html()->input('conegut')->name('conegut')->value($user->conegut)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Data de naixement') }}
                {{ html()->date('datanaixement')->name('datanaixement')->value($user->datanaixement)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Gènere') }}
                {{ html()->input('genere')->name('genere')->value($user->genere)->class(['form-control']) }}
              </div>

              </div>
              <div class="col-md-6">

              <div class="form-group">
                {{ html()->label('Municipi') }}
                {{ html()->input('municipi')->name('municipi')->value($user->municipi)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Formació') }}
                {{ html()->input('formacio')->name('formacio')->value($user->formacio)->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Discapacitat') }}
                {{ html()->input('discapacitat')->name('discapacitat')->value($user->discapacitat)->class(['form-control']) }}
              </div>

              <div class="form-group">
                <label>Adjuntar DNI</label>
                <input type="file" name="dniruta" class="form-control" id="dniruta" style="max-width: 300px;">
                <p style="font-style: italic; font-size: 12px;">Adjunti el seu DNI (format .pdf)</p>
              </div>

              <div class="form-group">
                <label>Adjuntar DARDO</label>
                <input type="file" name="dardoruta" class="form-control" id="dardoruta" style="max-width: 300px;">
                <p style="font-style: italic; font-size: 12px;">Adjunti DARDO (format .pdf)</p>
              </div>

              <div class="form-group">
                <label>Adjuntar vida laboral</label>
                <input type="file" name="vidalaboralruta" class="form-control" id="vidalaboralruta" style="max-width: 300px;">
                <p style="font-style: italic; font-size: 12px;">Adjunti la vida laboral(format .pdf)</p>
              </div>

              <div class="form-group">
                <label>Adjuntar currículum</label>
                <input type="file" name="curriculumruta" class="form-control" id="curriculumruta" style="max-width: 300px;">
                <p style="font-style: italic; font-size: 12px;">Adjunti el seu currículum (format .pdf)</p>
              </div>

              <div class="form-group">
                <label>Adjuntar currículum 2</label>
                <input type="file" name="curriculumruta2" class="form-control" id="curriculumruta2" style="max-width: 300px;">
                <p style="font-style: italic; font-size: 12px;">Adjunti el seu currículum (format .pdf)</p>
              </div>

              <div class="form-group">
                <label>Adjuntar currículum 3</label>
                <input type="file" name="curriculumruta3" class="form-control" id="curriculumruta3" style="max-width: 300px;">
                <p style="font-style: italic; font-size: 12px;">Adjunti el seu currículum (format .pdf)</p>
              </div>

              <div class="form-group">
                {{ html()->label('Contrasenya') }}
                {{ html()->password('password')->name('password')->class(['form-control']) }}
              </div>

              <div class="form-group">
                {{ html()->label('Confirma la contrasenya') }}
                {{ html()->password('confirm_password')->name('confirm_password')->class(['form-control']) }}
              </div>

              <div class="form-group inlinebuttons">
                {{ html()->submit('Guardar')->class(['form-control']) }}
                <input type="button" name="cancelar" class="btn btn-danger cancelformbutton" value="{{ __('Cancel·lar') }}" onclick="showDiv()" />
              </div>

            </div>       

            {{ html()->form()->close() }}

          </div>

        </div>
      </div>

      <input type="button" name="Editar" style="display: block" id="editbutton" class="btn btn-primary" value="{{ __('Editar les meves dades') }}" onclick="showDiv()" />
    </section>

    <div class="clearfix"><br></div>
    <hr>

    

    @if($user->type != 'empresa')
      @include('curriculum-account')
    @endif

    <div class="clearfix"><br></div>

    <hr>

    
    @include('compteusuari.elsmeuscursos')
    @include('compteusuari.elsmeustallers')
    @include('compteusuari.lesmevessi')
    @include('compteusuari.lesmevesentrevistes')
    @include('compteusuari.elsmeuscertificats')

    <div class="container">
      <h2 class="text-center">Calendari</h2>
      <div id="calendarielmeucompte"></div>
    </div>

    <div class="clearfix"><br></div>
    <hr>

@section('bottomscripts')
<script>
  function showDiv() {
    var x = document.getElementById("accountinfo");
    var y = document.getElementById("editprofile");
    var z = document.getElementById("editbutton");
    if (x.style.display === "none") {
      x.style.display = "flex";
    } else {
      x.style.display = "none";
    }
    if (y.style.display === "none") {
      y.style.display = "flex";
    } else {
      y.style.display = "none";
    }
    if (z.style.display === "none") {
      z.style.display = "flex";
    } else {
      z.style.display = "none";
    }
    //document.getElementById('myform').reset();
  }
</script>

<script>
  function showDiv2() {

    const target = document.getElementById('curriculum');
    const targetPosition = target.getBoundingClientRect().top + window.pageYOffset;
    window.scrollTo({
        top: targetPosition,
        behavior: 'smooth'
    });
    
    var w = document.getElementById("curriculum");
    var v = document.getElementById("editcurriculum");
    //editcurriculum
    if (w.style.display === "none") {
      w.style.display = "flex";
    } else {
      w.style.display = "none";
    }
    if (v.style.display === "none") {
      v.style.display = "flex";
    } else {
      v.style.display = "none";
    }
    //document.getElementById('myform2').reset();
  }
</script>
@endsection