@extends('layouts.admin_base')
@section('content')
<div class="max-w-4xl mx-auto bg-white shadow-md rounded-lg p-8 mt-8">
    <h2 class="text-3xl font-bold text-gray-800 mb-6 text-center">
        Modifier Le profil de l'entreprise
    </h2>

                    <!-- Validation Errors -->
                    @if ($errors->any())
                        <div class="mb-4 text-red-600">
                            <ul class="list-disc list-inside">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <!-- Form -->
                    <form method="POST" action="{{ route('entreprises.update', ['entreprise' => $entreprise->id]) }}"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <input type="hidden" name="is_valide" value="1">
                        <!-- Company Details -->
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <label for="nom" class="block text-sm font-semibold text-gray-700">Nom de
                                    l'entreprise</label>
                                <input type="text" id="nom" name="nom" value="{{ $entreprise->nom }}"
                                class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400"
                                required>
                            </div>
                           
                            <div class="row mb-2 ">
                                <div class="col">
                                    <label for="logo" class="block text-sm font-semibold text-gray-700">Logo de
                                        l'entreprise</label>
                                    <input type="file" id="logo" name="logo" value="{{ $entreprise->logo }}"
                                    class="mt-2 block w-full text-gray-500">
                                </div>
                                <div class="col">
                                    @if ($entreprise->logo && file_exists(public_path('storage/' . $entreprise->logo)))
                                        <a href="{{ asset('storage/' . $entreprise->logo) }}" target="_blank">
                                            <img src="{{ asset('storage/' . $entreprise->logo) }}"
                                                alt="Logo de l'entreprise" class="img-thumbnail" style="max-width: 35px;">
                                        </a>
                                    @endif

                                </div>
                            </div>

                            <div>
                                <label for="site_web" class="block text-sm font-semibold text-gray-700">Site web</label>
                                <input type="url" id="site_web" name="site_web"
                                    value="{{ old('site_web', $entreprise->site_web  ?? '') }}"
                                    class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
                            </div>
                            <div>
                                <label for="telephone" class="block text-sm font-semibold text-gray-700">Téléphone</label>
                                <input type="text" id="telephone" name="telephone"
                                    value="{{ old('telephone', $entreprise->telephone ?? '') }}" pattern="[0-9]{8}"
                                    class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400"
                                   required>
                            </div>
                            <div>
                                <label for="type" class="block text-sm font-semibold text-gray-700">Type
                                    d'entreprise</label>
                                <select id="type" name="type"
                                class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400"
                                required>
                                    <option value="0" @if ($entreprise->type == 0) selected @endif>Public</option>
                                    <option value="1" @if ($entreprise->type == 1) selected @endif>Privé</option>
                                </select>
                            </div>
                           
                            <div>
                                <label for="taille" class="block text-sm font-semibold text-gray-700">Taille de
                                    l'entreprise</label>
                                <select id="taille" name="taille"
                                class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400"
                                required>
                                    <option value="1-10" @if ($entreprise->taille == '1-10') selected @endif>1 à 10 employés
                                    </option>
                                    <option value="11-50" @if ($entreprise->taille == '11-50') selected @endif>11 à 50
                                        employés</option>
                                    <option value="51-200" @if ($entreprise->taille == '51-200') selected @endif>51 à 200
                                        employés</option>
                                    <option value="201-500" @if ($entreprise->taille == '201-500') selected @endif>201 à 500
                                        employés</option>
                                    <option value="500+" @if ($entreprise->taille == '500+') selected @endif>Plus de 500
                                        employés</option>
                                </select>
                            </div>

                            <div>
                                <label for="secteur_activite_id" class="block text-sm font-medium text-gray-700">Secteur
                                    d'activité</label>
                                <select id="secteur_activite_id" name="secteur_activite_id"
                                    class="mt-1 block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500"
                                    required>
                                    <option value="" disabled
                                        {{ old('secteur_activite_id', $entreprise->secteur_activite_id) == null ? 'selected' : '' }}>
                                        Choisissez un secteur</option>
                                    @foreach ($secteur_activites as $secteur_activite)
                                        <option value="{{ $secteur_activite->id }}"
                                            {{ old('secteur_activite_id', $entreprise->secteur_activite_id) == $secteur_activite->id ? 'selected' : '' }}>
                                            {{ $secteur_activite->nom }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div>
                                <label for="form_juridique" class="block text-sm font-medium text-gray-700">Forme
                                    juridique</label>
                                <select id="form_juridique" name="form_juridique"
                                    class="mt-1 block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500"
                                    required>
                                    <option value="ETS" {{ $entreprise->form_juridique == 'ETS' ? 'selected' : '' }}>ETS
                                    </option>
                                    <option value="SARL" {{ $entreprise->form_juridique == 'SARL' ? 'selected' : '' }}>
                                        SARL</option>
                                    <option value="SA" {{ $entreprise->form_juridique == 'SA' ? 'selected' : '' }}>SA
                                    </option>
                                    <option value="EP" {{ $entreprise->form_juridique == 'EP' ? 'selected' : '' }}>EP
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                            
                            <div>
                                <label for="wilaya" class="block text-sm font-semibold text-gray-700">Wilaya</label>
                                <select id="wilaya" name="wilaya"
                                class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400"
                                required>

                                    @foreach ($wilayas as $wilaya)
                                        <option value="{{ $wilaya->id }}"
                                            {{ $wilaya->id == $entreprise->wilaya_id ? 'selected' : '' }}>
                                            {{ $wilaya->nom }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div>
                                <label for="moughatta" class="block text-sm font-semibold text-gray-700">Moughataa</label>
                                <select id="moughatta" name="moughatta"
                                class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400"
                                required>
                                    @foreach ($moughattas as $moughatta)
                                        <option value="{{ $moughatta->id }}"
                                            {{ $moughatta->id == $entreprise->moughatta_id ? 'selected' : '' }}>
                                            {{ $moughatta->nom }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div>
                                <label for="adresse" class="block text-sm font-semibold text-gray-700">Adresse</label>
                                <input type="text" id="adresse" name="adresse"
                                    value="{{ old('adresse', $entreprise->adresse) }}"
                                    class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-400"
                                    required>
                            </div>
                        </div>

                       
                            <div class="mt-6">
                                <label for="description" class="block text-sm font-semibold text-gray-700">Description</label>
                                <textarea id="description" name="description" rows="3"
                                class="mt-2 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">{{ old('description', $entreprise->description ?? '') }}</textarea>
                            </div>

                            <!-- Submit Button -->
                            <div class="text-center px-6 py-10 gap-6 mt-6">
                                <button type="button"
                                class="bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded" 
                                onclick="window.history.back();">
                                    Annuler
                                </button>
                                <button type="submit"
                                class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded ml-2" 
                                id="submitBtn">
                                    Modifier
                                </button>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script>
        // Désactiver le bouton après le premier clic
        document.getElementById('submitBtn').addEventListener('click', function() {
            this.disabled = true; // Désactiver le bouton
            this.form.submit(); // Soumettre le formulaire
        });

        // Lorsque la wilaya est changée, charger les moughattas correspondants
        document.getElementById('wilaya').addEventListener('change', function() {
            var wilayaId = this.value;

            // Vérifier si une wilaya est sélectionnée
            if (wilayaId) {
                // Envoi de la requête pour récupérer les moughattas de la wilaya sélectionnée
                fetch(`/entreprises/moughattas/${wilayaId}`)
                    .then(response => response.json())
                    .then(data => {
                        // Vider la liste actuelle de moughattas
                        var moughataaSelect = document.getElementById('moughatta');
                        moughataaSelect.innerHTML =
                            '<option value="" disabled selected>Choisissez une moughataa</option>';

                        // Remplir la liste déroulante des moughattas
                        data.forEach(function(moughataa) {
                            var option = document.createElement('option');
                            option.value = moughataa.id;
                            option.textContent = moughataa.nom;
                            moughataaSelect.appendChild(option);
                        });
                    })
                    .catch(error => {
                        console.error('Erreur lors du chargement des moughattas:', error);
                    });
            }
        });
    </script>
    </form>
    </div>
    </div>
    </div>
    </div>
@endsection