@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.commercialisateurs') }}">Commercialisateurs</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.commercialisateur.show', $user->token) }}">{{ $user->fullName() }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">Modifier</li>
        </ol>
    </nav>
@endsection

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid py-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            <span class="client-avatar-large me-3">{{ $user->initials() }}</span>
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">Modifier {{ $user->firstname ?? '-' }} {{ $user->lastname ?? '-' }}</h1>
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                @if($user->email)
                                    <span class="text-grey text-16"><span class="icon-mail icon text-grey"></span> {{ $user->email }}</span>
                                    <span class="separator-vertical"></span>
                                @endif
                                @if($user->phones && $user->phones->count() > 0)
                                    <span class="text-grey text-16"><span class="icon-phone icon text-grey"></span> {{ format_phone_display($user->phones->first()->value ?? null) }}</span>
                                    <span class="separator-vertical"></span>
                                @endif
                                @if($user->networks && $user->networks->count() > 0)
                                    <span class="text-grey text-16"><span class="icon-briefcase-business icon text-grey"></span> {{ $user->networks->first()->name }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 text-end">
                            <button type="submit" form="commercialisateurEditForm" class="btn btn-primary me-2">
                                <i class="fas fa-save me-2"></i>Enregistrer
                            </button>
                            <a href="{{ route('partner.commercialisateur.show', $user->token) }}" class="btn btn-outline-secondary">
                                <i class="fas fa-arrow-left me-2"></i>Retour
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="card mb-4">
            <div class="card-body">
                <form action="{{ route('partner.commercialisateur.update', $user->token) }}" method="POST" id="commercialisateurEditForm">
                    @csrf
                    @method('PUT')

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="lastname" class="form-label">Nom <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="lastname" name="lastname" value="{{ old('lastname', $user->lastname ?? '') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="firstname" class="form-label">Prénom <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="firstname" name="firstname" value="{{ old('firstname', $user->firstname ?? '') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control" id="email" name="email" value="{{ old('email', $user->email ?? '') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="network_id" class="form-label">Réseau ou agence rattachée (entreprise)</label>
                            <div class="d-flex gap-2 align-items-center">
                                <select class="form-select flex-grow-1" id="network_id" name="network_id">
                                    <option value="">Indépendant</option>
                                    @foreach($networks as $network)
                                        <option value="{{ $network->id }}" {{ old('network_id', $user->networks->first()?->id ?? '') == $network->id ? 'selected' : '' }}>
                                            {{ $network->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <a href="{{ route('partner.network.create') }}" class="btn btn-md btn-outline-primary flex-shrink-0">
                                    <i class="fas fa-plus me-1"></i>Créer une entreprise
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="profession_id" class="form-label">Rôle</label>
                            <select class="form-select" id="profession_id" name="profession_id">
                                <option value="">Aucun rôle</option>
                                @foreach($professions ?? [] as $profession)
                                    <option value="{{ $profession->id }}"
                                            {{ old('profession_id', $user->professions->first()?->id ?? '') == $profession->id ? 'selected' : '' }}>
                                        {{ $profession->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Téléphones</label>
                            <x-phone-inputs :phones="$user->phones ?? []" name="phones" />
                        </div>
                        <div class="col-md-12">
                            <label for="address_line_1" class="form-label">Adresse ligne 1</label>
                            <input type="text" class="form-control" id="address_line_1" name="address_line_1" value="{{ old('address_line_1', $user->address?->line_1 ?? '') }}">
                        </div>
                        <div class="col-md-12">
                            <label for="address_line_2" class="form-label">Adresse ligne 2</label>
                            <input type="text" class="form-control" id="address_line_2" name="address_line_2" value="{{ old('address_line_2', $user->address?->line_2 ?? '') }}">
                        </div>
                        <div class="col-md-6">
                            <label for="address_city" class="form-label">Ville</label>
                            <input type="text" class="form-control" id="address_city" name="address_city" value="{{ old('address_city', $user->address?->city ?? '') }}">
                        </div>
                        <div class="col-md-6">
                            <label for="address_zip_code" class="form-label">Code postal</label>
                            <input type="text" class="form-control" id="address_zip_code" name="address_zip_code" value="{{ old('address_zip_code', $user->address?->zip_code ?? '') }}">
                        </div>
                        <div class="col-md-6">
                            <label for="address_country_id" class="form-label">Pays</label>
                            <select class="form-select" id="address_country_id" name="address_country_id">
                                <option value="">-- Sélectionner un pays --</option>
                                @foreach($countries ?? [] as $country)
                                    <option value="{{ $country->id }}" {{ old('address_country_id', $user->address?->country_id) == $country->id ? 'selected' : '' }}>
                                        {{ $country->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        @if(Auth::id() !== $user->id)
                        <div class="col-md-12">
                            <label class="form-label fw-bold">Statut</label>
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                                       @if(old('is_active', $user->is_active ?? true)) checked @endif>
                                <label class="form-check-label" for="is_active">
                                    <strong>Compte actif</strong>
                                </label>
                            </div>
                        </div>
                        @endif

                        @if($showDoubleAuthField ?? true)
                        <div class="col-md-12">
                            <label class="form-label fw-bold">
                                <i class="fas fa-shield-alt me-1 text-info"></i>Double authentification
                            </label>
                            <div class="form-check form-switch">
                                <input type="hidden" name="double_auth" value="0">
                                <input class="form-check-input" type="checkbox" id="doubleAuth" name="double_auth" value="1"
                                       @if(old('double_auth', $user->double_auth ?? 0)) checked @endif>
                                <label class="form-check-label" for="doubleAuth">
                                    <strong>Activer la double authentification</strong>
                                </label>
                            </div>
                            <small class="text-muted">Sécurisez le compte avec une authentification à deux facteurs</small>
                        </div>
                        @endif

                        <div class="col-md-12">
                            <div class="mt-3">
                                <button type="button" class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#sendTemporaryPasswordModal">
                                    <i class="fas fa-envelope me-2"></i>Envoyer un email avec mot de passe temporaire
                                </button>
                                <small class="text-muted d-block mt-2">Génère un nouveau mot de passe temporaire et l'envoie par email au commercialisateur</small>
                            </div>
                        </div>
                    </div>

                    <div class="mt-4 d-flex justify-content-between gap-2 flex-wrap">
                        <a href="{{ route('partner.commercialisateur.show', $user->token) }}" class="btn btn-outline-secondary">
                            <i class="fas fa-times me-2"></i>Annuler
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>Enregistrer
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

{{-- Modal pour envoyer un mot de passe temporaire (même UX que partner.users.edit) --}}
<div class="modal fade" id="sendTemporaryPasswordModal" tabindex="-1" aria-labelledby="sendTemporaryPasswordModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title" id="sendTemporaryPasswordModalLabel">
                    <i class="fas fa-envelope me-2"></i>Envoyer un mot de passe temporaire
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="POST" action="{{ route('partner.commercialisateur.send-temporary-password', $user->token) }}" id="sendTemporaryPasswordForm">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-info mb-3">
                        <i class="fas fa-info-circle me-2"></i>
                        <strong>Information :</strong> Un email sera envoyé à <strong>{{ $user->email }}</strong> contenant un nouveau mot de passe temporaire.
                    </div>

                    <p class="mb-3">Le commercialisateur devra ensuite changer son mot de passe lors de sa prochaine connexion pour pouvoir accéder à la plateforme.</p>

                    <div class="card bg-light border-primary mt-3">
                        <div class="card-body">
                            <h6 class="text-primary mb-2">
                                <i class="fas fa-key me-1"></i>Ce qui va se passer :
                            </h6>
                            <ul class="mb-0 small">
                                <li>Un mot de passe temporaire sécurisé sera généré automatiquement</li>
                                <li>Le mot de passe sera sauvegardé et associé au compte</li>
                                <li>Le commercialisateur devra changer son mot de passe à la première connexion</li>
                                <li>Un email contenant les identifiants sera envoyé au commercialisateur</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-2"></i>Annuler
                    </button>
                    <button type="submit" class="btn btn-primary" id="sendPasswordBtn">
                        <i class="fas fa-paper-plane me-2"></i>Envoyer l'email
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const form = document.getElementById('sendTemporaryPasswordForm');
    const btn  = document.getElementById('sendPasswordBtn');

    if (form && btn) {
        form.addEventListener('submit', function () {
            btn.disabled = true;
            btn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Envoi en cours...';
        });
    }
});
</script>
@endpush