@extends('dashboard.layouts.app')

@section('title', 'Nouveau PTA - UAC eservices')

@section('page-title', 'Créer un Plan de Travail Annuel')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('pta.plans.index') }}">PTA</a></li>
    <li class="breadcrumb-item active" aria-current="page">Nouveau</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h4 class="card-title mb-0">
                    <i class="mdi mdi-file-document-outline"></i> Nouveau Plan de Travail Annuel
                </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.plans.store') }}">
                    @csrf

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="text"
                                    class="form-control @error('titre') is-invalid @enderror"
                                    id="titre"
                                    name="titre"
                                    value="{{ old('titre') }}"
                                    placeholder="Titre du PTA"
                                    required>
                                <label for="titre"><i class="mdi mdi-label"></i> Titre du PTA *</label>
                                @error('titre')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="number"
                                    class="form-control @error('annee') is-invalid @enderror"
                                    id="annee"
                                    name="annee"
                                    value="{{ old('annee', date('Y')) }}"
                                    min="2000"
                                    max="2100"
                                    placeholder="Année"
                                    required>
                                <label for="annee"><i class="mdi mdi-calendar"></i> Année *</label>
                                <small class="text-muted">Année de référence du plan</small>
                                @error('annee')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="form-floating mb-3">
                        <textarea class="form-control @error('description_generale') is-invalid @enderror"
                            id="description_generale"
                            name="description_generale"
                            placeholder="Description générale"
                            style="height: 120px;">{{ old('description_generale') }}</textarea>
                        <label for="description_generale"><i class="mdi mdi-text"></i> Description générale</label>
                        <small class="text-muted">Texte explicatif sur la finalité du plan</small>
                        @error('description_generale')
                            <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 du PTA, vous pourrez y ajouter des objectifs stratégiques.
                    </div>

                    <div class="d-flex justify-content-between align-items-center mt-4">
                        <a href="{{ route('pta.plans.index') }}" 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> Créer le PTA
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection