@extends("layouts.layout_admin")
@section("contenu")
	@php
		if($id!=0) {
			$Nom = $document->Nom;
            $Chemin = $document->Chemin;
            $Categorie = $document->Categorie;
            $IDSociete = $document->IDSociete;
            $Annee = $document->Annee;
		}else {
			$Nom = old("Nom");
			$Chemin = old("Chemin");
            $Categorie = old("Categorie");
            $IDSociete = old("IDSociete");
            $Annee = old("Annee");
		}
	@endphp

    <div class="row col-12 col-md-10 mx-auto">
        <div class="col-12 mt-3 mb-3"><h1>{{ $titre }}</h1></div>
        @if ($errors->any())
            <div class="row col-10 mx-auto mt-3 alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form method="POST" action="" class="col-12 mx-auto mt-3" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label for="Categorie">Categorie</label>
                <select name="Categorie">
                    @foreach($categories as $categorie)
                        <option value="{{ $categorie->id }}" @if($categorie->id==$Categorie) selected @endif>{{ $categorie->NomCategorie }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="Nom">Nom</label>
                <input type="text" class="form-control" id="Nom" name="Nom" value="{{ $Nom }}">
            </div>
            @if($id!=0)
                <div class="badge badge-info px-3 py-3">Chemin du fichier : {{ $Chemin }}</div>
            @else
                <div class="form-group">
                    <label for="Chemin">Fichier</label>
                    <input type="file" class="form-control" id="Chemin" name="Chemin" />{{ $Chemin }}
                </div>
            @endif
            <div class="form-group mt-3" id="bloc_societe">
                <label for="nomSociete">Société</label>
                <input class="form-control" type="text" name="nomSociete" id="nomSociete" placeHolder="Tapez ici pour rechercher une société..." />
                <div id="societes"></div>
            </div>
            <input type="hidden" name="IDSociete" id="IDSociete" />
            <div class="form-group" id="bloc_annee">
                <label for="Annee">Année</label>
                <select name="Annee">
                    @foreach($annees as $annee)
                        <option value="{{ $annee }}" @if($annee==$Annee) selected @endif>{{ $annee }}</option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="btn btn-success col-12 mt-3" id="btn-submit-login">{{ $nom_btn }}</button>
            <a href="{{ url('/') }}/Admin525SWD/documents"><div class="btn btn-info col-12 mt-3 mb-3 btn-block">Revenir à la gestion des documents</div></a>
        </form>
    </div>
    <script>
        $(document).ready(function() {
            var Categorie = $("select[name='Categorie']").val();

            if(Categorie==3) {
                $("#bloc_societe").show();
                $("#bloc_annee").show();
            }

            $("select[name='Categorie']").change(function() {
                var Categorie = $("select[name='Categorie']").val();

                if(Categorie==3) {
                    $("#bloc_societe").show();
                    $("#bloc_annee").show();
                }else {
                    $("#bloc_societe").hide();
                    $("#bloc_annee").hide();
                }
            });

            $("input[name='nomSociete']").keyup(function() {
                let nomSociete = $(this).val();

                if(nomSociete!="") {
                    $.ajax({
                      url: "{{ url('/') }}/Admin525SWD/get/societe/"+ nomSociete,
                      context: document.body,
                      dataType:"json"
                    }).done(function(societes) {
                        if(societes!="") {
                            $("#societes").html("");

                            $.each(societes, function(index, object) {
                                $("#societes").append("<div class='societe' id='"+ object.IDSociete +"'>"+ object.NomSociete +"</div>");
                            });

                            $("#societes").slideDown();

                            $(".societe").click(function() {
                                let IDSociete = $(this).attr("id");

                                $("input[name='nomSociete']").val($(this).html());
                                $("input[name='IDSociete']").val(IDSociete);

                                $("#societes").html("");
                                $("#societes").slideUp();
                            });
                        }else {
                            $("#societes").html("");
                            $("#societes").slideUp();
                        }
                    });
                }else {
                    $("#societes").html("");
                    $("#societes").slideUp();
                }
            });
        });
    </script>
@endsection