{% extends 'base.html.twig' %}
{% set titleName = "Dolibarr Orders History" %}
{% block title %} POWER DATA | {{titleName}} {% endblock %}
{% block page %}{{titleName}}{% endblock %}
{% block breadcrumb %} {% if titleName != "Home" %} {{titleName}} {% endif %} {% endblock %}

{% block content %}

    <section class="content">
        <div class="container-fluid">
            {% for message in app.flashes('success') %}
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>{{ message }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            {% endfor %}
            {% for message in app.flashes('error') %}
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong>{{ message }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            {% endfor %}
        </div>
    </section>
    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card card-solid">
            <div class="card-header">
                <a type="button"  href="{{ path('app_dolibarr_order_create') }}" class="btn btn-block   btn-sm mr-1 btn-add-plan btn-warning "  >
                    <i class="fas fa-cube" id="importIcon-last"></i>
                    <i class="fas fa-spinner fa-spin mr-2 " id="loadingIcon-last" style="display: none;"></i>
                    Create New
                </a>

            </div>
            <!-- /.card-header -->
            <div class="card-body table-responsive p-0" style="height: 63vh;">
                <table class="table table-head-fixed table-striped"> <!-- text-nowrap -->
                    <thead>
                    <tr>
                        <th class="text-center">Id</th>
                        <th class="text-center">Shipper</th>
                        <th class="text-center">LOT °</th>
                        <th class="text-center">Created At</th>
                        <th class="text-center">Created By</th>
                        <th class="text-center">Selected</th>
                        <th class="text-center">Created</th>
                        <th class="text-center">Action</th>
                    </tr>
                    </thead>
                    <tbody id="listOfPlans">

                    {% set lotTypeDrop = constant('App\\Entity\\Dolibarr\\DolibarrJumiaOrder::TYPE_DROPSHIPPING')  %}
                    {% set lotTypeWarehouse = constant('App\\Entity\\Dolibarr\\DolibarrJumiaOrder::TYPE_WAREHOUSE')  %}
                    {% set lotTypeWarehouseGlobal = constant('App\\Entity\\Dolibarr\\DolibarrJumiaOrder::TYPE_WAREHOUSE_GLOBAL')  %}
                    {%for order in orders %}
                        {% if is_granted('ROLE_ADMIN') or ( not is_granted('ROLE_ADMIN') and order.type == lotTypeDrop )  %}
                        {% endif %}
                        <tr class="{{ order.valid == true ? 'bg-lime' : ''}} {{ order.type == lotTypeWarehouse ? 'bg-navy' : ''}} {{ order.type == lotTypeWarehouseGlobal ? 'bg-gradient-red' : ''}}">
                            <td class="text-center">{{ order.id }}</td>
                            <td class="text-center">{{ order.shipper }}</td>
                            <td class="text-center">{{ order.numberOfLot }}</td>
                            <td class="text-center">{{ order.createdAt is not null ? order.createdAt|date('d/m/Y H:i') }}</td>
                            <td class="text-center">{{ order.createdBy is not null ? order.createdBy.firstname~' '~order.createdBy.lastname  }}</td>
                            <td class="text-center">{{ order.listOfOrderIdSelected is not null ? order.listOfOrderIdSelected|length : 0 }}</td>
                            <td class="text-center">{{ order.listOfOrderIdCreated is not null ? order.listOfOrderIdCreated|length : 0 }}</td>
                            <td class="text-center">
                                <button class="btn btn-info  btn-sm detailsOrders" data-id="{{ order.id }}" data-numberOfLot="{{ order.numberOfLot }}" > <i class="fas fa-window-restore"  ></i> Details</button>
                                {% if order.readyToShipUpdatedList|length !=  order.listOfOrderIdCreated|length and order.type == lotTypeDrop %}
                                <a
                                        {% set hide = '' %}
                                        {% if order.valid == true and order.readyToShipUpdatedList|length > 0 and order.readyToShipNotUpdatedList|length == 0  %}
                                            {% set hide = 'd-none' %}
                                        {% endif %}
                                        href="{{ path('app_dolibarr_orders_lot_status_ready_to_Sheep',{ 'id':order.id }) }}"
                                        onclick="return confirm('Are you sure you wish to Change status To ready to sheep !?\n Please Confirm OR Cancel.');"

                                        class="btn {{ hide }}
                                        {{  order.readyToShipNotUpdatedList|length > 0  or order.readyToShipUpdatedList|length > 0 ? 'btn-success' : 'btn-outline-success' }}

                                             btn-sm confirmation" data-id="{{ order.id }}" data-numberOfLot="{{ order.numberOfLot }}"
                                >
                                    <i class="fas fa-shipping-fast"  ></i>
                                    Status
                                </a>

                                {% endif %}
                                <a href="{{ path('app_dolibarr_orders_lot_details',{ 'id':order.id }) }}"  class="btn btn-primary   btn-sm "     >View</a>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-secondary btn-sm ">Document</button>
                                    <button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <div class="dropdown-menu" role="menu" style="">
                                        <a class="dropdown-item" href="{{ path('app_dolibarr_orders_get_pdf',{ 'id':order.id }) }}">Pdf Products</a>
                                        <div class="dropdown-divider"></div>
                                        {% for document in documentsTypes %}
                                        <a class="dropdown-item" href="{{ path('app_dolibarr_orders_get_document',{ 'id':order.id, 'type':document[0] }) }}">{{ document[1] }}</a>
                                        {% endfor %}
                                    </div>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>


    <div class="modal fade " id="modal-details">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title text-center" id="modalTitleSearch" >More Details for LOT : <span id="numberOfLot"></span>  </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div id="searchBody" style="height: 500px; overflow: auto;">

                </div>





            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    
    
    
{% endblock %}
 {% block script %}
     <script>

         $(document).on('click', '.detailsOrders', function () {
             rowData = $(this);
             var orderId = rowData.attr("data-id");
             var numberOfLot = rowData.attr("data-numberOfLot");
            // $('#modal-details').modal('show');
             //var label = $('#taskLabel-' + orderId).text();
             $.ajax({
                 url: '/dolibarr/order/details/json',
                 type: "GET",
                 data: {'orderId' : orderId},
                 dataType: "json",
                 async: true,
                 success: function (data) {
                     if (data.success) {
                         $('#searchBody').html(data.template);
                         $('#numberOfLot').html(numberOfLot);
                         $('#modal-details').modal('show');
                     } else {
                         toastr.error('An error has occurred when import data for this product : ' + data.message);
                         if (data.message == 404){
                             toastr.error(data.message);
                             $(location).attr('href','/login');
                         }
                     }


                 },
                 error: function () {
                     toastr.error('An error has occurred when import This Product');
                 }
             });


         });

     </script>

 {% endblock %}