@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => ''
])

@section('content')

    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-calendar icon-gradient bg-arielle-smile"> </i>
                </div>
                <div>
                    Congés inspecteur
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="card">
            <div class="card-body">
                <form action="{{ route('vacancy.store') }}" method="POST">
                    @csrf
                    <div class="row form-group">
                        <label for="inspecteur_filter" class="mr-sm-2 col-2">Inspecteur</label>
                        <select class="form-control select_filter select2" id="inspecteur_filter" name="users[]"
                                multiple="multiple">
                            <option value="">Filtrer par inspecteur</option>
                            @foreach($users as $user)
                                <option
                                        value="{{ $user->user_id }}">{{ $user->user_firstname }} {{ $user->user_lastname }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="start" class="mr-sm-2 col-2">Date de début</label>
                        <input type="date" class="form-control" id="start" name="start">
                    </div>
                    <div class="form-group">
                        <label for="end" class="mr-sm-2 col-2">Date de fin</label>
                        <input type="date" class="form-control" id="end" name="end">
                    </div>
                    <div class="form-group">
                        <label for="motif" class="mr-sm-2 col-2">motif de l'indisponibilité</label>
                        <textarea type="form-control" class="form-control" name="motif"></textarea>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">
                            Envoyer
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function () {

            $("#inspecteur_filter").select2({
                // tags: true,
                tokenSeparators: [',', ' '],
            })
        });
    </script>
@endsection