@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</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-primary text-white">
                        <h5 class="mb-0">
                            <i class="fas fa-envelope-open-text me-2"></i>Configuration serveur email
                        </h5>
                    </div>
                    <div class="card-body">
                        @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>
                            Configurez un serveur SMTP personnalisé pour envoyer les emails de cette application avec votre propre domaine et votre propre identité.
                        </div>

                        <form action="{{ route('partner.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
                                    </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
                                    </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="••••••••">
                                        @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', $application->name) }}"
                                               required
                                               placeholder="{{ $application->name }}">
                                        @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 <small class="text-muted">(optionnel)</small>
                                </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="{{ route('partner.home') }}" 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-light">
                        <h6 class="mb-0">
                            <i class="fas fa-question-circle me-2"></i>Aide
                        </h6>
                    </div>
                    <div class="card-body">
                        <h6 class="fw-bold">Ports SMTP courants</h6>
                        <ul class="list-unstyled mb-4">
                            <li><code>587</code> - SMTP avec STARTTLS (recommandé)</li>
                            <li><code>465</code> - SMTP over SSL</li>
                            <li><code>25</code> - SMTP standard (non recommandé)</li>
                        </ul>

                        <h6 class="fw-bold">Exemples de configurations</h6>
                        <div class="mb-3">
                            <small class="text-muted d-block mb-1">Gmail / Google Workspace</small>
                            <code>smtp.gmail.com:587 (TLS)</code>
                        </div>
                        <div class="mb-3">
                            <small class="text-muted d-block mb-1">Microsoft 365 / Outlook</small>
                            <code>smtp.office365.com:587 (TLS)</code>
                        </div>
                        <div class="mb-3">
                            <small class="text-muted d-block mb-1">OVH</small>
                            <code>ssl0.ovh.net:587 (TLS)</code>
                        </div>

                        <div class="alert alert-warning mt-3 mb-0">
                            <i class="fas fa-exclamation-triangle me-2"></i>
                            <small>Certains fournisseurs nécessitent l'activation de l'accès SMTP ou la création d'un mot de passe d'application.</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection