@extends('layouts.admin.main')

@section('content')
<div class="col-md-12">
    <div class="card">
        <div class="card-header">
            <strong class="card-title">Ajouter un poste <a href="#"><i class="fa fa-question-circle" aria-hidden="true"></i>
            </a></strong>
        </div>
        <div class="card-body">
            <form action="/admin/config/job/add" method="post">

                @csrf

                <div id="myTabContent">
                        <div id="name" role="tabpanel">
                            <div class="form-group">
                              <label for="name">Nom du poste</label>
                              <input type="text" class="form-control" name="name" id="name" aria-describedby="helpId" placeholder="" required>
                              <small id="helpId" class="form-text text-muted">Nom du poste</small>
                            </div>
                            <div class="row form-group">
                                <div class="col-12"><textarea name="desc" id="desc" rows="9" class="form-control" required></textarea>
                                <small class="form-text text-muted">Description du poste</small></div>
                            </div>
                            <hr>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Niveau d'accès</label></div>
                                <div class="col col-md-3">
                                    <select name="acces_level" id="acces_level" class="form-control" required>
                                        <option value="0">Cadet</option>
                                        <option value="regular">Staff</option>
                                        <option value="pilotage">Officer</option>                  
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Horaire détaillé</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il consulter les détails de l'horaire</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="schedule_see" name="schedule_see" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Modification horaire</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il ajouter, modifier et supprimer des événements a l'horaire</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="schedule_edit" name="schedule_edit" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Notifiation horaire</label><small class="form-text text-muted"> L'utilisateur avec ce poste doit t-il recevoir des notifiation pour tous les changements a l'horaire.</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="schedule_notify" name="schedule_notify" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Consultation messages</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il consulter les messages</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="message_see" name="message_see" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Modification messages</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il ajouter, modifier et supprimer des messages</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="message_edit" name="message_edit" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Notifiation messages</label><small class="form-text text-muted"> L'utilisateur avec ce poste doit t-il recevoir des notifiation pour tous les changements en lien avec les messages.</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="message_notify" name="message_notify" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Modification article</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il ajouter, modifier et supprimer des articles</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="paper_edit" name="paper_edit" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Publication articles</label><small class="form-text text-muted"> L'utilisateur avec ce poste peux t-il autoriser la publication ou appouver des changements a un articles</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="paper_publish" name="paper_publish" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Notifiation articles</label><small class="form-text text-muted"> L'utilisateur avec ce poste doit t-il recevoir des notifiation pour tous les changements en lien avec les articles.</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="paper_notify" name="paper_notify" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Consultation inventaire</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il consulter l'inventaire</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="inventory_see" name="inventory_see" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Modification inventaire</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il ajouter, modifier et supprimer l'inventaire</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="inventory_edit" name="inventory_edit" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Notifiation inventaire</label><small class="form-text text-muted"> L'utilisateur avec ce poste doit t-il recevoir des notifiation pour tous les changements en lien avec les articles.</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="inventory_notify" name="inventory_notify" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Modification utilisateur</label><small class="form-text text-muted"> L'utilisateur avec ce poste peut t'il ajouter, modifier et supprimer des utilisateurs</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="user_edit" name="user_edit" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Notifiation utilisateur</label><small class="form-text text-muted"> L'utilisateur avec ce poste doit t-il recevoir des notifiation pour tous les changements en lien avec les utilisateurs.</small></div>
                                <div class="col col-md-3" style="margin: auto;">
                                    <label for="disabled-input" class=" form-control-label"></label>
                                    <label class="switch switch-3d switch-primary mr-3" style="margin-left: 3rem;"><input id="user_notify" name="user_notify" class="switch-input"  type="checkbox"><span class="switch-label"></span><span class="switch-handle"></span></label>
                                </div>
                            </div>
                        </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="fa fa-dot-circle-o"></i> Submit
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('breadcrumb')
    <div class="breadcrumbs">
        <div class="col-sm-4">
            <div class="page-header float-left">
                <div class="page-title">
                    <h1>{{ trans('admin/dashboard.page_title')}}</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-8">
            <div class="page-header float-right">
                <div class="page-title">
                    <ol class="breadcrumb text-right">
                        <li class="active">{{ trans('admin/dashboard.breadcrumb')}}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('custom_scripts')

   <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=r82pabvd9arn3fjb1e2fsolf2xpixuv4hwfwart4cf1fb7mx"></script>
       <script>
        tinymce.init({
        selector: '#desc',
        branding: false,
        menubar: 'edit view format'
        });
        </script>

   
@endsection
