@extends('layouts.admin')
@section('header')


  <!-- Tempusdominus Bootstrap 4 -->
  <link rel="stylesheet" href="{{ asset('Paoul/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}">
  <!-- iCheck -->
  <link rel="stylesheet" href="{{ asset('Paoul/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
  <!-- JQVMap -->
  <link rel="stylesheet" href="{{ asset('Paoul/plugins/jqvmap/jqvmap.min.css') }}">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="{{ asset('Paoul/plugins/daterangepicker/daterangepicker.css') }}">
  <!-- summernote -->
  <link rel="stylesheet" href="{{ asset('Paoul/plugins/summernote/summernote-bs4.min.css') }}">

@endsection
@section('content')
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1><i class="nav-icon fas fa-user"></i> POINTAGE AGENT</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/">Accueil</a></li>
                            <li class="breadcrumb-item active">Pointage agent</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-3">
                        <!-- Profile Image -->
                        <div class="card card-primary card-outline">
                            <div class="card-body box-profile">
                                <div class="text-center">
                                    <img src="{{ asset($agent->photo_agent) }}" alt="" class="profile-user-img img-fluid img-circle">
                                </div>

                                <h3 class="profile-username text-center">{{ $agent->nom_agent }} {{ $agent->pnom_agent }}</h3>

                                <p class="text-muted text-center">{{ $agent->contrat->nom_params }}</p>

                                <ul class="list-group list-group-unbordered mb-3">
                                    <center>
                                        <li class="list-group-item">
                                            <b> <a>{{ $agent->corps->nom_params }}</a></b>
                                         </li>
                                         <li class="list-group-item">
                                             <b><a>{{ $agent->premierAffectation->nom_params }}</a></b>
                                         </li>
                                         <li class="list-group-item">
                                             <b><a>{{ $agent->site->nom_params }}</a></b>
                                         </li>
                                         <li class="list-group-item">
                                             <b><a>{{ $agent->fonction->nom_params }}</a></b>
                                         </li>
                                    </center>
                                </ul>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col --> 

                    <div class="col-md-9">
                        <div class="card">
                            <div class="card-header p-2">
                                <ul class="nav nav-pills">
                                    <li class="nav-item"><a class="nav-link active" href="#pointage" data-toggle="tab">Pointage Journalier</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#subordonnes" data-toggle="tab">Pointage Subordonnées <span class="badge badge-success"><br />
<b>Notice</b>:  Undefined variable: agent in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>79</b><br />
<br />
<b>Notice</b>:  Trying to get property 'decideurPointages' of non-object in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>79</b><br />
<br />
<b>Warning</b>:  count(): Parameter must be an array or an object that implements Countable in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>79</b><br />
0</span></a></li>
                                    <li class="nav-item"><a class="nav-link" href="#pointages" data-toggle="tab">Mon Historique de Pointage <span class="badge badge-success"><br />
<b>Notice</b>:  Undefined variable: agent in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>80</b><br />
<br />
<b>Notice</b>:  Trying to get property 'pointages' of non-object in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>80</b><br />
<br />
<b>Warning</b>:  count(): Parameter must be an array or an object that implements Countable in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>80</b><br />
0</span></a></li>
                                </ul>
                            </div><!-- /.card-header -->
                            <div class="card-body">
                                <div class="tab-content">

                                    <div class="tab-pane show active" id="pointage">
                                        <center><h3>POINTAGE</h3></center>
                                        <hr>
                                        <center>
                                            <form method="POST" action="{{ route('pointer') }}" style="font: size 20px;">
                                                @csrf
                                                <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                                <input type="hidden" name="id_personnel" value="{{ Auth::user()->personnel_id }}">

                                                <input type="hidden" name="id_agent" value="{{ $agent->id }}">
                                                <input type="hidden" name="superieur_agent" value="{{ $agent->superieur_agent }}">
                                                <br />
<b>Notice</b>:  Undefined variable: point_dta in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>97</b><br />
<br />
<b>Warning</b>:  count(): Parameter must be an array or an object that implements Countable in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>97</b><br />
                                                    <img class="btn  btn-outline-secondary" id="OpenImgUploard" title ="CLIQUER POUR POINTER" src="{{ asset('Paoul/dist/img/point.rouge.png')}}" alt="" width="150px" />
                                                    <script>
                                                        $('#OpenImgUploard').click(function(){
                                                            $('#imgupload').trigger('click');
                                                        });
                                                    </script>
                                                    <input type="submit"  name="ajouter" id="imgupload" style="display: none;">
                                                
                                            </form>
                                        </center>
                                        <hr>
                                        @forelse ( $point_dta as $point)
                                            <div class="row">
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Heure arrivée</span>
                                                        <span class="info-box-number">
                                                                                                                    </span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box mb-3">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Poste arrivée</span>
                                                        <span class="info-box-number"></span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                                <!-- fix for small devices only -->
                                                <div class="clearfix hidden-md-up"></div>
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box mb-3">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Réseau arrivée</span>
                                                        <span class="info-box-number"></span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box mb-3">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Adresse Mac</span>
                                                        <span class="info-box-number"></span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                            </div>
                                            <div class="row">
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Heure départ</span>
                                                        <span class="info-box-number">
                                                                                                                    </span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box mb-3">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Poste départ</span>
                                                        <span class="info-box-number"></span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                                <!-- fix for small devices only -->
                                                <div class="clearfix hidden-md-up"></div>
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box mb-3">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Réseau départ</span>
                                                        <span class="info-box-number"></span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                                <div class="col-12 col-sm-6 col-md-3">
                                                    <div class="info-box mb-3">
                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                    <div class="info-box-content">
                                                        <span class="info-box-text">Adresse Mac</span>
                                                        <span class="info-box-number"></span>
                                                    </div>
                                                    <!-- /.info-box-content -->
                                                    </div>
                                                    <!-- /.info-box -->
                                                </div>
                                                <!-- /.col -->
                                            </div>
                                        @empty

                                        @endforelse
                                            <!-- /.row -->
                                    </div>
                                    <div class="tab-pane " id="subordonnes">
                                        <div class="p-2">
                                            <div class="card card-outline-tabs">
                                                <div class="card-header">
                                                    <h3>Pointages de vos agents subordonnées</h3>
                                                </div>
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="example1" class="table table-hover table-striped">
                                                            <!-- <table class="table table-head-fixed table-hover text-nowrap tab_list_params"> -->
                                                                <thead>
                                                                    <tr style="text-align: center;">
                                                                        <th>N°</th>
                                                                        <th>Nom(s) & Prénom(s)</th>
                                                                        <th>Jour</th>
                                                                        <th>Arrivé</th>
                                                                        <th>Départ</th>
                                                                        <th>Etat</th>
                                                                        <th>Action</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @forelse ($agent->decideurPointages as $key => $value)
                                                                        <tr>
                                                                            <td>{{  $key+1 }}</td>
                                                                            <td>{{  strtoupper($value->personnel->nom_agent) }} {{  ucwords($value->personnel->pnom_agent) }}</td>
                                                                            <td>{{  ($value->jour_point) }}</td>
                                                                            <td>{{  $value->heure_arrive }}</td>
                                                                            <td>{{  $value->heure_depart }}</td>
                                                                            <td><span class="badge badge-{{  ($value->etat==0)?"warning":(($value->etat==1)?"success":"danger")}}">
                                                                                {{  ($value->etat==0)?"En Attente":(($value->etat==1)?"Validé":"Rejeté")}}
                                                                                </span>
                                                                            </td>
                                                                            <td>
                                                                                <center>
                                                                                    <div class="btn-group">
                                                                                        <button type="button" data-toggle="modal" data-target="#details{{$value->id}}" title="CLIQUER POUR CONSULTER" class="btn btn-outline-info">
                                                                                        <i class="fas fa-eye"></i>
                                                                                        </button>
                                                                                        @if ($value->etat==0)
                                                                                        <button type="button" data-toggle="modal" data-target="#valider{{$value->id}}" title="CLIQUER POUR VALIDER" class="btn btn-outline-success">
                                                                                        <i class="fas fa-calendar-check"></i>
                                                                                        </button>
                                                                                        <button type="button" data-toggle="modal" data-target="#annuler{{$value->id}}" title="CLIQUER POUR REJETER" class="btn btn-outline-danger">
                                                                                        <i class="fas fa-calendar-times"></i>
                                                                                        </button>
                                                                                        @else
                                                                                        <button type="button" data-toggle="modal" data-target="#reinitialiser{{$value->id}}" title="CLIQUER POUR REJETER" class="btn btn-outline-primary">
                                                                                            <i class="fas fa-retweet"></i>
                                                                                        </button>
                                                                                        @endif
                                                                                    </div>
                                                                                </center>
                                                                            </td>
                                                                        </tr>

                                                                    <!-- modal qui affiche la modification -->
                                                                    <div class="modal fade" id="details{{$value->id}}">
                                                                        <div class="modal-dialog modal-xl">
                                                                            <div class="modal-content">
                                                                                <div class="modal-header">
                                                                                    <h4 class="modal-title" style="width: 100%; text-align:center;">DETAILS DU POINTAGE</h4>
                                                                                    <center>
                                                                                        <h5>
                                                                                            <i>Pointade du : {{  $value->jour_point }}</i>
                                                                                        </h5>
                                                                                    </center>
                                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                        <span aria-hidden="true">&times;</span>
                                                                                    </button>
                                                                                </div>
                                                                                <div class="modal-body">

                                                                                    <form action="{{ route('modifier.parametre.ks') }}" method="POST" enctype="multipart/form-data">
                                                                                        @csrf
                                                                                        <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                                                                        <input type="hidden" name="id" value="{{ $value->id }}">
                                                                                        <div class="row">
                                                                                            <div class="col-12 col-sm-6 col-md-4">
                                                                                                <div class="info-box">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text"> Personnel </span>
                                                                                                    <span class="info-box-number">
                                                                                                        {{  strtoupper($value->personnel->nom_agent) }} {{  ucwords($value->personnel->pnom_agent) }}
                                                                                                    </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <div class="col-12 col-sm-6 col-md-4">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-calendar"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Statut Pointage </span>
                                                                                                    <span class="info-box-number">
                                                                                                        <span class="badge badge-{{  $value->couleur_statut }}">
                                                                                                            {{  $value->le_statut }}
                                                                                                        </span>
                                                                                                    </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <!-- fix for small devices only -->
                                                                                            <div class="clearfix hidden-md-up"></div>

                                                                                            <div class="col-12 col-sm-6 col-md-4">
                                                                                                <div class="info-box">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user-cog"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text"> Supérieur Hiérarchique</span>
                                                                                                    <span class="info-box-number">
                                                                                                        {{  strtoupper($value->validateur->nom_agent) }} {{  ucwords($value->validateur->pnom_agent) }}
                                                                                                    </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>

                                                                                        </div>
                                                                                        <div class="row">
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Heure arrivée</span>
                                                                                                    <span class="info-box-number">
                                                                                                                                                                                                            </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Poste arrivée</span>
                                                                                                    <span class="info-box-number"></span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <!-- fix for small devices only -->
                                                                                            <div class="clearfix hidden-md-up"></div>
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Réseau arrivée</span>
                                                                                                    <span class="info-box-number"></span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Adresse Mac</span>
                                                                                                    <span class="info-box-number"></span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                        </div>
                                                                                        <div class="row">
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Heure départ</span>
                                                                                                    <span class="info-box-number">
                                                                                                                                                                                                            </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Poste départ</span>
                                                                                                    <span class="info-box-number"></span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <!-- fix for small devices only -->
                                                                                            <div class="clearfix hidden-md-up"></div>
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Réseau départ</span>
                                                                                                    <span class="info-box-number"></span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <div class="col-12 col-sm-6 col-md-3">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Adresse Mac</span>
                                                                                                    <span class="info-box-number"></span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                        </div>
                                                                                        <div class="row">
                                                                                            <div class="col-12 col-sm-6 col-md-2">
                                                                                                <div class="info-box">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Avance</span>
                                                                                                    <span class="info-box-number">
                                                                                                        {{ $value->heure_avance }}
                                                                                                    </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <div class="col-12 col-sm-6 col-md-2">
                                                                                                <div class="info-box">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Retard</span>
                                                                                                    <span class="info-box-number">
                                                                                                        {{ $value->heure_retard }}
                                                                                                    </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <div class="col-12 col-sm-6 col-md-2">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Travail</span>
                                                                                                    <span class="info-box-number">{{ $value->heure_taf }}</span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <!-- fix for small devices only -->
                                                                                            <div class="clearfix hidden-md-up"></div>
                                                                                            <div class="col-12 col-sm-6 col-md-2">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Moins</span>
                                                                                                    <span class="info-box-number">{{ $value->heure_moins }}</span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                            <div class="col-12 col-sm-6 col-md-2">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Sup</span>
                                                                                                    <span class="info-box-number">{{ $value->heure_sup }}</span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>

                                                                                            <div class="col-12 col-sm-6 col-md-2">
                                                                                                <div class="info-box mb-3">
                                                                                                <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                <div class="info-box-content">
                                                                                                    <span class="info-box-text">Etat</span>
                                                                                                    <span class="info-box-number">
                                                                                                        <span class="badge badge-{{  $value->couleur_etat }}">
                                                                                                            {{  $value->voir_etat }}
                                                                                                        </span>
                                                                                                    </span>
                                                                                                </div>
                                                                                                <!-- /.info-box-content -->
                                                                                                </div>
                                                                                                <!-- /.info-box -->
                                                                                            </div>
                                                                                            <!-- /.col -->
                                                                                        </div>
                                                                                </div>
                                                                                <div class="modal-footer justify-content-between">
                                                                                    <button type="button" class="btn btn-primary btn-block float-left"   data-dismiss="modal"><B><i class="fas fa-undo"></i>&nbsp;&nbsp; RETOURNER</B></button>
                                                                                    </form>
                                                                                </div>
                                                                            </div>
                                                                        <!-- /.modal-content -->
                                                                        </div>
                                                                        <!-- /.modal-dialog -->
                                                                    </div>
                                                                <!-- /.modal -->
                                                                    <!-- modal qui affiche la modification -->
                                                                        <div class="modal fade" id="valider{{$value->id}}">
                                                                            <div class="modal-dialog modal-xl">
                                                                                <div class="modal-content">
                                                                                    <div class="modal-header">
                                                                                        <h4 class="modal-title" style="width: 100%; text-align:center;">CONFIRMER LA VALIDATION DU POINTAGE</h4>
                                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                            <span aria-hidden="true">&times;</span>
                                                                                        </button>
                                                                                    </div>
                                                                                    <div class="modal-body">

                                                                                        <form action="{{ route('pointage.valider') }}" method="POST" enctype="multipart/form-data">
                                                                                            @csrf
                                                                                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                                                                            <input type="hidden" name="id" value="{{ $value->id }}">
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text"> Personnel </span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{  strtoupper($value->personnel->nom_agent) }} {{  ucwords($value->personnel->pnom_agent) }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-calendar"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Statut Pointage </span>
                                                                                                        <span class="info-box-number">
                                                                                                            <span class="badge badge-{{  $value->couleur_statut }}">
                                                                                                                {{  $value->le_statut }}
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>

                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user-cog"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text"> Supérieur Hiérarchique</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{  strtoupper($value->validateur->nom_agent) }} {{  ucwords($value->validateur->pnom_agent) }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>

                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Heure arrivée</span>
                                                                                                        <span class="info-box-number">
                                                                                                                                                                                                                    </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Poste arrivée</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Réseau arrivée</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Adresse Mac</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Heure départ</span>
                                                                                                        <span class="info-box-number">
                                                                                                                                                                                                                    </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Poste départ</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Réseau départ</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Adresse Mac</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Avance</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{ $value->heure_avance }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Retard</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{ $value->heure_retard }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Travail</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_taf }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Moins</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_moins }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Sup</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_sup }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>

                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Etat</span>
                                                                                                        <span class="info-box-number">
                                                                                                            <span class="badge badge-{{  $value->couleur_etat }}">
                                                                                                                {{  $value->voir_etat }}
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                    </div>
                                                                                    <div class="modal-footer justify-content-between">
                                                                                        <button type="button" class="btn btn-primary float-left"   data-dismiss="modal"><B><i class="fas fa-undo"></i>&nbsp;&nbsp; RETOURNER</B></button>
                                                                                        <button type="submit" name="modifier" class="btn btn-success float-right">
                                                                                            <B><i class='fas  fa-calendar-check'></i>&nbsp;&nbsp;APPLIQUER</B>
                                                                                        </button>
                                                                                        </form>
                                                                                    </div>
                                                                                </div>
                                                                            <!-- /.modal-content -->
                                                                            </div>
                                                                            <!-- /.modal-dialog -->
                                                                        </div>
                                                                    <!-- /.modal -->
                                                                    <!-- modal qui affiche la modification -->
                                                                        <div class="modal fade" id="annuler{{$value->id}}">
                                                                            <div class="modal-dialog modal-xl">
                                                                                <div class="modal-content">
                                                                                    <div class="modal-header">
                                                                                        <h4 class="modal-title" style="width: 100%; text-align:center;">CONFIRMER L'ANNULATION DU POINTAGE</h4>
                                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                            <span aria-hidden="true">&times;</span>
                                                                                        </button>
                                                                                    </div>
                                                                                    <div class="modal-body">

                                                                                        <form action="{{ route('pointage.refuser') }}" method="POST" enctype="multipart/form-data">
                                                                                            @csrf
                                                                                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                                                                            <input type="hidden" name="id" value="{{ $value->id }}">
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text"> Personnel </span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{  strtoupper($value->personnel->nom_agent) }} {{  ucwords($value->personnel->pnom_agent) }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-calendar"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Statut Pointage </span>
                                                                                                        <span class="info-box-number">
                                                                                                            <span class="badge badge-{{  $value->couleur_statut }}">
                                                                                                                {{  $value->le_statut }}
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>

                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user-cog"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text"> Supérieur Hiérarchique</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{  strtoupper($value->validateur->nom_agent) }} {{  ucwords($value->validateur->pnom_agent) }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>

                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Heure arrivée</span>
                                                                                                        <span class="info-box-number">
                                                                                                                                                                                                                    </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Poste arrivée</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Réseau arrivée</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Adresse Mac</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Heure départ</span>
                                                                                                        <span class="info-box-number">
                                                                                                                                                                                                                    </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Poste départ</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Réseau départ</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Adresse Mac</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Avance</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{ $value->heure_avance }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Retard</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{ $value->heure_retard }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Travail</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_taf }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Moins</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_moins }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Sup</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_sup }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>

                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Etat</span>
                                                                                                        <span class="info-box-number">
                                                                                                            <span class="badge badge-{{  $value->couleur_etat }}">
                                                                                                                {{  $value->voir_etat }}
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-12 col-md-12">
                                                                                                    <div class="form-group">
                                                                                                        <label for="motif">Motif du refus</label>
                                                                                                        <textarea name="champ1" id="" cols="30" rows="5" class="form-control" placeholder='Description du motif' required></textarea>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div>
                                                                                    <div class="modal-footer justify-content-between">
                                                                                        <button type="button" class="btn btn-primary float-left"   data-dismiss="modal"><B><i class="fas fa-undo"></i>&nbsp;&nbsp; RETOURNER</B></button>
                                                                                        <button type="submit" name="modifier" class="btn btn-danger float-right">
                                                                                            <B><i class='fas  fa-calendar-times'></i>&nbsp;&nbsp;REFUSER</B>
                                                                                        </button>
                                                                                        </form>
                                                                                    </div>
                                                                                </div>
                                                                            <!-- /.modal-content -->
                                                                            </div>
                                                                            <!-- /.modal-dialog -->
                                                                        </div>
                                                                    <!-- /.modal -->
                                                                    <!-- modal qui affiche la modification -->
                                                                        <div class="modal fade" id="reinitialiser{{$value->id}}">
                                                                            <div class="modal-dialog modal-xl">
                                                                                <div class="modal-content">
                                                                                    <div class="modal-header">
                                                                                        <h4 class="modal-title" style="width: 100%; text-align:center;">REINITIALISER LE STATUT</h4>
                                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                            <span aria-hidden="true">&times;</span>
                                                                                        </button>
                                                                                    </div>
                                                                                    <div class="modal-body">

                                                                                        <form action="{{ route('pointage.reinitialiser') }}" method="POST" enctype="multipart/form-data">
                                                                                            @csrf
                                                                                            <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                                                                            <input type="hidden" name="id" value="{{ $value->id }}">
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text"> Personnel </span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{  strtoupper($value->personnel->nom_agent) }} {{  ucwords($value->personnel->pnom_agent) }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-calendar"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Statut Pointage </span>
                                                                                                        <span class="info-box-number">
                                                                                                            <span class="badge badge-{{  $value->couleur_statut }}">
                                                                                                                {{  $value->le_statut }}
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>

                                                                                                <div class="col-12 col-sm-6 col-md-4">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-user-cog"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text"> Supérieur Hiérarchique</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{  strtoupper($value->validateur->nom_agent) }} {{  ucwords($value->validateur->pnom_agent) }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>

                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Heure arrivée</span>
                                                                                                        <span class="info-box-number">
                                                                                                                                                                                                                    </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Poste arrivée</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Réseau arrivée</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Adresse Mac</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Heure départ</span>
                                                                                                        <span class="info-box-number">
                                                                                                                                                                                                                    </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Poste départ</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-network-wired"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Réseau départ</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-3">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-laptop-house"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Adresse Mac</span>
                                                                                                        <span class="info-box-number"></span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Avance</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{ $value->heure_avance }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Retard</span>
                                                                                                        <span class="info-box-number">
                                                                                                            {{ $value->heure_retard }}
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Travail</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_taf }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <!-- fix for small devices only -->
                                                                                                <div class="clearfix hidden-md-up"></div>
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Moins</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_moins }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Sup</span>
                                                                                                        <span class="info-box-number">{{ $value->heure_sup }}</span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>

                                                                                                <div class="col-12 col-sm-6 col-md-2">
                                                                                                    <div class="info-box mb-3">
                                                                                                    <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-business-time"></i></span>

                                                                                                    <div class="info-box-content">
                                                                                                        <span class="info-box-text">Etat</span>
                                                                                                        <span class="info-box-number">
                                                                                                            <span class="badge badge-{{  $value->couleur_etat }}">
                                                                                                                {{  $value->voir_etat }}
                                                                                                            </span>
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <!-- /.info-box-content -->
                                                                                                    </div>
                                                                                                    <!-- /.info-box -->
                                                                                                </div>
                                                                                                <!-- /.col -->
                                                                                            </div>
                                                                                    </div>
                                                                                    <div class="modal-footer justify-content-between">
                                                                                        <button type="button" class="btn btn-primary float-left"   data-dismiss="modal"><B><i class="fas fa-undo"></i>&nbsp;&nbsp; RETOURNER</B></button>
                                                                                        <button type="submit" name="modifier" class="btn btn-success float-right">
                                                                                            <B><i class='fas  fa-retweet'></i>&nbsp;&nbsp;REINITIALISER</B>
                                                                                        </button>
                                                                                        </form>
                                                                                    </div>
                                                                                </div>
                                                                            <!-- /.modal-content -->
                                                                            </div>
                                                                            <!-- /.modal-dialog -->
                                                                        </div>
                                                                    <!-- /.modal -->
                                                                    @empty

                                                                    @endforelse
                                                                </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane " id="pointages">
                                        <div class="p-2">
                                            <div class="card card-outline-tabs">
                                                <div class="card-header">
                                                    <h3>Historiques de vos pointages</h3>
                                                </div>
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="exemple1" class="table table-head-fixed table-hover text-nowrap tab_list_params">
                                                            <thead>
                                                                <tr style="text-align: center;">
                                                                    <th>Jour</th>
                                                                    <th>Arrivé</th>
                                                                    <th>Poste Arrivé</th>
                                                                    <th>Réseau Arrivé</th>
                                                                    <th>Départ</th>
                                                                    <th>Poste Départ</th>
                                                                    <th>Réseau Départ</th>
                                                                    <th>Etat</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>

                                                                @forelse($agent->pointages as $key => $value)
                                                                    <tr style="text-align: center;">
                                                                        <td>{{ $value->jour_point }}</td>
                                                                        <td>{{ $value->heure_arrive }}</td>
                                                                        <td><span class="badge badge-primary">{{ $value->hote_point }}</span></td>
                                                                        <td><span class="badge badge-primary"> {{ $value->ip_point }}</span></td>
                                                                        <td><br />
<b>Notice</b>:  Undefined variable: value in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>1493</b><br />
<br />
<b>Notice</b>:  Trying to get property 'heure_depart' of non-object in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>1493</b><br />
</td>
                                                                        <td><span class="badge badge-primary">{{ $value->hote_point_dep }}</span></td>
                                                                        <td><span class="badge badge-primary">{{$value->ip_point_dep}}</span></td>
                                                                        <td><span class="badge badge-<br />
<b>Notice</b>:  Undefined variable: value in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>1496</b><br />
<br />
<b>Notice</b>:  Trying to get property 'statut_point' of non-object in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>1496</b><br />
danger">
                                                                            <br />
<b>Notice</b>:  Undefined variable: value in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>1497</b><br />
<br />
<b>Notice</b>:  Trying to get property 'statut_point' of non-object in <b>/home/szfwxvyz/testes_otaf/app-otaf/resources/views/pointages/pointage.blade.php</b> on line <b>1497</b><br />
EN ATTENTE</span>
                                                                        </td>
                                                                    </tr>
                                                                @empty
                                                                    <tr>
                                                                        <td colspan="8">
                                                                            <center><i>Aucune pointage trouvée !</i></center>
                                                                        </td>
                                                                    </tr>
                                                                @endforelse
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /.tab-content -->
                            </div><!-- /.card-body -->
                        </div>
                        <!-- /.nav-tabs-custom -->
                    </div>
                    <!-- /.col -->
                </div>
            </div><!-- /.container-fluid -->
        </section>
    <!-- /.content-wrapper -->

@endsection

@section('footer')
  <!-- ChartJS -->
  <script src="{{ asset('Paoul/plugins/chart.js/Chart.min.js') }}"></script>
  <!-- Sparkline -->
  <script src="{{ asset('Paoul/plugins/sparklines/sparkline.js') }}"></script>
  <!-- JQVMap -->
  <script src="{{ asset('Paoul/plugins/jqvmap/jquery.vmap.min.js') }}"></script>
  <script src="{{ asset('Paoul/plugins/jqvmap/maps/jquery.vmap.usa.js') }}"></script>
  <!-- jQuery Knob Chart -->
  <script src="{{ asset('Paoul/plugins/jquery-knob/jquery.knob.min.js') }}"></script>
  <!-- daterangepicker -->
  <script src="{{ asset('Paoul/plugins/moment/moment.min.js') }}"></script>
  <script src="{{ asset('Paoul/plugins/daterangepicker/daterangepicker.js') }}"></script>
  <!-- Tempusdominus Bootstrap 4 -->
  <script src="{{ asset('Paoul/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js') }}"></script>
  <!-- Summernote -->
  <script src="{{ asset('Paoul/plugins/summernote/summernote-bs4.min.js') }}"></script>
  <!-- overlayScrollbars -->
  <script src="{{ asset('Paoul/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js') }}"></script>


  <script>
    $('#OpenImgUploard').click(function(){
        $('#imgupload').trigger('click');
    });
</script>
@endsection