@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('storefrontcursos')->open() }}

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

      <div class="form-group">
        {{ html()->label('Vull fer un curs (MÀXIM 4 OPCIONS)') }}<br>
        @foreach ($cursos as $curso)
        <input type="checkbox" class="single-checkbox" name="vullcursos[]" value="{{$curso->id}}" @if($curso->id == $cursoseleccionat->id) {{"checked"}} @endif @if($user->checkinscripciocurstallersolocurso($curso->id)) {!"checked onclick='event.preventDefault()'!} @endif/>

        <label for="vullcursos">{{$curso->name}}</label><br>
        @endforeach
      </div>

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

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

  </div>


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

@endsection

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