{# templates/artisan_v2/facturation/ar_facturation.html.twig #}
{% extends 'artisan_v2/artisan.html.twig' %}

{% block title %}Facturation - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
		
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title">Tarif des Mises en Relation :</h5>
				</div>
				<div class="modal-body">

						<div class="row form-group fg-m-bottom">
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center"><b>Estimation du Prix de la demande <br>(en € HT par demande)</b></div>
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center"><b>Prix par Mise en Relation <br>(en € HT)</b></div>
						</div>
						<div class="row form-group fg-m-bottom">
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center">Inferieur à 100 €</div>
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center">5 €</div>
						</div>
						<div class="row form-group fg-m-bottom">
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center">De 101 à 250 €</div>
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center">15 €</div>
						</div>
						<div class="row form-group fg-m-bottom">
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center">Au-delà de 251 €</div>
							<div class="col col-md-6 spa-col-label fg-m-bottom text-center">25 €</div>
						</div>

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

        {{ include('artisan_v2/layout/ar_debug.html.twig') }}

        {{ include('artisan_v2/layout/ar_alert.html.twig') }}

		{% if info_artisan.siret|length == 0 %}
			<div class="alert alert-info text-center" style="font-size:1.1em;" role="alert">Pour visualiser vos factures veuillez insérer le n° de <b>SIRET</b></div>
		{% endif %}

		<div class="container-fluid">
			{% if info_artisan.siret|length > 0 %}
			<div class="row">
				<div class="table-responsive table--no-card m-b-30">
                    {% if months_facture|length > 0 %}
					<h5>Mes factures :</h5>
					<table class="table table-borderless table-striped table-earning">
                        <thead>
                            <tr>
                                <th class="width-10">#</th>
                                <th class="mw-300">Mois</th>
                                <th class="width-20">Visualiser</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for key,row in months_facture %}
                            <tr>
                                <td class="text-center" style="vertical-align:middle;"><b>{{ (key + 1) }}</b></td>
                                <td style="vertical-align:middle;"><b>{{ getMonthToFacture(row) }}</b></td>
                                <td class="text-center">
                                    <button type="button" onclick="visualiserFacture('{{ row }}');" class="btn btn-info btn-sm btn-app" style="margin-top:0;" data-toggle="modal" data-target="#app_modal">
                                        <i class="fa fa-search"></i>&nbsp; Visualiser
                                    </button>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>
            </div>
			{% endif %}

            {{ include('artisan_v2/layout/ar_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

    });
    // ]]>

    function visualiserFacture(month){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('artisan_facturation_visualiser') }}",
            type: "POST",
            data: {month:month},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }
	
	function printFacture() {
		let mywindow = window.open('', 'PRINT', 'height=650,width=900,top=100,left=150');

		mywindow.document.write('<html><head><title></title>');
		mywindow.document.write('</head><body >');
		mywindow.document.write(document.getElementById('to-print').innerHTML);
		mywindow.document.write('</body></html>');

		mywindow.document.close();
		mywindow.focus();

		mywindow.print();
		mywindow.close();

		return true;
	}
    </script>
{% endblock %}