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

{% block body %}


<!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('reparation_index') }}">Réparations</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Détails</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="row">
        <div class="col-lg-7 col-xs-12 col-sm-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Détails réparation</span>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <th>N° O.R</th>
                                <td>{{ reparation.numReparation }}</td>
                            </tr>
                            <tr>
                                <th>O.R de garantie</th>
                                <td>{% if reparation.deGarantie %}Oui{% else %}Non{% endif %}</td>
                            </tr>
                            <tr>
                                <th>Type d'entrée</th>
                                <td>{% if reparation.reparationType %}{{ reparation.reparationType }}{% endif %}</td>
                            </tr>
                            <tr>
                                <th>Observations</th>
                                <td>{{ reparation.observations }}</td>
                            </tr>
                            <tr>
                                <th>Montant approx.</th>
                                <td>{{ reparation.montantApproximatif }}</td>
                            </tr>
                            <tr>
                                <th>Montant de réparation</th>
                                <td>{{ reparation.montantReparation }}</td>
                            </tr>
                            <tr>
                                <th>Date d'entrée</th>
                                <td>{% if reparation.dateTimeEntree %}{{ reparation.dateTimeEntree|date('d-m-Y H:i') }}{% endif %}</td>
                            </tr>
                            <tr>
                                <th>Date de sortie prévue</th>
                                <td>{% if reparation.dateTimePrevueSortie %}{{ reparation.dateTimePrevueSortie|date('d-m-Y H:i') }}{% endif %}</td>
                            </tr>

                            <tr>
                                <th>Date de sortie effective</th>
                                <td>{% if reparation.dateTimeSortie %}{{ reparation.dateTimeSortie|date('d-m-Y H:i') }}{% endif %}</td>
                            </tr>
                            <tr>
                                <th>Date de mise à jour</th>
                                <td>{% if reparation.dateMiseAjour %}{{ reparation.dateMiseAjour|date('d-m-Y H:i') }}{% endif %}</td>
                            </tr>
                        </tbody>
                    </table>
                    </div>

                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-9">
                                <a href="{{ path('reparation_print', { 'id': reparation.id }) }}" class="btn blue" target="_blank">
                                    <i class="fa fa-print"></i> Imprimer l'O.R.
                                </a>
                                {% if app.user.aDroit('reparation_validation') %}
                                    {% if not reparation.estValide %}
                                        <a href="{{ path('valider_reparation', { 'id': reparation.id }) }}" class="btn green-jungle">
                                            <i class="fa fa-check"></i> Valider la réparation
                                        </a>
                                    {% else %}
                                        {% if magasin.notifiable %}
                                        <a href="#notification-modal" class="btn green-jungle" data-toggle="modal">
                                            <i class="fa fa-check"></i> Notifier le client
                                        </a>
                                        {% endif %}
                                        {% if not reparation.estCloturee %}
                                        <a href="{{ path('cloturer_reparation', { 'id': reparation.id }) }}" class="btn green-jungle">
                                            <i class="fa fa-lock"></i> Clôturer la réparation
                                        </a>
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-md-9">
                                <a href="{{ path('reparation_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                                {% if app.user.aDroit('reparation_modification') %}
                                <a href="{{ path('reparation_edit', { 'id': reparation.id }) }}" class="btn blue-steel"><i class="fa fa-edit"></i> Modifier</a>
                                {% endif %}
                                {% if app.user.aDroit('reparation_suppression') %}
                                <button type="submit" value="Supprimer" class="btn red" onClick="document.form.submit();">
                                    <i class="fa fa-close"></i> Supprimer
                                </button>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    {{ form_start(delete_form) }}
                    {{ form_end(delete_form) }}
                    
                    
                </div>
            </div>

            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Pièces et interventions ({{ reparation.calculerTotalTtc() }} Dhs)</span>
                    </div>
                    {% if reparation.produits|length > 0 %}
                    <div class="actions">
                        <button type="button" class="btn btn-sm default" title="Imprimer bon de picking" onclick="openPickingInIframe('{{ path('reparation_picking', { 'id': reparation.id }) }}'); return false;">
                            <i class="fa fa-print"></i> Picking
                        </button>
                    </div>
                    {% endif %}
                </div>
                <div class="portlet-body form">
                    <div class="form-body">
                        <div class="blog-comments">
                            <div class="c-comment-list">
                                {% for note in reparation.produits %}
                                <div class="media">
                                    <div class="media-body">
                                        
                                        {% if note.produit %}
                                            <a href="{{ path('reparation_deleteproduit', { 'id': reparation.id, 'produit': note.id }) }}" class="font-red"><i class="fa fa-close"></i></a>
                                            {{ note.quantite }} x {{ note.produit.reference }} - {{ note.produit.titre }} 
                                            <div style="float:right;">{{ note.totalTtc }} Dhs</div>
                                            <br>
                                        {% endif %}
                                        {% if note.notes %}Commentaire: {{ note.notes }}<br>{% endif %}
                                        <b class="media-heading" style="font-size:10px;">
                                            Ajouté le <span class="c-date">{{ note.dateNote|date('d-m-Y') }}</span> 
                                            par <a href="#">{{ note.utilisateur }}</a> 
                                        </b>
                                    </div>
                                </div>
                                {% endfor %}
                            </div>

                            {% if not reparation.estValide %}
                            <hr>
                            <h4 class="sbold blog-comments-title">Nouvelle pièce/intervention</h4>
                            <form action="{{ path('reparation_produit', { 'id': reparation.id }) }}" method=post>
                                <div class="form-group">
                                    <input type=hidden id="produit_id" name="produit_id">

                                    <a class="produit-label" data-toggle="modal" href="#select-products">Choisir un article</a><br>
                                    <input type=number id="quantite" name="quantite" class="input_caisse" value="1" placeholder="Quantité" style="width:80px"> x 
                                    <input type=text id="prixht" name="prixht" class="input_caisse" placeholder="Prix unitaire">
                                    <input type=text id="remise" name="remise" class="input_caisse" value="0" placeholder="Remise (%)" style="width:80px">
                                    <input type=text id="totalht" name="totalht" disabled=disabled placeholder="Total TTC">
                                </div>
                                <div class="form-group">
                                    <textarea rows="2" name="notes" placeholder="Notes" class="form-control c-square"></textarea>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn blue btn-md btn-block">Ajouter l'intervention</button>
                                </div>
                            </form>
                            {% endif %}
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-5 col-xs-12 col-sm-12">
			
			<div class="row">
				<div class="col-lg-6 col-xs-12 col-sm-12">
					<div class="portlet light bordered">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-car"></i>
								<span class="caption-subject">Véhicule</span>
							</div>
							<div class="actions">
								<div class="btn-group">
									<a class="btn btn-sm default" href="{{ path('vehicule_edit', { 'id': reparation.vehicule.id }) }}" aria-expanded="false" target="_blank">
										<i class="fa fa-edit"></i>
									</a>
								</div>
							</div>
						</div>

						<div class="portlet-body form">
							<div class="form-body">
								<a href="{{ path('vehicule_show', { 'id': reparation.vehicule.id }) }}" target='_blank'>{{ reparation.vehicule.reference }}</a><br>
								{{ reparation.vehicule.marque }} - {{ reparation.vehicule.modele }}<br>
								{{ reparation.vehicule.immatriculation }}
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-lg-6 col-xs-12 col-sm-12">
					<div class="portlet light bordered">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-black-tie"></i>
								<span class="caption-subject">Client</span>
							</div>
							<div class="actions">
								<div class="btn-group">
									<a class="btn btn-sm default" href="{{ path('client_show', { 'id': reparation.client.id }) }}" aria-expanded="false" target="_blank">
										<i class="fa fa-edit"></i>
									</a>
								</div>
							</div>
						</div>

						<div class="portlet-body form">
							<div class="form-body">
								<a href="{{ path('client_show', { 'id': reparation.client.id }) }}" target='_blank'>{{ reparation.client }}</a><br>
								{{ reparation.client.adresse }}<br>
								{{ reparation.client.telephone }}
							</div>
						</div>
					</div>
				</div>
			</div>

            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-edit"></i>
                        <span class="caption-subject">Demande client</span>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                        {{ reparation.demandeClient }}
                    </div>
                </div>
            </div>

            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-files-o"></i>
                        <span class="caption-subject">Pièces jointes</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <a class="btn btn-sm default" href="{{ path('reparationpiece_new', { 'or': reparation.id }) }}" aria-expanded="false">
                                <i class="fa fa-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Fichier</th>
                                    <th>Titre</th>
                                    <th>Date</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for vente in reparation.pieces %}
                                <tr>
                                    <td>
										<a href="{{ asset(vente.getWebPath()) }}" target="_blank"><img alt="" src="{{ asset(vente.getWebPath()) }}" width="80px" height="50px"/></a>
									</td>
                                    <td>{{ vente.titre }}</td>
                                    <td>{{ vente.dateAjout|date('d-m-Y') }}</td>
                                    <td>
                                        <a href="{{ path('reparationpiece_show', { 'id': vente.id }) }}" class="btn btn-circle btn-xs blue" title="Détails"><i class="fa fa-mail-forward"></i></a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Factures</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <a class="btn btn-sm default" href="{{ path('vente_new') }}?or={{ reparation.id }}" aria-expanded="false" target="_blank">
                                <i class="fa fa-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>N° com.</th>
                                    <th>Date</th>
                                    <th>Montant TTC</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for vente in reparation.ventes %}
                                <tr>
                                    <td>{{ vente.numCommande }}</td>
                                    <td>{{ vente.dateCommande|date('d-m-Y') }}</td>
                                    <td>{{ vente.totalTtc }}</td>
                                    <td>
                                        <a href="{{ path('vente_show', { 'id': vente.id }) }}" class="btn btn-circle btn-xs blue" title="Modifier"><i class="fa fa-mail-forward"></i></a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
			
			<div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Devis</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <a class="btn btn-sm default" href="{{ path('devis_new') }}?or={{ reparation.id }}" aria-expanded="false" target="_blank">
                                <i class="fa fa-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>N° Devis.</th>
                                    <th>Date</th>
                                    <th>Montant TTC</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for vente in reparation.devis %}
                                <tr>
                                    <td>{{ vente.numDevis }}</td>
                                    <td>{{ vente.dateDevis|date('d-m-Y') }}</td>
                                    <td>{{ vente.totalTtc }}</td>
                                    <td>
                                        <a href="{{ path('devis_show', { 'id': vente.id }) }}" class="btn btn-circle btn-xs blue" title="Modifier"><i class="fa fa-mail-forward"></i></a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
			
        </div>

        
    </div>

    <!-- /.modal voiture -->
    <div id="change_produit" class="modal fade" tabindex="-1" data-width="400">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Produit</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <input id="nom-produit" type="text" class="col-md-12 form-control">
                            <br>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mt-element-list">
                                <div class="mt-list-container list-simple ext-1">
                                    <ul id="liste-produits">
                                    
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a class="btn green" data-toggle="modal" href="{{ path('produit_new') }}" target="_blank"> Nouveau produit </a>
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Fermer</button>
                </div>
            </div>
        </div>
    </div>
	
	
	<!-- /.modal selectionner produits -->
	<div id="select-products" class="modal fade" tabindex="-1">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">Choisir les produits</h4>
					<input type="hidden" id="select-products-category-id" value="0">
					<input type="text" id="select-products-filter" class="col-md-12 form-control">
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12" style="height:480px;overflow:auto;">
							<ul id="products-list" class="product-menu">
							</ul>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					{% if app.user.aDroit('produit_ajout') %}
					<a class="btn green" data-toggle="modal" href="{{ path('produit_new') }}" target="_blank"> Nouveau produit </a>
					{% endif %}
					
					<button type="button" data-dismiss="modal" class="btn dark btn-outline">Terminer</button>
				</div>
			</div>
		</div>
	</div>

    <!-- /.modal notification -->
	<div id="notification-modal" class="modal fade" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">Notifier le client</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
                            <p>Le client recevera une notification l'informant que sa réparation est prête, via les chaines de communication suivantes:</p>
							{% if magasin.getWhatsappNotification() %}
								<div class="alert alert-success">
									<i class="fa fa-whatsapp"></i> WhatsApp
								</div>
							{% endif %}
							{% if magasin.getEmailNotification() %}
								<div class="alert alert-info">
									<i class="fa fa-envelope"></i> Email
								</div>
							{% endif %}
							{% if magasin.getSmsNotification() %}
								<div class="alert alert-warning">
									<i class="fa fa-comment"></i> SMS
								</div>
							{% endif %}
						</div>
					</div>
				</div>
				<div class="modal-footer">
                    <form action="{{ path('notifier_reparation', { 'id': reparation.id }) }}" method="post">
                        <button type="submit" class="btn green">Envoyer la notification</button>
					    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Annuler</button>
                    </form>
				</div>
			</div>
		</div>
	</div>
    
{% endblock %}

{% block javascripts %}
<script src="{{ asset('assets/global/scripts/palette.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/global/scripts/reparation.js') ~ '?' ~ random() }}" type="text/javascript"></script>
<script type="text/javascript">
    function openPickingInIframe(url) {
        try {
            var iframe = document.getElementById('print-iframe');
            if (!iframe) {
                iframe = document.createElement('iframe');
                iframe.id = 'print-iframe';
                iframe.style.position = 'fixed';
                iframe.style.right = '0';
                iframe.style.bottom = '0';
                iframe.style.width = '0';
                iframe.style.height = '0';
                iframe.style.border = '0';
                iframe.style.visibility = 'hidden';
                document.body.appendChild(iframe);
            }
            var src = url + (url.indexOf('?') === -1 ? '?' : '&') + 'ts=' + Date.now();
            iframe.src = src;
        } catch (e) {
            // Fallback: open in a new tab if iframe fails
            window.open(url, '_blank');
        }
    }
</script>
{% endblock %}