@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Panell de control</h1>
@stop

@section('content')

@include("admin.home.cal-code-admin")

<div class="calendari-admin-container">
    @include("admin.home.modal")
<!--
  Colors: <br>
  <div class="calcolors colorcurs">Curs</div>
  <div class="calcolors colortaller">Taller</div>
  <div class="calcolors colororientacio">Orientació</div>
  <div class="calcolors colortreball">Treball</div>


  <div class="filter-cal-admin">
      <label for="filterSelect">Filtrar per tipus:</label>
      <select id="filterSelect">
        <option value="tot">Tot</option>
        <option value="curs">Curs</option>
        <option value="taller">Taller</option>
        <option value="orientacio">Orientació</option>
        <option value="treball">Treball</option>
      </select>
  </div>
  -->

  <div class="clearfix"></div>
  <div class="wrapper">
  <!--  Work in progress, filter not working with v5 right now  -->
  <div class="filter">
    <h3>Filtrar</h3>
    <div class="event_filter_wrapper colorcurs">
      <input id="curs" class="event_filter" name="event_filter_sel"  type="checkbox" value="curs" data-type="groupId" checked="true" />
      <label for="curs">Curs</label>
    </div>
    <div class="event_filter_wrapper colortaller">
      <input id="taller" class="event_filter" name="event_filter_sel" type="checkbox" value="taller" data-type="groupId" checked="true" />
      <label for="taller">Taller</label>
    </div>
    <div class="event_filter_wrapper colororientacio">
      <input id="orientacio" class="event_filter" name="event_filter_sel" type="checkbox" value="orientacio" data-type="groupId" checked="true" />
      <label for="orientacio">Orientació</label>
    </div>
    <div class="event_filter_wrapper colortreball">
      <input id="treball" class="event_filter" name="event_filter_sel" type="checkbox" value="treball" data-type="groupId" checked="true" />
      <label for="treball">Treball</label>
    </div>
  </div>
  <div id="calendar"></div>
</div>
</div>

@stop

@section('css') 
@stop

@section('js')
@stop