@extends('layouts.squelette')
<!-- ************************************** -->

@section('css_header')
<link href='{{ asset('dist/css/themes/standard/scheduler.css')}}' rel='stylesheet' />
<link href='{{ asset('dist/css/themes/standard/calendar_global.css')}}' rel='stylesheet' />
@endsection

@section('js_header')
<script src='{{ asset('plugins/fullcalendar-scheduler-6.1.4/dist/index.global.min.js')}}'></script>
<script src="{{ asset('plugins/fullcalendar-5.5.1/lib/locales/fr.js')}}"></script>
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Calendrier global") }}
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __("Calendrier global") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
	@include('layouts.partials.panelboutons', [ 'btn_imprim'=> false, 'btn_export'=> false])
@endsection
<!-- ************************************** -->
@section('contenu')

    <div class="row">
        <div class="col-md-2">
            <div id="list_tech">
                <div class="has-search">
                    <span class="fa fa-search form-control-feedback"></span>
                    <input type="search" id="techSearch" class="form-control" placeholder="Rechercher un technicien...">
                </div>
                <ul class="list-group" id="techList">
                    <li class="list-group-item active" id="selectAll">Tous</li>
                    @foreach($techs as $tech)
                        <li class="list-group-item custom-checkbox li-item" data-user-id="{{ $tech->id }}">
                            <input type="checkbox" class="theClass hidden-checkbox" value="{{ $tech->id }}">
                            <span class="tech-name">{{ $tech->name }}</span>
                            <span class="badge badge-secondary badge-pill">{{ $tech->numberOfInterventions }}</span>
                        </li>
                    @endforeach
                </ul>
            </div>
            
            {{-- <div id="list_tech">
                <div class=" has-search">
                    <span class="fa fa-search form-control-feedback"></span>
                    <input type="search" id="techSearch" class="form-control" placeholder="Rechercher un technicien...">
                </div>
                <ul class="list-group" id="techList">
                    <li class="list-group-item active">Tous</li>
                    @foreach($techs as $tech)
                        <li class="list-group-item li-item" data-user-id="{{ $tech->id }}">
                            {{ $tech->name }} 
                            <span class="badge badge-secondary badge-pill">{{ $tech->numberOfInterventions }}</span>
                        </li>
                    @endforeach
                </ul>
            </div> --}}
        </div>

        <div class="col-md-10">
            <div id="calendar"></div>
        </div>
@endsection

@section('js_footer')
    <script src="{{ asset('js/calendar_global/index.js')}}"></script>
@endsection