@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 active" aria-current="page">Configuration serveur email - Backoffice</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-lg-8">
                <div class="card shadow-sm">
                    <div class="card-header bg-secondary text-dark">
                        <h5 class="mb-0">
                            <i class="fas fa-envelope-open-text me-2"></i>Configuration serveur email - Backoffice
                        </h5>
                    </div>
                    <div class="card-body">
                        @if(session('success'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif

                        @if(session('error'))
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                <i class="fas fa-exclamation-circle me-2"></i>{{ session('error') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif

                        <div class="alert alert-info mb-4">
                            <i class="fas fa-info-circle me-2"></i>
                            Cette configuration sera utilisée par le backoffice pour envoyer des emails (notifications, validations, etc.) lorsqu'aucune configuration spécifique d'application n'est définie.
                        </div>

                        <form action="{{ route('admin.email-configuration.store') }}" method="POST">
                            @csrf

                            <div class="mb-4">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-server me-2"></i>Paramètres du serveur SMTP
                                </h6>
                                <div class="row g-3">
                                    <div class="col-md-8">
                                        <label for="host" class="form-label">
                                            Serveur SMTP <span class="text-danger">*</span>
                                        </label>
                                        <input type="text"
                                               class="form-control @error('host') is-invalid @enderror"
                                               id="host"
                                               name="host"
                                               value="{{ old('host') }}"
                                               required
                                               placeholder="smtp.example.com">
                                        @error('host')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <small class="form-text text-muted">Ex: smtp.gmail.com, smtp.office365.com, smtp.sendgrid.net</small>
                                    </div>
                                    <div class="col-md-4">
                                        <label for="port" class="form-label">
                                            Port <span class="text-danger">*</span>
                                        </label>
                                        <input type="number"
                                               class="form-control @error('port') is-invalid @enderror"
                                               id="port"
                                               name="port"
                                               value="{{ old('port', 587) }}"
                                               required
                                               min="1"
                                               max="65535"
                                               placeholder="587">
                                        @error('port')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <small class="form-text text-muted">Ports courants : 587 (TLS), 465 (SSL), 25</small>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-4">
                                <label for="encryption" class="form-label">
                                    Chiffrement <span class="text-danger">*</span>
                                </label>
                                <select class="form-select @error('encryption') is-invalid @enderror"
                                        id="encryption"
                                        name="encryption"
                                        required>
                                    @foreach($encryptions as $encryption)
                                        <option value="{{ $encryption->value }}"
                                                {{ old('encryption', 'tls') === $encryption->value ? 'selected' : '' }}>
                                            {{ $encryption->label() }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('encryption')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-4">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-key me-2"></i>Authentification
                                </h6>
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label for="username" class="form-label">
                                            Nom d'utilisateur <span class="text-danger">*</span>
                                        </label>
                                        <input type="text"
                                               class="form-control @error('username') is-invalid @enderror"
                                               id="username"
                                               name="username"
                                               value="{{ old('username') }}"
                                               required
                                               placeholder="user@example.com">
                                        @error('username')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label for="password" class="form-label">
                                            Mot de passe <span class="text-danger">*</span>
                                        </label>
                                        <input type="password"
                                               class="form-control @error('password') is-invalid @enderror"
                                               id="password"
                                               name="password"
                                               required
                                               placeholder="Mot de passe SMTP">
                                        @error('password')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="mb-4">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-paper-plane me-2"></i>Expéditeur par défaut
                                </h6>
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label for="from_address" class="form-label">
                                            Adresse email <span class="text-danger">*</span>
                                        </label>
                                        <input type="email"
                                               class="form-control @error('from_address') is-invalid @enderror"
                                               id="from_address"
                                               name="from_address"
                                               value="{{ old('from_address') }}"
                                               required
                                               placeholder="noreply@example.com">
                                        @error('from_address')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label for="from_name" class="form-label">
                                            Nom de l'expéditeur <span class="text-danger">*</span>
                                        </label>
                                        <input type="text"
                                               class="form-control @error('from_name') is-invalid @enderror"
                                               id="from_name"
                                               name="from_name"
                                               value="{{ old('from_name', 'Octave Backoffice') }}"
                                               required
                                               placeholder="Octave Backoffice">
                                        @error('from_name')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="mb-4">
                                <h6 class="text-primary mb-3">
                                    <i class="fas fa-cog me-2"></i>Paramètres avancés (optionnel)
                                </h6>
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label for="timeout" class="form-label">
                                            Timeout (secondes)
                                        </label>
                                        <input type="number"
                                               class="form-control @error('timeout') is-invalid @enderror"
                                               id="timeout"
                                               name="timeout"
                                               value="{{ old('timeout') }}"
                                               min="1"
                                               placeholder="30">
                                        @error('timeout')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label for="local_domain" class="form-label">
                                            Domaine local (EHLO)
                                        </label>
                                        <input type="text"
                                               class="form-control @error('local_domain') is-invalid @enderror"
                                               id="local_domain"
                                               name="local_domain"
                                               value="{{ old('local_domain') }}"
                                               placeholder="example.com">
                                        @error('local_domain')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex justify-content-between align-items-center mt-4 pt-3 border-top">
                                <a href="{{ $homeUrl }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>Créer la configuration
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <!-- Help card -->
                <div class="card shadow-sm">
                    <div class="card-header bg-secondary text-dark">
                        <h6 class="mb-0">
                            <i class="fas fa-question-circle me-2"></i>Aide
                        </h6>
                    </div>
                    <div class="card-body">
                        <p class="mb-3">Configurez ici les paramètres SMTP pour l'envoi d'emails depuis le backoffice Octave.</p>

                        <h6 class="text-primary">Exemples de configuration :</h6>

                        <p class="mb-2"><strong>Gmail :</strong></p>
                        <ul class="small mb-3">
                            <li>Serveur : smtp.gmail.com</li>
                            <li>Port : 587 (TLS) ou 465 (SSL)</li>
                            <li>Utiliser un mot de passe d'application</li>
                        </ul>

                        <p class="mb-2"><strong>Office 365 :</strong></p>
                        <ul class="small mb-3">
                            <li>Serveur : smtp.office365.com</li>
                            <li>Port : 587</li>
                            <li>Chiffrement : TLS</li>
                        </ul>

                        <p class="mb-2"><strong>SendGrid :</strong></p>
                        <ul class="small mb-0">
                            <li>Serveur : smtp.sendgrid.net</li>
                            <li>Port : 587</li>
                            <li>Username : apikey</li>
                            <li>Password : votre clé API</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection