@extends('dashboard.layouts.app')

@section('title', 'Nouvel Objectif Stratégique - UAC eservices')

@section('page-title', 'Créer un 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 active" aria-current="page">Nouvel Objectif</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h4 class="card-title mb-0">
                    <i class="mdi mdi-target"></i> Nouvel Objectif Stratégique pour {{ $plan->titre }}
                </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.store', $plan) }}">
                    @csrf

                    <div class="form-floating mb-3">
                        <input type="text"
                            class="form-control @error('libelle') is-invalid @enderror"
                            id="libelle"
                            name="libelle"
                            value="{{ old('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') }}</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') }}</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="alert alert-info">
                        <i class="mdi mdi-information"></i>
                        <strong>Information :</strong> Après la création de l'objectif, vous pourrez y ajouter des activités.
                    </div>

                    <div class="d-flex justify-content-between align-items-center mt-4">
                        <a href="{{ route('pta.plans.show', $plan) }}" class="btn btn-secondary btn-lg">
                            <i class="mdi mdi-arrow-left"></i> Annuler
                        </a>
                        <button type="submit" class="btn btn-info btn-lg px-5">
                            <i class="mdi mdi-content-save"></i> Créer l'objectif
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection