{%  extends "WebBackBundle::layout_lte.html.twig" %}

{% block title %} Process d'annulation {% endblock %}
{% block bodytile %} Creer un rembouresement pour la commande {{ order.ref }} {% endblock %}
{% block body %}

    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>

    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script>

    <!-- DataTables -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css">

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">


    <div class="container-fluid">
        
        <form action="{{ path('validRemboursement') }}" method="POST">


            <div class="box-body">
                            <div class="box-group" id="accordion">
                                    <div class="panel box box-primary">
                                        <div class="box-header with-border">
                                            <h4 class="box-title">
                                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" class="">
                                                    Details de Remboursement
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapse1" class="panel-collapse collapse in" aria-expanded="true" style="height: 0px;">
                                            <div class="box-body" style="height: 450px;">
                                                <div class="row" style="padding: 12px;">
                                                    <div class="form-group">

                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label>Methode de paiement</label>
                                                                <select multiple="" class="form-control" name="methodPaiement" required="true">
                                                                    
                                                            <option value="CMI I">CMI I</option>
                                                            <option value="CMI L">CMI L</option>
                                                            <option value="Paypal">Paypal</option>
                                                            <option value="Transfert">Transfert</option>
                                                                    
                                                            </select>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label>Montant</label>
                                                                
                                                                 <div class="input-group">
                                                                  <div class="input-group-addon">MAD</div>
                                                                  <input type="number" min="0.00" step="0.05" name="montant" value="100.00" class="form-control" placeholder="Montant">
                                                                </div>


                                                             </div>
                                                        </div>
                                                        <br>

                                                        <div class="row">
                                                            <textarea class="textarea" name="commentaire" placeholder="Motif de remboursement" style="width: 95%; height: 56px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 16px; margin-left: 2%;"></textarea>
                                                        </div>





                            <input type="hidden" name="book" value="{{ book.getId() }}" >
                            <input type="hidden" name="typeFacture" value="{{ typeFacture }}" >
                            <input type="hidden" name="idAvoir" value="{{ idAvoir }}" >
                            <input type="hidden" name="idFacture" value="{{ idFacture}}" >
                            <br>
                            <div class="row">
                            <button type="submit" class="btn btn-block btn-success btn-lg">
                                Valider <i class="fa fa-fw fa-angle-double-right"></i>
                            </button>
                        </div>

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

		</form>
    </div>

{% endblock %}



   {% block scripts %}


   {% endblock %}