@extends("layouts.frontend")

@section("title", 'Des question ?')

@section("content")
<div class="wrapper">
    @include("front.partials.sideNav")
    <div class="container">
        <div class="container-pageLogo">
            <img src="{{ asset('assets/images/logo_question.png') }}" alt="logo-question">
            <h1 class="title">Vous avez une question?</h1>
        </div>
        <div class="container-main">
            <div class="container_bloc">
                <div class="tabs">
                    <h1 class="title titleLeft ">Une absence à venir...</h1>
                    @if(session('success'))
                    <div class="feedBack">Question envoyée</div>
                    @endif
                    <div class="tab">
                        <input type="checkbox" id="chck1">
                        <label class="tab-label" for="chck1">Vous souhaitez connaître le nombre de jours de congés pour évènements familiaux</label>
                        <div class="tab-content">
                            <div class="col-multi">
                                <div class="col-multi-area1 col-multi-area1--hidden"></div>
                                <div class="col-multi-areaRest col-multi-areaRest--white">DÈS L’ENTRÉE DANS L’ENTREPRISE</div>
                                <div class="col-multi-areaRest col-multi-areaRest--white">APRÈS 6 MOIS D’ANCIENNETÉ</div>
                            </div>
                            <div class="col-one">MARIAGE</div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Mariage du salarié</div>
                                <div class="col-multi-areaRest">4 jours</div>
                                <div class="col-multi-areaRest">1 semaine</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Mariage d’un enfant</div>
                                <div class="col-multi-areaRest colUnique">1 jour</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Mariage d’un frère, d’une sœur, d’un beau-frère*,d’une belle-sœur*, et d’autres descendants en ligne directe</div>
                                <div class="col-multi-areaRest">-</div>
                                <div class="col-multi-areaRest">1 jour</div>
                            </div>
                            <div class="col-one">PACS</div>
                            <div class="col-multi">
                                <div class="col-multi-area1">PACS du salarié Attention : Le salarié ne bénéficiera pas des jours PACS et jours mariage si les 2 évènements se cumulent sur une période de 2 années au moins</div>
                                <div class="col-multi-areaRest colUnique">4 jours</div>
                            </div>
                            <div class="col-one">DÉCÈS</div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Décès d’un enfant</div>
                                <div class="col-multi-areaRest colUnique">7 jours (conditions particulières) au lieu de 5 jours</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Décès du conjoint, partenaire PACS ou concubin</div>
                                <div class="col-multi-areaRest colUnique">3 jours</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Décès du père, de la mère, d’un frère, d’une sœur, du beau-père*, de la belle-mère* (= parent du conjoint)</div>
                                <div class="col-multi-areaRest colUnique">3 jours</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Décès de descendants ou ascendants en ligne directe (grands- parents / petits enfants), d’un beau-frère* ou d’une belle-sœur*</div>
                                <div class="col-multi-areaRest">-</div>
                                <div class="col-multi-areaRest">1 jour</div>
                            </div>
                            <div class="col-one">NAISSANCE</div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Examens médicaux obligatoires de grossesse</div>
                                <div class="col-multi-areaRest colUnique">Dans la limite de 3 examens médicaux pour le conjoint ou le partenaire pacsé</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Congé de naissance ou d’adoption</div>
                                <div class="col-multi-areaRest colUnique">3 jours</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Congé de paternité</div>
                                <div class="col-multi-areaRest colUnique">11 jours en naissance simple et 18 jours en naissance multiple</div>
                            </div>
                            <div class="col-multi">
                                <div class="col-multi-area1">Annonce de la survenue d’un handicap chez l’enfant</div>
                                <div class="col-multi-areaRest colUnique">2 jours</div>
                            </div>
                            <div class="tab-content_message">
                                <span>* Attention : </span> Dans certains cas, le salarié doit être marié(*). Les jours de congés doivent être accolés à l’évènement.
                                Si le salarié est absent (maladie, congés payés..) lors de l’évènement, l’autorisation d’absence n’est pas due.
                            </div>
                        </div>
                    </div>
                    <h1 class="title titleLeft">Mes avantages</h1>
                    <div class="tab">
                        <input type="checkbox" id="chck2">
                        <label class="tab-label" for="chck2">Vous souhaitez vous former</label>
                        <div class="tab-content">
                            <p class="tab-content_message">
                                Différents dispositifs de formation existent. Pour connaître les explications sur ces dispositifs,
                                vous pouvez prendre RDV avec le service Ressources Humaines, ou vous renseigner sur les sites dédiés :
                            </p>
                            <div class="btn-center">
                                <a href="{{ route('fo.links') }}" class="btn-center-secondary">Liens utiles</a>
                            </div>
                            <h2 class="titleMiddle">Vous avez une question sur la formation : </h2>
                            <form method="post" action="{{ route('fo.employees.question-formation') }}">
                                @csrf
                                <div class="form-identity">
                                    <div class="form-identity-items">
                                        <label for="form_matricule">Matricule</label> <br>
                                        <input id="form_matricule" type="text" class="input--disabled" readonly value="{{ auth('employee')->user()->matricule }}">
                                    </div>
                                    <div class="form-identity-items">
                                        <label for="form_lastname">Nom</label><br>
                                        <input id="form_lastname" type="text" class="input--disabled" readonly value="{{ auth('employee')->user()->lastname }}">
                                    </div>
                                    <div class="form-identity-items">
                                        <label for="form_firstname">Prénom</label><br>
                                        <input id="form_firstname" type="text" class="input--disabled" readonly value="{{ auth('employee')->user()->firstname }}">
                                    </div>
                                </div>
                                <div class="form-message">
                                    <label for="form_message">Votre message : *</label><br>
                                    <textarea id="form_message" class="" type="text" name="message" placeholder="Taper ici votre message..." required>{{ old('message') }}</textarea>

                                </div>
                                <div class="btn-center">
                                    <input type="submit" class="btn-center-secondary" value="Envoyer">
                                </div>
                            </form>

                        </div>
                    </div>
                    @if($errors->has('message'))
                    @include('front.partials.errorForm', ['error' => $errors->get('message')])
                    @endif
                    <h1 class="title titleLeft">Une interrogation liée à mon poste...</h1>
                    <div class="tab">
                        <input type="checkbox" id="chck3">
                        <label class="tab-label" for="chck3">VOUS SOUHAITEZ PRENDRE RENDEZ-VOUS AVEC LE SERVICE RESSOURCES HUMAINES</label>
                        <div class="tab-content">
                            <h2 class="titleMiddle">Prendre rendez-vous :</h2>
                            <form method="post" action="{{ route('fo.employees.question-rdv') }}">
                                @csrf
                                <div class="form-identity">
                                    <div class="form-identity-items">
                                        <label for="rdv_matricule">Matricule</label> <br>
                                        <input id="rdv_matricule" type="text" class="input--disabled" readonly value="{{ auth('employee')->user()->matricule }}">
                                    </div>
                                    <div class="form-identity-items">
                                        <label for="rdv_lastname">Nom</label><br>
                                        <input id="rdv_lastname" type="text" class="input--disabled" readonly value="{{ auth('employee')->user()->lastname }}">
                                    </div>
                                    <div class="form-identity-items">
                                        <label for="rdv_firstname">Prénom</label><br>
                                        <input id="rdv_firstname" type="text" class="input--disabled" readonly value="{{ auth('employee')->user()->firstname }}">
                                    </div>
                                </div>
                                <div class="form-message">
                                    <label for="rdv_message">Votre message : *</label><br>
                                    <textarea id="rdv_message" class="" type="text" name="message" placeholder="Taper ici votre message..." required>{{ old('message') }}</textarea>

                                </div>
                                <div class="btn-center">
                                    <input type="submit" class="btn-center-secondary" value="Envoyer">
                                </div>
                            </form>

                        </div>
                    </div>
                    @if($errors->has('message'))
                    @include('front.partials.errorForm', ['error' => $errors->get('message')])
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection