{% extends 'base.html.twig' %}

{% block title %}Nouveau client{% endblock %}

{% block body %}
<script src="https://cdn.tiny.cloud/1/eswlws0xwwgd8crb6m5jwr5i5oi4o4yvwl5bxr4swki9mj8b/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
  /*tinymce.init({
    selector: 'textarea',
    plugins: 'ai tinycomments mentions anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed permanentpen footnotes advtemplate advtable advcode editimage tableofcontents mergetags powerpaste tinymcespellchecker autocorrect a11ychecker typography inlinecss',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | align lineheight | tinycomments | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
    tinycomments_mode: 'embedded',
    tinycomments_author: 'Author name',
    mergetags_list: [
      { value: 'First.Name', title: 'First Name' },
      { value: 'Email', title: 'Email' },
    ],
    ai_request: (request, respondWith) => respondWith.string(() => Promise.reject("See docs to implement AI Assistant")),
  });*/
</script>
<script>
      /*tinymce.init({
        selector: 'textarea'
            plugins: [
            'a11ychecker','advlist','advcode','advtable','autolink','checklist','export',
            'lists','link','image','charmap','preview','anchor','searchreplace','visualblocks',
            'powerpaste','fullscreen','formatpainter','insertdatetime','media','table','help','wordcount'
            ],
            toolbar: 'undo redo | a11ycheck casechange blocks | bold italic backcolor | alignleft aligncenter alignright alignjustify |' +
            'bullist numlist checklist outdent indent | removeformat | code table help'
      })*/
</script>
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Nouveau devis (Etape 1/2)");
        $(".bandeau-img img").attr("src","https://edgarpetrus.fr/site-perso/web/app/uploads/2023/12/icon_office.png");

        var limitDelay = $('#devis_typeReglement').val();

        
        
        //var validityDate = convertedDate(new Date(currentMS));

        alert("limitDelay = " + limitDelay + ", validityDate = " + limit);
        $('#devis_dateFinValidite').val(limit);

    })
</script> 
<script>
    function addDaysToDate(originDate, numberOfDays){

        var dateMS = (originDate.getTime() + limitDelay * (86400000));

        //var future = currentMS.toLocaleDateString("fr-FR", {year:"numeric", month: "2-digit", day:"2-digit"});
        //var limit = currentMS.getFullYear() + '-0' + (currentMS.getMonth() + 1) + '-0' + currentMS.getDate();

        const year = inputDate.getFullYear();
        const month = (inputDate.getMonth() + 1).toString().padStart(2, "0");
        const day = inputDate.getDate().toString().padStart(2, "0");
        const hours = inputDate.getHours().toString().padStart(2, "0");
        const minutes = inputDate.getMinutes().toString().padStart(2, "0");

        return `${year}-${month}-${day}T${hours}:${minutes}`;
    }
</script>
<!--begin::Main-->
<div class="app-main flex-column flex-row-fluid " id="kt_app_main">
	<!--begin::Content wrapper-->
	<div class="d-flex flex-column flex-column-fluid">       
		<!--begin::Toolbar-->
		<div id="kt_app_toolbar" class="app-toolbar  py-3 py-lg-6 ">
            <!--begin::Toolbar container-->
        	<div id="kt_app_toolbar_container" class="app-container  container-xxl d-flex flex-stack ">
				<!--begin::Page title-->
				<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3 ">
					<!--begin::Title-->
					<h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Multipurpose</h1>
					<!--end::Title-->
					<!--begin::Breadcrumb-->
					<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
							<a href="/" class="text-muted text-hover-primary">
                                Accueil                            
							</a>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
						<li class="breadcrumb-item">
							<span class="bullet bg-gray-500 w-5px h-2px"></span>
						</li>
                    	<!--end::Item--> 
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="/devis" class="text-muted text-hover-primary">
                                Liste des devis                                  
							</a>
						</li>
                        <!--end::Item-->
                        <!--begin::Item-->
						<li class="breadcrumb-item">
							<span class="bullet bg-gray-500 w-5px h-2px"></span>
						</li>
                    	<!--end::Item--> 
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            Nouveau devis                                 
						</li>
                        <!--end::Item-->            
                    </ul>
        			<!--end::Breadcrumb-->
    			</div>
				<!--end::Page title-->
				<!--begin::Actions-->
				<!--div class="d-flex align-items-center gap-2 gap-lg-3">
            		<a href="/uploads/projects/digistack-logo-6599e5052c381.png#" class="btn btn-sm fw-bold btn-secondary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">Rollover</a>
					<a href="/user/add" class="btn btn-sm fw-bold btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_new_target">
						Ajouter un utilisateur
					</a>
				</div-->
			<!--end::Actions-->
			</div>
		<!--end::Toolbar container-->
		</div>
		<!--end::Toolbar-->                                        
                    
		<!--begin::Content-->
		<div id="kt_app_content" class="app-content  flex-column-fluid ">
			<!--begin::Content container-->
			<div id="kt_app_content_container" class="app-container  container-xxl ">
                <div class="digi-card card-flush">
                    <div class="card-header align-items-center py-2 gap-2 gap-md-2">
                        
                    </div>
                    <!-- Bloc Entreprise -->
                    <div class="card-body pt-0">
                        <h1>Création du devis</h1>
                        <p></p>
                        <div STYLE="background-color:#000000; height:6px; width:auto%;"></div>
                        <br>
                        {{ form_start(devisForm) }}
                        
                        <div style="display: flex; justify-content: space-between;">
                            <!-- Date d'établissement du devis -->
                            <div class="mb-3 choice-object">
                                <label for="devis_dateDevis" class="form-label">Date du devis</label>
                                <input type="date" value="{{ field_value(devisForm.dateDevis) }}" name="{{ field_name(devisForm.dateDevis) }}" class="form-control" id="devis_dateDevis">
                                <div id="taskStartedAtHelp" class="form-text">Date à laquelle le devis a été créé</div>
                            </div>

                            <!-- Date limite de validité -->
                            <div class="mb-3 choice-object">
                                <label for="devis_dateFinValidite" class="form-label">Date limite de validité</label>
                                <input type="date" value="{{ field_value(devisForm.dateFinValidite) }}" name="{{ field_name(devisForm.dateFinValidite) }}" class="form-control" id="devis_dateFinValidite">
                                <div id="taskStartedAtHelp" class="form-text">Date à laquelle le devis ne sera plus valide</div>
                            </div>

                            <!-- Mode de réglement -->
                            <div class="mb-3 choice-object">
                                <label for="devis_typeReglement" class="form-label">Mode de réglement</label>
                                <select id="devis_typeReglement" name="{{ field_name(devisForm.typeReglement) }}" class="form-control">
                                {% for label, value in field_choices(devisForm.typeReglement) %}
                                    {% set selected = '' %}
                                    {% if label == devis.typeReglement %}
                                    {% set selected = 'selected' %}
                                    {% endif %}
                                    <option value="{{ value }}" {{ selected }}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                                <div id="taskStartedAtHelp" class="form-text">Date à laquelle le devis ne sera plus valide</div>
                            </div>
                        </div>
                        <!-- Nom du client -->
                        <div class="mb-3">
                            <label for="devis_devisClient" class="form-label">Client</label>
                            <select id="devis_devisClient" name="{{ field_name(devisForm.client) }}" class="form-control">
                            {% for label, value in field_choices(devisForm.client) %}
                                <option value="{{ value }}">{{ label }}</option>
                            {% endfor %}
                            </select>
                        </div>

                        <!-- Sujet -->
                        <div class="mb-3">
                            <label for="devis_devisSubject" class="form-label">Sujet</label>
                            <textarea id="devis_devisSubject" class="form-control" name="{{ field_name(devisForm.subject) }}" placeholder="Décrivez brièvement le sujet du projet ou du service" rows="2" cols="120"></textarea>
                            <div id="emailHelp" class="form-text">Sujet objet du devis</div>
                        </div>

                        <!-- Note imprimée -->
                        <div class="mb-3">
                            <label for="devis_devisNote" class="form-label">Note</label>
                            <textarea id="devis_devisNote" class="form-control" name="{{ field_name(devisForm.note) }}" placeholder="Saisir une description détaillée de la demande" rows="5" cols="33"></textarea>
                            <div id="emailHelp" class="form-text">Cette note apparaîtra dans le devis imprimé</div>
                        </div>

                        <br>
                        <div style="display: flex; justify-content: space-between;">
                            <button class="btn btn-digi-blue"><i class="fa-solid fa-arrow-left"></i></i>&nbsp;Revenir</button>
                            <button type="submit" class="btn btn-digi"><i class="fa-solid fa-floppy-disk"></i>&nbsp;Sauvegarder et continuer</button>
                        </div>
                        {{ form_rest(devisForm) }}
                        {{ form_end(devisForm) }}
                    </div>
                </div>
			</div>
		</div>
	</div>
</div>
<!--end::Row-->
{% endblock %}