@extends('modelCustomer')

@section('content')
    <div class="d-flex align-items-center justify-content-between page-header-breadcrumb flex-wrap gap-2">
        <div>
            <nav>
                <ol class="breadcrumb mb-1">

                    <li class="breadcrumb-item active" aria-current="page">Employé</li>
                </ol>
            </nav>
        </div>
        <div class="d-flex align-items-center gap-2 flex-wrap">
            <button class="btn btn-teal btn-wave me-0" data-bs-toggle="modal" data-bs-target="#modalUtilisateurSubvention"
                id="">
                <i class="bx bx-plus-circle me-1"></i> Subvention
            </button>

            <button class="btn btn-primary btn-wave me-0" data-bs-toggle="modal" data-bs-target="#modalUtilisateur"
                id="callModal">
                <i class="bx bx-plus-circle me-1"></i> Ajouter un employé
            </button>
        </div>
    </div>

    <div class="card custom-card overflow-hidden">

        <div class="card-body p-2 px-3">

            <div class="table-responsive">

                <table class="table table-hover text-nowrap w-100" id="tableListeEmploye">
                    <thead>
                        <tr>
                            <th class="text-center">Actions</th>
                            <th data-class="text-start" class="text-center">Nom</th>
                            <th data-class="text-start" class="text-center">Lieu</th>
                            <th data-class="text-start" class="text-center">Repas subventionné</th>
                            <th data-class="text-start" class="text-center">Solde cantine pay</th>
                            <th data-class="text-start" class="text-center">Bouchée</th>
                        </tr>
                    </thead>
                </table>

            </div>
        </div>
    </div>


    <!-- Modal d'utilisateur-->
    <div id="modalUtilisateur" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
        aria-hidden="true" data-bs-focus="false">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-primary-light">
                    <i class="iconeHeader bx bx-user text-primary me-3" style="font-size : 25px;"></i>
                    <h5 class="modal-title"></h5>
                    <button type="button" class="btn-close bg-light text-dark" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body iconFond">
                    <i class='bx bx-user iconFondBody text-primary'></i>
                    <form id="formUser" method="POST" class="w-100 mb-3">

                        @csrf
                        <input type="hidden" value="0" class="form-control" id="inpidusers" name="idusers">
                        <div class="row">
                            <div class="col-md-3 mb-2">
                                <p class="text-muted mb-0">Nom</p>
                                <input type="text" class="form-control" id="inpnom" name="nom"
                                    style="text-transform: uppercase;">
                            </div>
                            <div class="col-md-5 mb-2">
                                <p class="text-muted mb-0">Prénoms</p>
                                <input type="text" class="form-control" id="inpprenoms" name="prenoms"
                                    style="text-transform: uppercase;">
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Mail</p>
                                <input type="text" class="form-control" id="inpemail" name="email">
                            </div>
                            <div class="col-md-3 mb-2" id="divinppassword">
                                <p class="text-muted mb-0">Mot de passe</p>
                                <input type="password" class="form-control" id="inppassword" name="password">
                            </div>
                            <div class="col-md-3 mb-2" id="sexDiv">
                                <p class="text-muted mb-0">Sexe</p>
                                <select name="sexe" id="selsexe" class="form-select">
                                    <option value="1">Homme</option>
                                    <option value="2">Femme</option>
                                </select>
                            </div>
                            <div class="col-md-3 mb-2" style="display : none;">
                                <p class="text-muted mb-0">Société</p>
                                <input type="text" name="idsociete" value="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function session() in E:\install\laragon\www\lacantine_web\resources\views\pages\customer\employe.blade.php:95
Stack trace:
#0 {main}
  thrown in <b>E:\install\laragon\www\lacantine_web\resources\views\pages\customer\employe.blade.php</b> on line <b>95</b><br />