{{-- \resources\views\permissions\create.blade.php --}}
@extends('layout')

@section('title', '| Enregister indicateur')

@section('content')

    <div class="content-wrapper">

        <div class="container">
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-info">GESTION DES INDICATEURS</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('go.menu',['projet_id'=>$projet_id]) }}" role="button" class="btn btn-success">Menu</a></li>
                        <li class="breadcrumb-item active"><a href="{{ route('indicateur.index') }}" role="button" class="btn btn-success">Formulaire d'enregistrement des indicateurs</a></li>

                        </ol>
                    </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.container-fluid -->
            </div>
        <form action="{{ route('indicateur.store') }}" method="POST">
            @csrf
             <div class="card border-danger border-0">
                        <div class="card-header bg-success text-center">FORMULAIRE D'ENREGISTREMENT D'UN INDICATEUR</div>
                            <div class="card-body">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Objectif</label>
                                        <textarea name="objectif" class="form-control" required> {{ old('objectif') }}</textarea>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Nom de l'indicateur</label>
                                        <input type="text" name="indicateur"  value="{{ old('indicateur') }}" class="form-control"  required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Valeur de référence </label>
                                        <input type="text" name="donneeref"  value="{{ old('donneeref') }}" class="form-control"  required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Cibles en fin de projet  </label>
                                        <input type="number" name="cible"  value="{{ old('cible') }}" class="form-control"  required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Unité de Mesure</label>
                                        <input type="text" name="unite"  value="{{ old('unite') }}" class="form-control"  >
                                    </div>
                                </div>
                                <div class="conteneur">

                                    <button type="button"  class="btn btn-success addRow">désagreger</button></h2>
                                </div>
                                @for ($i=1; $i <= $projet->duree; $i++)
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Cible année {{ $i }}</label>
                                        <input type="number" name="valeurs[]"  value="{{ old('valeurs') }}" class="form-control"  required>
                                    </div>
                                </div>
                                <input type="hidden" name="periodes[]" required value="{{ $i }}">
                                @endfor
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Méthode de collecte des données</label>
                                        <input type="text" name="methode"  value="{{ old('methode') }}" class="form-control"  required>
                                    </div>
                                </div>
                               {{--   <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Fréquence de collecte des données</label>
                                        <input type="text" name="frequence"  value="{{ old('frequence') }}" class="form-control"  required>
                                    </div>
                                </div>  --}}

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Fréquence de collecte des données</label>
                                        <select class="form-control" name="frequence" required="">
                                            <option value="">Veuillez Selectionnez</option>
                                            <option value="Hebdomadaire">Hebdomadaire</option>
                                            <option value="Mensuelle">Mensuelle</option>
                                            <option value="Trimestrielle">Trimestrielle</option>
                                            <option value="Semestrielle">Semestrielle</option>
                                            <option value="Annuelle">Annuelle</option>
                                            <option value="Fin de projet">Fin de projet</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Responsable de la collecte des données</label>
                                        <input type="text" name="responsable"  value="{{ old('responsable') }}" class="form-control"  required>
                                    </div>
                                </div>
                                <input type="hidden" name="projet_id" value="{{ $projet_id }}">
                               {{--   <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Projet</label>
                                        <select class="form-control" name="projet_id" required="">
                                            @foreach ($projets as $projet)
                                            <option value="{{$projet->id}}">{{$projet->nom}}</option>
                                                @endforeach

                                        </select>
                                    </div>
                                </div>  --}}
                                <div>
                                    <center>
                                        <button type="submit" class="btn btn-success btn btn-lg "> ENREGISTRER</button>
                                    </center>
                                </div>
                            </div>

                            </div>

            </form>
            </div>
        </div>



@endsection
@section('script')
    <script>
        $(document).ready(function(){
            $(".addRow").click(function() {
                $(".conteneur").append("<div class='col-lg-6'> <div class='form-group  test'><label class='fieldlabels'>Valeur Cible :</label>"+
                    "<input type='number' name='quantite[]'  value='{{ old('quantite') }}' class='form-control'  required >"+
                    "<label class='fieldlabels'>Niveau de désagrégation :</label>"+
                    "<input type='text' name='titre[]'  value='{{ old('titre') }}' class='form-control' required> "+
                    "<button type='button' class='btn btn-danger remove-tr'>Supprimer</button></div></div>");
            });

            $(document).on('click', '.remove-tr', function(){
                $(this).parent('div .test').remove();
            });
       });


    </script>
@endsection