@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.workflows.list') }}">Workflows de vente</a></li>
                @if($workflow)
                    <li class="breadcrumb-item"><a href="{{ route('partner.workflows.show', $workflow) }}">{{ $workflow->name }}</a></li>
                @endif
                <li class="breadcrumb-item active" aria-current="page">{{ $workflow ? 'Modifier' : 'Créer' }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreurs de validation</h5>
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm border-0">
                    <div class="card-body py-3">
                        <div class="d-flex justify-content-between align-items-center flex-wrap">
                            <div class="d-flex align-items-center gap-3">
                                @if($workflow)
                                    <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                        <i class="fas fa-project-diagram"></i>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">{{ $workflow->name }}</h3>
                                        <p class="text-muted mb-0">
                                            <code class="text-primary">{{ $workflow->slug }}</code>
                                        </p>
                                    </div>
                                @else
                                    <div class="avatar-lg bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                        <i class="fas fa-plus"></i>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">Nouveau workflow</h3>
                                        <p class="text-muted mb-0">Création d'un nouveau workflow de vente</p>
                                    </div>
                                @endif
                            </div>
                            <div class="d-flex gap-2">
                                @if($workflow)
                                    <a href="{{ route('partner.workflows.show', $workflow) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-2"></i>Voir le workflow
                                    </a>
                                @endif
                                <a href="{{ route('partner.workflows.list') }}" class="btn btn-outline-primary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Form -->
        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-primary">
                        <h5 class="mb-0 text-white">
                            <i class="fas fa-{{ $workflow ? 'edit' : 'plus' }} me-2"></i>
                            {{ $workflow ? 'Modifier le workflow' : 'Créer un workflow' }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ $workflow ? route('partner.workflows.update', $workflow) : route('partner.workflows.store') }}">
                            @csrf
                            @if($workflow)
                                @method('PUT')
                            @endif

                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Nom du workflow <span class="text-danger">*</span></label>
                                    <input type="text" name="name" class="form-control" value="{{ old('name', $workflow->name ?? '') }}" required>
                                    @error('name')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                                @if($workflow)
                                    <div class="col-md-6">
                                        <label class="form-label">Slug</label>
                                        <input type="text" class="form-control" value="{{ $workflow->slug }}" disabled>
                                        <small class="text-muted">Le slug est généré automatiquement et ne peut pas être modifié</small>
                                    </div>
                                @endif
                            </div>

                            @if(!$workflow)
                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Type de workflow <span class="text-danger">*</span></label>
                                    <select name="workflowable_type" id="workflowable_type" class="form-select" required>
                                        <option value="">— Sélectionnez un type —</option>
                                        <option value="application" @selected(old('workflowable_type') === 'application') @disabled($hasDefaultWorkflow ?? false)>
                                            Workflow par défaut (Application)
                                            @if($hasDefaultWorkflow ?? false)
                                                - Déjà défini
                                            @endif
                                        </option>
                                        <option value="program" @selected(old('workflowable_type') === 'program')>Workflow pour un programme</option>
                                    </select>
                                    @error('workflowable_type')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                    @if($hasDefaultWorkflow ?? false)
                                        <small class="text-muted">
                                            <i class="fas fa-info-circle me-1"></i>
                                            Un workflow par défaut existe déjà pour cette application. Vous ne pouvez en créer qu'un seul.
                                        </small>
                                    @endif
                                </div>
                                <div class="col-md-6" id="program_select_container" style="display: none;">
                                    <label class="form-label">Programme <span class="text-danger">*</span></label>
                                    <select name="program_id" id="program_id" class="form-select">
                                        <option value="">— Sélectionnez un programme —</option>
                                        @foreach($programs ?? [] as $program)
                                            @php
                                                $hasWorkflow = in_array($program->id, $programsWithWorkflow ?? []);
                                            @endphp
                                            <option value="{{ $program->id }}"
                                                    @selected(old('program_id') == $program->id)
                                                    @disabled($hasWorkflow)
                                                    data-has-workflow="{{ $hasWorkflow ? '1' : '0' }}">
                                                {{ $program->name }}
                                                @if($hasWorkflow)
                                                    - Workflow déjà créé
                                                @endif
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('program_id')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                    @if(isset($programsWithWorkflow) && count($programsWithWorkflow) > 0)
                                        <small class="text-muted">
                                            <i class="fas fa-info-circle me-1"></i>
                                            Les programmes avec un workflow existant ne peuvent pas être sélectionnés.
                                        </small>
                                    @endif
                                </div>
                            </div>
                            @endif

                            @if($workflow)
                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Token</label>
                                    <input type="text" class="form-control" value="{{ $workflow->token }}" disabled>
                                    <small class="text-muted">Le token est généré automatiquement et ne peut pas être modifié</small>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Type</label>
                                    <input type="text" class="form-control" value="{{ class_basename($workflow->workflowable_type) }}" disabled>
                                </div>
                            </div>
                            @else
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                Le slug et le token seront générés automatiquement lors de la création du workflow.
                            </div>
                            @endif

                            <div class="d-flex gap-2 mt-4">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>{{ $workflow ? 'Enregistrer les modifications' : 'Créer le workflow' }}
                                </button>
                                @if($workflow)
                                    <a href="{{ route('partner.workflows.show', $workflow) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-times me-2"></i>Annuler
                                    </a>
                                @else
                                    <a href="{{ route('partner.workflows.list') }}" class="btn btn-outline-primary">
                                        <i class="fas fa-times me-2"></i>Annuler
                                    </a>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(!$workflow)
    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const workflowableTypeSelect = document.getElementById('workflowable_type');
                const programSelectContainer = document.getElementById('program_select_container');
                const programSelect = document.getElementById('program_id');
                const programIdHidden = document.getElementById('program_id_hidden');
                const form = workflowableTypeSelect?.closest('form');

                if (workflowableTypeSelect && programSelectContainer && form) {
                    workflowableTypeSelect.addEventListener('change', function() {
                        if (this.value === 'program') {
                            programSelectContainer.style.display = 'block';
                            programSelect.required = true;
                            if (programIdHidden) {
                                programIdHidden.remove();
                            }
                        } else {
                            programSelectContainer.style.display = 'none';
                            programSelect.required = false;
                            programSelect.value = '';
                            // Supprimer le champ program_id du formulaire si on choisit application
                            if (programIdHidden) {
                                programIdHidden.remove();
                            }
                        }
                    });

                    // Avant la soumission, supprimer program_id si workflowable_type est application
                    form.addEventListener('submit', function(e) {
                        if (workflowableTypeSelect.value === 'application') {
                            programSelect.remove();
                        }
                    });

                    // Déclencher l'événement au chargement si une valeur est déjà sélectionnée
                    if (workflowableTypeSelect.value === 'program') {
                        workflowableTypeSelect.dispatchEvent(new Event('change'));
                    }
                }
            });
        </script>
    @endpush
    @endif

@endsection