@extends('dashboard.layouts.app')

@section('title', 'Modifier Objectif - UAC eservices')

@section('page-title', 'Modifier l\'Objectif Stratégique')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('pta.plans.index') }}">PTA</a></li>
    <li class="breadcrumb-item"><a href="{{ route('pta.plans.show', $plan) }}">{{ $plan->titre }}</a></li>
    <li class="breadcrumb-item"><a href="{{ route('pta.objectifs.show', [$plan, $objectif]) }}">{{ $objectif->libelle }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">Modifier</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h4 class="card-title mb-0">
                    <i class="mdi mdi-pencil"></i> Modifier l'Objectif Stratégique
                </h4>
            </div>
            <div class="card-body p-4">
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible fade show">
                        <i class="mdi mdi-alert-circle me-2"></i>
                        <strong>Erreurs de validation :</strong>
                        <ul class="mb-0 mt-2">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif

                <form method="POST" action="{{ route('pta.objectifs.update', [$plan, $objectif]) }}">
                    @csrf
                    @method('PUT')

                    <div class="form-floating mb-3">
                        <input type="text"
                            class="form-control @error('libelle') is-invalid @enderror"
                            id="libelle"
                            name="libelle"
                            value="{{ old('libelle', $objectif->libelle) }}"
                            placeholder="Libellé"
                            required>
                        <label for="libelle"><i class="mdi mdi-label"></i> Libellé du Produit *</label>
                        <small class="text-muted">Le nom de l'objectif stratégique</small>
                        @error('libelle')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-floating mb-3">
                        <textarea class="form-control @error('contexte') is-invalid @enderror"
                            id="contexte"
                            name="contexte"
                            placeholder="Contexte"
                            style="height: 120px;">{{ old('contexte', $objectif->contexte) }}</textarea>
                        <label for="contexte"><i class="mdi mdi-text"></i> Situation de référence</label>
                        <small class="text-muted">Contexte et justification de l'objectif</small>
                        @error('contexte')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-floating mb-3">
                        <textarea class="form-control @error('indicateurs_succes') is-invalid @enderror"
                            id="indicateurs_succes"
                            name="indicateurs_succes"
                            placeholder="Indicateurs de succès"
                            style="height: 120px;">{{ old('indicateurs_succes', $objectif->indicateurs_succes) }}</textarea>
                        <label for="indicateurs_succes"><i class="mdi mdi-chart-line"></i> Indicateurs de succès</label>
                        <small class="text-muted">KPIs pour mesurer l'atteinte de l'objectif</small>
                        @error('indicateurs_succes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="d-flex justify-content-between align-items-center mt-4">
                        <a href="{{ route('pta.objectifs.show', [$plan, $objectif]) }}" class="btn btn-secondary btn-lg">
                            <i class="mdi mdi-arrow-left"></i> Annuler
                        </a>
                        <button type="submit" class="btn btn-primary btn-lg px-5">
                            <i class="mdi mdi-content-save"></i> Enregistrer les modifications
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection