@extends('layouts.master')

@section('content')

{{-- Barre de navigation rapide --}}

<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
         
            <div class="body">
 <h6 class="mb-0">LES AUTRES LIENS COURAMMENT UTILISÉS</h6>
    <div class="d-flex flex-wrap align-items-center justify-content-between">
                    <div class="btn-group flex-wrap" role="group">
                     <a href="{{url('all_paies')}}" class="btn btn-outline-success" title="Retour à la liste des paies">
                            <i class="zmdi zmdi-money"></i> Paies-Employés
                        </a>
                             <a href="{{ url('all_paies_contractuels') }}" class="btn btn-outline-success" title="Paies des contractuels">
                            <i class="zmdi zmdi-money"></i> Paies-Contractuels
                        </a>
                        <a href="{{url('all_sb_paies')}}" class="btn btn-outline-success" title="Salaires de base">
                            <i class="zmdi zmdi-money"></i> Salaires de base
                        </a>
                        <a href="{{url('all_cotations_users')}}" class="btn btn-outline-success" title="Cotations">
                            <i class="zmdi zmdi-chart"></i> Cotations
                        </a>
                        <a href="{{url('all_absences')}}" class="btn btn-outline-success" title="Absences">
                            <i class="zmdi zmdi-calendar-close"></i> Absences
                        </a>
                          <a href="{{url('all_contrats')}}" class="btn btn-outline-success" title="Retour à la liste des  Contrats">
                            <i class="zmdi zmdi-file-text"></i> Contrats
                        </a>
                      
                    </div>
                    <div>
     
                 
                    </div>
                </div>
                </div></div></div></div>
   @if (session()->has('success'))
    <div class="alert alert-success">
      <center> <h5 style="color:black;"> {{ session()->get('success') }}</h5></center>
    </div>
@elseif (session()->has('error'))
    <div class="alert alert-danger">
       <h5 class="text-center" style="color:white;"> {{ session()->get('error') }}</h5>
    </div>

@endif 
           @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
          @foreach($errors->all() as $message)
          <li class="text-black">{{ $message }}</li>
          @endforeach
        </ul>
      </div>
    @endif  
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
            <div class="header text-black">
                <h2><strong>LES RAPPORTS DE GESTION DES RESSOURCES HUMAINES</strong></h2>
            </div>
               

            <div class="body">
                <!-- Section 1: Rapports de paie -->
                <div class="report-section mb-4">
                    <h4 class="text-primary">1. Rapports sur la paie</h4>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <div class="card">
                                <div class="body">
                                    <h6>Générer Rapport de paie des salaires </h6>
                                    <p class="text-muted small">Vue d'ensemble complète des salaires</p>

                     <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportGeneral">
                                        <i class="fa fa-file-text"></i> Rapport paie des Employés
                                    </button>

<button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportContractuels" style="float: right;">
             <i class="fa fa-file-text"></i> Rapport paie des Contractuels </button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <div class="card">
                                <div class="body">
                                    <h6>Générer Rapport caisse sociale et paie hors banque</h6>
                                    <p class="text-muted small">Détails des cotisations sociales</p>
                                    <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportCaisse">
                                        <i class="fa fa-building"></i>Rapport caisse sociale
                                    </button>
                                     <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportHorsBanque" style="float: right;">
                                        <i class="fa fa-building"></i> Rapport Hors banques
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <div class="card">
                                <div class="body">
                                    <h6>Générer rapport FPC</h6>
                                    <p class="text-muted small">Cotisations FPC (Fonds de Pension Complémentaire)</p>
                                    <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportFPC">
                                        <i class="fa fa-graduation-cap"></i> Générer rapport FPC
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <div class="card">
                                <div class="body">
                                    <h6>Générer rapport IRE</h6>
                                    <p class="text-muted small">Impôt sur le revenu des employés</p>
                                    <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportIRE">
                                        <i class="fa fa-money"></i> Générer rapport IRE
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card bg-light text-center">
                                <div class="body">
                                    <h6>Générer rapport général de paie combiné</h6>
                                    <p class="text-muted small">Rapport consolidé incluant tous les éléments</p>
                                    <button type="button" class="btn btn-success waves-effect" data-toggle="modal" data-target="#RapportGeneralCombine">
                                        <i class="fa fa-pie-chart"></i> Générer rapport général de paie combiné
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <hr>

                <!-- Section 2: Rapports des salaires de base -->
                <div class="report-section mb-4">
                    <h4 class="text-primary">2. Rapports des salaires de base</h4>
                    <div class="card">
                        <div class="body">
                            <p class="text-muted">Analyse des salaires de base </p>
                          <!--   <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportSB">
                                <i class="fa fa-bar-chart"></i> Générer rapport des SB
                            </button> -->
                            <a href="{{url('rapport_sb')}}" class="btn btn-primary" target="_blank">Générer rapport des SB en PDF</a>
                        </div>
                    </div>
                </div>

                <hr>

                <!-- Section 3: Rapports des absences -->
                <div class="report-section mb-4">
                    <h4 class="text-primary">3. Rapports des absences</h4>
                    <div class="card">
                        <div class="body">
                            <p class="text-muted">Suivi des absences, congés et retards</p>
                     <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#Rapport_Absences">
                                <i class="fa fa-calendar-times-o"></i> Générer rapport des absences
                            </button>
                        </div>
                    </div>
                </div>

                <hr>

                <!-- Section 4: Rapports des cotations -->
                <div class="report-section">
                    <h4 class="text-primary">4. Rapports des cotations / Évaluations</h4>
                    <div class="card">
                        <div class="body">
                            <p class="text-muted">Résultats des évaluations et performances des employés</p>
                            <button type="button" class="btn btn-primary waves-effect" data-toggle="modal" data-target="#RapportCotations">
                                <i class="fa fa-star"></i> Générer rapport des cotations
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modals pour chaque type de rapport -->
@include('grh_views.paie.modals.rapport-paie-modals')

@endsection

@section('styles')
<style>
    .report-section {
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .report-section h4 {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid #eee;
    }
    .btn-purple {
        background-color: #6f42c1;
        color: white;
        border: none;
    }
    .btn-purple:hover {
        background-color: #5a32a3;
        color: white;
    }
    .card {
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        border: none;
    }
    .card:hover {
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        transition: box-shadow 0.3s ease;
    }
</style>
@endsection