@extends('layouts.squelette')

@section('css_header')
    <link href='{{ asset('plugins/fullcalendar-5.5.1/lib/main.css')}}' rel='stylesheet' />
    <script src="{{ asset('plugins/fullcalendar-5.5.1/lib/main.min.js')}}"></script>
    <script src="{{ asset('plugins/fullcalendar-5.5.1/lib/locales/fr.js')}}"></script>
    <link href='{{ asset('dist/css/themes/'.env('THEME').'/calendar.css')}}' rel='stylesheet' />
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __("Calendrier") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
  {{ __("Calendrier des interventions") }}
@endsection
<!-- ************************************** -->

@section('contenu')

<button class="btn btn-default btn-search" data-toggle="collapse" data-target="#formSearch">{{ __('Filtrer') }}</button>
<br><br>

<form id="formSearch" class="collapse" method="POST" action="">
    <input type="hidden" name="filtering" value="ok">
    @csrf
        <div class="h-20"></div>
        <div class="panel">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-6">
                        @component('components.select.select_sign',['signs' => '','value' => '','search' => 'true','emptyValue' => 'false'])
                        @endcomponent
                    </div>
                    <div class="col-sm-6">
                        @component('components.select.select_secteur',['secteurs' => '','value' => '','search' => 'true','emptyValue' => 'false'])
                        @endcomponent
                    </div>
                </div>

                <div class="text-center"><button type="button" id="BTN_validform" class="btn btn-secondary l-search">{{ __('Recherche') }}</button></div>
            </div>
        </div>
    </form>

<div class="row">
    <div class="col-md-12">
        <span class="float-center badge bg-reglementaire">Règlementaire</span>&nbsp;
        <span class="float-center badge bg-preventive">Préventive</span>&nbsp;
        <span class="float-center badge bg-curative">Curative</span>&nbsp;
        <div id='calendar'></div>
    </div>
</div>

@endsection

@section('js_footer')
<script>
  getSelectSigns();
  getSelectSecteurs();
  var type_inter =  "{!! app('request')->input('type') !!}";
</script>
<script src="{{ asset('js/calendar/calendar.js')}}"></script>

@endsection

@section('modale')

@endsection