@extends('layouts.admin_base')

@section('content')
<div class="container mx-auto my-10 px-4">
    <div class="max-w-4xl mx-auto bg-white shadow-lg rounded-lg overflow-hidden">
        
        <!-- Header with Logo -->
<!-- Header -->
<header class="bg-gradient-to-r from-indigo-600 to-purple-600  p-6">
    <div class="container mx-auto flex justify-between items-center">
        <!-- Logo de l'entreprise à gauche -->
        <div class="flex items-center space-x-4">
            @if ($entreprise->logo)
                <img src="{{ asset('storage/' . $entreprise->logo) }}" alt="Logo de l'entreprise"
                    class="w-16 h-16 rounded-full shadow-lg">
            @else
                <div class="w-16 h-16 bg-gray-400  rounded-full"></div> <!-- Logo par défaut si pas d'image -->
            @endif
            <h1 class="text-2xl  font-bold">{{ $entreprise->nom }}</h1>
        </div>

        <!-- Menu de navigation -->
        <nav>
            <ul class="flex space-x-6 text-lg font-medium">
                <li><a href="#home" class="text-blue-700">Accueil</a></li>
                <li><a href="#services" class="text-blue-700">Nos services</a></li>
                <li><a href="#offres" class="text-blue-700">Offres d'emplois</a></li>
                <li><a href="#contact" class="text-blue-700">Contact</a></li>
            </ul>
        </nav>
    </div>
</header>



        <!-- General Information Section -->
        <div class="p-6">
            <h5 class="text-xl font-semibold text-gray-700 mb-4">Informations générales</h5>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 text-gray-600">
                <p><strong>Activité :</strong> {{ $entreprise->secteurActivite->nom ?? 'Non spécifié' }}</p>
                <p><strong>Forme juridique :</strong> {{ $entreprise->form_juridique ?? 'Non spécifié' }}</p>
                <p><strong>Type :</strong> {{ $entreprise->type == 1 ? 'Privée' : 'Publique' }}</p>
                <p><strong>Taille : </strong> {{ $entreprise->taille ?? 'Non spécifié' }} employés</p>
                <p><strong>Status : </strong> @if ($entreprise->is_valide == 1 && $entreprise->user->status == 'blocked')
                    <span class="text-red-600">Bloqué</span>
                     @elseif ($entreprise->is_valide == 0)
                    <span class="text-yellow-600">En attente</span>
                @elseif($entreprise->is_valide == 1)
                    <span class="text-green-600">Validé</span>
                @endif</p>
                <p><strong> Nombre total d'offres publiées : </strong> {{ $nombreOffresPubliees > 0 ? $nombreOffresPubliees : 'Aucune offre publiée.' }}
                </p>
            </div>
            

            <!-- Address and Contact Information -->
            <h5 class="text-xl font-semibold text-gray-700 mt-6 mb-4">Adresse et contact</h5>
            <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 text-gray-600">
                <p><strong>Adresse :</strong> 
                    {{ $entreprise->wilaya->nom ?? 'Non spécifié' }},
                    {{ $entreprise->moughatta->nom ?? 'Non spécifié' }},
                    {{ $entreprise->adresse ?? 'Non spécifié' }}
                </p>
                <p><strong>Téléphone :</strong> {{ $entreprise->telephone ?? 'Non spécifié' }}</p>
                <p><strong>Email :</strong> {{ $entreprise->user->email ?? 'Non spécifié' }}</p>
                <p><strong>Site web :</strong> 
                    <a href="{{ $entreprise->site_web ?? '#' }}" target="_blank" class="text-blue-600 hover:text-blue-800">
                        {{ $entreprise->site_web ?? 'Non spécifié' }}
                    </a>
                </p>
                 </div>

            

            <!-- Description Section -->
            <h5 class="text-xl font-semibold text-gray-700 mt-6 mb-4">Description</h5>
            <p class="text-gray-600">{{ $entreprise->description ?? 'Non spécifié' }}</p>

           <!-- Statut de l'entreprise -->



            <!-- Action Buttons -->
            <div class="flex justify-between mt-8">
                <a href="{{ url()->previous() }}" class="px-6 py-3 bg-gray-500 text-white rounded-lg shadow-md hover:bg-gray-600 transition">
                    <i class="fas fa-arrow-left mr-2"></i> Retour
                </a>
                <div class="flex space-x-4 items-center">
                    <!-- Si l'entreprise n'est pas encore validée -->
                    @if ($entreprise->is_valide == 0)
                        <a href="#"
                            onclick="event.preventDefault(); showValidateModal('{{ $entreprise->id }}', '{{ route('admin.validateEntreprise', $entreprise->id) }}')"
                            class="bg-blue-600 text-white px-4 py-2 rounded-full hover:bg-blue-700 transition-all duration-300"
                            title="Valider">
                            <i class="fas fa-check-square mr-2"></i> Valider l'entreprise
                        </a>
                    @else
                        {{-- Entreprise validée, afficher les actions selon le statut de l'utilisateur --}}
                        @if ($entreprise->user->status == 'active')
                            <a href="#"
                                onclick="event.preventDefault(); showBlockModal('{{ $entreprise->user->id }}', '{{ route('admin.toggleBlockUser', $entreprise->user->id) }}')"
                                class="bg-red-600 text-white px-4 py-2 rounded-full hover:bg-red-700 transition-all duration-300"
                                title="Bloquer">
                                <i class="fas fa-user-lock mr-2"></i> Bloquer l'utilisateur
                            </a>
                        @elseif ($entreprise->user->status == 'blocked')
                            <a href="#"
                                onclick="event.preventDefault(); showUnblockModal('{{ $entreprise->user->id }}', '{{ route('admin.toggleBlockUser', $entreprise->user->id) }}')"
                                class="bg-green-500 text-white px-4 py-2 rounded-full hover:bg-green-700 transition-all duration-300"
                                title="Débloquer">
                                <i class="fas fa-user-check mr-2"></i> Débloquer l'utilisateur
                            </a>
                        @endif
                    @endif
                </div>
                
                <a href="{{ route('entreprises.edit', $entreprise->id) }}" class="px-6 py-3 bg-yellow-500 text-white rounded-lg shadow-md hover:bg-yellow-600 transition">
                    <i class="fas fa-edit mr-2"></i> Modifier
                </a>
            </div>
        </div>
    </div>
</div>

 <!-- Modal de confirmation pour Valider -->
 <div class="modal fade" id="validateModal" tabindex="-1" role="dialog" aria-labelledby="validateModalLabel"
 aria-hidden="true">
 <div class="modal-dialog" role="document">
     <div class="modal-content">
         <div class="modal-header">
             <h5 class="modal-title" id="validateModalLabel">Confirmation de validation</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
         </div>
         <div class="modal-body">
             Êtes-vous sûr de vouloir valider cette entreprise ?
         </div>
         <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
             <button type="button" class="bg-blue-600 text-white px-4 py-2 rounded-lg shadow-md hover:bg-blue-700 focus:outline-none" id="confirmValidateButton">
                Valider
            </button>
            
         </div>
     </div>
 </div>
</div>

<!-- Modal de confirmation pour Bloquer -->
<div class="modal fade" id="blockModal" tabindex="-1" role="dialog" aria-labelledby="blockModalLabel"
 aria-hidden="true">
 <div class="modal-dialog" role="document">
     <div class="modal-content">
         <div class="modal-header">
             <h5 class="modal-title" id="blockModalLabel">Confirmation de blocage</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
         </div>
         <div class="modal-body">
             Êtes-vous sûr de vouloir bloquer cette entreprise ?
         </div>
         <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
             <button type="button" class="btn btn-danger" id="confirmBlockButton">Bloquer</button>
         </div>
     </div>
 </div>
</div>

<!-- Modal de confirmation pour Débloquer -->
<div class="modal fade" id="unblockModal" tabindex="-1" role="dialog" aria-labelledby="unblockModalLabel"
 aria-hidden="true">
 <div class="modal-dialog" role="document">
     <div class="modal-content">
         <div class="modal-header">
             <h5 class="modal-title" id="unblockModalLabel">Confirmation de déblocage</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
         </div>
         <div class="modal-body">
             Êtes-vous sûr de vouloir débloquer cette entreprise ?
         </div>
         <div class="modal-footer">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
             <button type="button" class="btn btn-success" id="confirmUnblockButton">Débloquer</button>
         </div>
     </div>
 </div>
</div>

<script>

    // Fonction pour afficher le modal de validation
    function showValidateModal(entrepriseId, validateUrl) {
            const confirmValidateButton = document.getElementById('confirmValidateButton');

            confirmValidateButton.onclick = function() {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = validateUrl;
                form.style.display = 'none';

                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';
                form.appendChild(csrfToken);

                document.body.appendChild(form);
                form.submit();
            };

            $('#validateModal').modal('show');
        }

        // Fonction pour afficher le modal de blocage
        function showBlockModal(userId, blockUrl) {
            const confirmBlockButton = document.getElementById('confirmBlockButton');

            confirmBlockButton.onclick = function() {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = blockUrl;
                form.style.display = 'none';

                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';
                form.appendChild(csrfToken);

                document.body.appendChild(form);
                form.submit();
            };

            $('#blockModal').modal('show');
        }

        // Fonction pour afficher le modal de déblocage
        function showUnblockModal(userId, unblockUrl) {
            const confirmUnblockButton = document.getElementById('confirmUnblockButton');

            confirmUnblockButton.onclick = function() {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = unblockUrl;
                form.style.display = 'none';

                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';
                form.appendChild(csrfToken);

                document.body.appendChild(form);
                form.submit();
            };

            $('#unblockModal').modal('show');
        }
        </script>
@endsection