@extends('layouts.base2')
@section('title', "Interface de modification de la pièce")
@push('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/css/intlTelInput.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/intlTelInput.min.js"></script>
@endpush
@section('content')
    @section('titlePage')  <h1 class="m-0">Modification des informations</h1> @stop
    <div class="container" style="padding-bottom: 2em; padding-top: 1em">
        @include('layouts.flash-message')

        <div class="row col-sm-6">
            <form method="post" action="{{ route('modifier.piece')}}" autocomplete="on" enctype="multipart/form-data">
                <input type="hidden" name="pieceId" value="{{$pieceInfo->id}}">
                @csrf
                <div class="card">
                    <div class="card-header card-primary"></div>
                        <div class="card-body">
                            <div class="row" style="padding-bottom:1em">
                                <div class="form-group">
                                    <label for="dossier_procedure"><b>Dossiers & procédures</b></label>
                                    <input required="required" {{ $documentInfo->dossier_procedure }} type="text" class="form-control" name="dossier_procedure" placeholder="Dossiers et procédure">
                                    <span class="text-danger">@error('dossier_procedure'){{$message}} @enderror</span>
                                </div>
                                <div class="col-sm-12" style="padding-bottom:1em">
                                    <div class="form-group">
                                        <label for="titre"><b>Titre de la piece</b></label>
                                        <input required="required" value="{{ $pieceInfo->titre }}" name="titre" type="text" class="form-control" name="titre" placeholder="Titre du piece">
                                        <span class="text-danger">@error('titre'){{$message}} @enderror</span>
                                    </div>
                                </div>
                                @include('layouts.form-file')
                            </div>

                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <a class="btn btn-danger" href="{{ route('vue.liste.piece') }}" wire:navigate><i class="fa fa-reply"></i> RETOUR</a>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <button type="submit" class="btn form-control btn-success">
                                            <i class="fa-solid fa-paper-plane"></i> Envoyer
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>

    </div>
@stop
@section('footer')
    <script>
        $('#destinataire').on('change', function(){
            var destinataire = $('#destinataire').val();
            $.ajax({
                url: '/chargerlenometprenomajax/' + destinataire,
                type: 'GET',
                success: function (response) {
                    $('#userSelect').empty();
                    $('#userSelect').append('<option value="">Sélectionnez un utilisateur</option>');

                    if (response.users && response.users.length > 0) {
                        response.users.forEach(function(user) {
                            $('#userSelect').append('<option value="' + user.id + '">' + user.nom + ' ' + user.prenom + '</option>');
                        });
                    } else {
                        $('#userSelect').append('<option value="">Aucun utilisateur trouvé</option>');
                    }
                },
                error: function () {
                    alert("Erreur, Aucun utilisateur trouvé.");
                }
            });
        });
        $(document).ready(function(){
            // Obtenir la date actuelle
            var currentDate = new Date();
            var year = currentDate.getFullYear();

            // Définir la date maximale
            var endOfYear = new Date(year, 11, 31); // Décembre est le mois 11
            var formattedEndDate = endOfYear.toISOString().split('T')[0]; // Format ISO YYYY-MM-DD

            // Définir la date maximale dans l'élément input
            $('#date_cloture').attr('max', formattedEndDate);
        });
    </script>

@stop