@extends('layouts.app')
@section('metadata')
<title>Formació i ocupació - Ajuntament de Cardedeu</title>
@endsection

@section('content')


<div class="col-lg-6 col-sm-8 col-xs-12 container bg-publicaroferta">
  {{ html()->form('POST')->route('inscripcions.storefront', $cursotallerseleccionat->id)->open() }}

    <div class="form-group">
      {{ html()->input('id')->name('id')->value($cursotallerseleccionat->id)->class(['hidden']) }}
    </div>

    @php
    if(!Auth::check()){
    @endphp

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

    <div class="form-group">
      {{ html()->label('1º Cognom') }}
      {{ html()->input('cognom1')->name('cognom1')->required(true)->class(['form-control']) }}
    </div>

    <div class="form-group">
      {{ html()->label('2º Cognom') }}
      {{ html()->input('cognom2')->name('cognom2')->required(true)->class(['form-control']) }}
    </div>

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

    <div class="form-group conegutradios">
      {{ html()->label('Com ens has conegut?') }}<br>
      <input type="radio" name="conegut" value="Contacte (amic, familiar, conegut...)" required>Contacte (amic, familiar, conegut...)<br>
      <input type="radio" name="conegut" value="Antic alumne">Antic alumne<br>
      <input type="radio" name="conegut" value="Pàgina Web de l'Ajuntament de Cardedeu">Pàgina Web de l'Ajuntament de Cardedeu<br>
      <input type="radio" name="conegut" value="Ajuntament de Cardedeu">Ajuntament de Cardedeu<br>
      <input type="radio" name="conegut" value="Premsa">Premsa<br>
      <input type="radio" name="conegut" value="Serveis Socials de Cardedeu">Serveis Socials de Cardedeu<br>
      <input type="radio" name="conegut" value="Altres ajuntaments (Serveis Socials, Borsa de Treball...)">Altres ajuntaments (Serveis Socials, Borsa de Treball...)<br>
      <input type="radio" name="conegut" value="S.O.C.">S.O.C.<br>
      <input type="radio" name="conegut" value="Xarxes Socials">Xarxes Socials<br>
      <input type="radio" name="conegut" value="">Altre <input type="text" name="altre_conegut" />
    </div>

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

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

    <div class="form-group">
      {{ html()->label("Gènere") }}
      <select name="genere" class="form-control" required>
        <option value="" disabled selected>Selecciona</option>
        <option value="dona" name="genere">Dona</option>
        <option value="home" name="genere">Home</option>
        <option value="nobinari" name="genere">No binari</option>
      </select>
    </div>

    <div class="form-group conegutradios">
      {{ html()->label('Municipi') }}<br>
      <input type="radio" name="municipi" value="Cardedeu" required>Cardedeu<br>
      <input type="radio" name="municipi" value="Sant Antoni de Vilamajor">Sant Antoni de Vilamajor<br>
      <input type="radio" name="municipi" value="Sant Pere de Vilamajor">Sant Pere de Vilamajor<br>
      <input type="radio" name="municipi" value="Cànoves i Samalús">Cànoves i Samalús<br>
      <input type="radio" name="municipi" value="">Altre <input type="text" name="altre_municipi" />
    </div>

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

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

    <div class="form-group">
      {{ html()->label('Telèfon mòbil') }}
      {{ html()->input('movil')->name('movil')->required(true)->class(['form-control']) }}
    </div>

    <div class="form-group">
      {{ html()->label('Formació acadèmica') }}
      {{ html()->input('formacio')->name('formacio')->required(true)->class(['form-control']) }}
    </div>

    <div class="form-group">
      {{ html()->label("Discapacitat") }}
      <select name="discapacitat" class="form-control" required>
        <option value="" disabled selected>Selecciona</option>
        <option value="1" name="genere">Sí</option>
        <option value="0" name="genere">No</option>
      </select>
    </div>

    @php
    }
    @endphp

    <div class="form-group">
      {{ html()->label('Vull fer un curs (MÀXIM 4 OPCIONS)') }}<br>
      @foreach ($cursos as $curs)
      <input type="checkbox" class="single-checkbox" name="vullcursos[]" value="{{$curs->id}}"/>
      <label for="vullcursos">{{$curs->name}}</label><br>
      @endforeach
    </div>

    <div class="form-group">
      {{ html()->label('Vull fer un taller (MÀXIM 4 OPCIONS)') }}<br>
      @foreach ($tallers as $taller)
      <input type="checkbox" class="single-checkbox" name="vulltallers[]" value="{{$taller->id}}"/>
      <label for="vulltallers">{{$taller->name}}</label><br>
      @endforeach
    </div>

    <div class="form-group">
      {{ html()->label('INFORMACIÓ BÀSICA SOBRE PROTECCIÓ DE DADES') }}
      <div>Responsable:  Ajuntament de Cardedeu Encarregat/da: Respecte a la  gestió de l'Escola de Persones Adultes, ACADÈMIA ACCÉS SL amb NIFESB62925151 (Expedient 2024/1845)  Finalitat: Gestionar la informació i inscripció en accions formatives municipals i gestionar la intermediació laboral entre sol·licitants i empreses. Marc Jurídic:  Llei 39/2015 i Reglament General de Protecció de Dades.     Destinataris: No es cediran a tercers excepte obligació legal.      Drets: Accés, rectificació, supressió, portabilitat, limitació, oposició i retirada de consentiment   Dades addicionals: Consulteu informació addicional i detallada a seu.cardedeu.cat a l’apartat Protecció de Dades. També podeu contactar a protecciodades@cardedeu.cat.</div><br>
      {{ html()->checkbox('protecciodades')->name('protecciodades')->required(true) }}
      <label for="protecciodades">Estic d'acord</label>
    </div>

    <div class="form-group conegutradios">
      {{ html()->label('CONSENTIMENT PER REALITZAR COMUNICACIONS VÍA WHATSAPP') }}<br>
      <div>Amb l’objectiu de donar compliment a la Llei Orgànica de Protecció de Dades i Garantia dels Drets Digitals i la Llei de Serveis de la Societat de l’Informació i seguint les recomanacions i instruccions emeses per l’Agencia Espanyola de Protecció de Dades (A.E.P.D), El Centre de Formació i Ocupació La Mongia, de l’Ajuntament de Cardedeu informa que existeix la possibilitat de realitzar comunicacions a través de sistemes de missatgeria instantània com WhatsApp amb la finalitat d’agilitzar la gestió de cites, informació d’ofertes laborals i informació de cursos i tallers formatius, per a la qual cosa es sol·licita el seu consentiment exprés. AVIS: No es faran grups oberts, només difusions.</div><br>
      <input type="radio" name="comunicacionswhatsapp" value="1" required>Dono el meu consentiment<br>
      <input type="radio" name="comunicacionswhatsapp" value="0">No dono el meu consentiment<br>
    </div>


    <div class="form-group conegutradios">
      {{ html()->label('CONSENTIMENT PER VERIFICACIÓ DE DADES') }}<br>
      <div>Autoritzo a l'Ajuntament de Cardedeu a verificar les meves dades a altres administracions o organismes per comprovar el compliment de les condicions requerides per l’exercici de l’activitat, i que pugui verificar-les durant la seva vigència així com al tractament de les meves dades personals un cop he llegit la informació bàsica sobre protecció de dades.</div><br>
      <input type="radio" name="verificaciodades" value="0" required>No Autoritzo<br>
      <input type="radio" name="verificaciodades" value="1">Sí Autoritzo<br>
    </div>

    <br>
    <div class="form-group">
      {{ html()->submit('Enviar')->class(['form-control']) }}
    </div>          

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

</div>

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

@endsection

@section('bottomscripts')
<!-- PICKADATE -->
<script src="{{ asset('plugins/pickadate/picker.js') }}"></script>
<script src="{{ asset('plugins/pickadate/picker.date.js') }}"></script>
<script src="{{ asset('plugins/pickadate/legacy.js') }}"></script>
<script src="{{ asset('plugins/pickadate/translations/ca_ES.js') }}"></script>

<link rel="stylesheet" href="{{ asset('plugins/pickadate/themes/default.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/pickadate/themes/default.date.css') }}">

<script>
    $(document).ready(function() {
        $('.datepicker').pickadate({
          selectYears: 100,
          selectMonths: true,
          format: 'yyyy-m-d',
          max: true,
          today: ''
        });
    });
</script>

<script>
  var limit = 4;
  $('input.single-checkbox').on('change', function(evt) {
     if($(this).siblings(':checked').length >= limit) {
         this.checked = false;
     }
  });
</script>
@endsection