<link rel="stylesheet" href="{{ asset('plugins/trumbowyg/ui/trumbowyg.css') }}">
<script src="{{ asset('plugins/cropit/jquery.cropit.js') }}"></script>




<section class="cabecera">  
  <div class="container">

    <div class="row">
      <div class="col-md-6">
        <h2 class="text-center">El meu currículum</h2>
        <div class="botoinscripcio"><a href="/curriculumver/{{$user->curriculum->id}}" target="_blank">Veure curriculums pdf</a></div>
        <br>
        <div class="botoinscripcio"><a href="/compteeditcurriculum">{{ __('Editar currículum') }}</a></div>
        <br><br>
      </div>
      <div class="col-md-6">
        <div class="text-center">
          @if ($user->curriculum->imatge != null)
          <img src="/images/curriculums/{{$user->curriculum->imatge}}">
          @else
          Encara no has pujat la fotografia.
          @endif
        </div>
      </div>
    </div>

    <br>
    <div class="row tablabordersaccount" id="curriculum">    
      <br>
          <div class="col-md-12">
          <table class="table table-striped">
          <tbody>
            <tr>
                  <td>
                      {{ __('Perfil professional') }}:
                  </td>
                  <td>
                      {!! $user->curriculum->perfil ?? 'Encara no has omplert les dades' !!}

                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Estudis') }}:
                  </td>
                  <td>
                      {!! $user->curriculum->estudis ?? 'Encara no has omplert les dades' !!}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Experiència laboral') }}:
                  </td>
                  <td>
                      {!!$user->curriculum->experiencia ?? 'Encara no has omplert les dades' !!}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Competències') }}:
                  </td>
                  <td>
                      {!!$user->getcompetencies($user->id) ?? 'Encara no has omplert les dades' !!}
                  </td>
              </tr>
              <tr>
                  <td>
                      {{ __('Categories') }}:
                  </td>
                  <td>
                      {{$user->curriculum->getcategorias($user->curriculum->categorias) }}
                  </td>
              </tr>
              @if($user->dniruta)
              <tr>
                  <td>
                      {{ __('Dni') }}:
                  </td>
                  <td>
                      <a href="/images/userdocuments/{{$user->id}}/{{$user->dniruta}}" target="_blank">Veure DNI</a>
                  </td>
              </tr>
              @endif
              @if($user->dardoruta)
              <tr>
                  <td>
                      {{ __('DARDO') }}:
                  </td>
                  <td>
                      <a href="/images/userdocuments/{{$user->id}}/{{$user->dardoruta}}" target="_blank">Veure DARDO</a>
                  </td>
              </tr>
              @endif
              @if($user->curriculumruta)
              <tr>
                  <td>
                      {{ __('Currículum') }}:
                  </td>
                  <td>
                      <a href="/images/userdocuments/{{$user->id}}/{{$user->curriculumruta}}" target="_blank">Veure Currículum</a>
                  </td>
              </tr>
              @endif
              @if($user->vidalaboralruta)
              <tr>
                  <td>
                      {{ __('Vida laboral') }}:
                  </td>
                  <td>
                      <a href="/images/userdocuments/{{$user->id}}/{{$user->vidalaboralruta}}" target="_blank">Veure vida laboral</a>
                  </td>
              </tr>
              @endif

              
            </tbody>
            </table>
            </div>
            <div class="col-md-12 margin-left-10">
            
                      <br>
                      
            </div>
        </div>
        
      </div>

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


<script src="{{ asset('plugins/trumbowyg/trumbowyg.js') }}"></script>
<script type="text/javascript" src="{{ asset('plugins/trumbowyg/langs/es.min.js') }}"></script>
<script src="{{ asset('plugins/trumbowyg/plugins/cleanpaste/trumbowyg.cleanpaste.min.js') }}"></script>
<script>
  $('.textoeditor').trumbowyg({
    lang: 'es',
    urlProtocol: false
  });
</script>

<script>
function onlyOneCheckBox() {
  var checkboxgroup = document.getElementById('competenciescheckbox').getElementsByTagName("input");
  
    //Note #2 Change max limit here as necessary
    var limit = 6;
  
  for (var i = 0; i < checkboxgroup.length; i++) {
    checkboxgroup[i].onclick = function() {
      var checkedcount = 0;
        for (var i = 0; i < checkboxgroup.length; i++) {
        checkedcount += (checkboxgroup[i].checked) ? 1 : 0;
      }
      if (checkedcount > limit) {
        console.log("You can select maximum of " + limit + " checkbox.");
        alert("Pots sel·leccionar un màxim de " + limit + " competències.");
        this.checked = false;
      }
    }
  }
}
</script>

<script type="text/javascript">
  onlyOneCheckBox()
</script>