{% extends 'base.html.twig' %}
{% set titleName = "Jumia Configuration" %}
{% 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">
            <div class="row">
                <div class="col-12">

                    <div class="card">
                        <!-- /.card-header -->
                        <div class="card-body">

                            {{ form_start(form) }}
                            <fieldset>
                            <legend>Seller Account </legend>
                            <div class="form-row ">
                                <div class="form-group col-6">
                                    <label for="admin_create_account_firstname">Seller Name</label>
                                    {{ form_widget(form.sellerName) }}
                                </div>
                                <div class="form-group col-6">
                                    <label for="admin_create_account_lastname">Seller ID</label>
                                    {{ form_widget(form.sellerId) }}
                                </div>
                            </div>
                            </fieldset>
                            <fieldset>
                            <legend>API</legend>
                            <div class="form-row ">
                                <div class="form-group col-6">
                                    <label for="admin_create_account_firstname">Url</label>
                                    {{ form_widget(form.apiUrl) }}
                                </div>
                                <div class="form-group col-6 ">
                                    <label class=" " for="role" >Version</label>
                                    {{ form_widget(form.apiVersion) }}
                                </div>
                                <div class="form-group col-6">
                                    <label for="admin_create_account_lastname">User ID</label>
                                    {{ form_widget(form.apiUserID) }}
                                </div>
                                <div class="form-group col-6 ">
                                    <label class=" " for="role" >Api Key</label>
                                    {{ form_widget(form.apiKey) }}
                                </div>
                            </div>
                            </fieldset>
                            <fieldset>
                                <div class="form-row ">
                                    <legend>CRON Job</legend>
                                    <div class="form-group col-3 ">
                                        <label class=" " for="role" >Stock Cron Job</label>
                                        {{ form_widget(form.stockCronJob) }}
                                    </div>
                                    <div class="form-group col-3 ">
                                        <label class=" " for="role" >Price Cron Job</label>
                                        {{ form_widget(form.priceCronJob) }}
                                    </div>
                                    <div class="form-group col-3 ">
                                        <label class=" " for="role" >Orders Warehouse Cron Job</label>
                                        {{ form_widget(form.orderWarehouseCronJob) }}
                                    </div>
                                    <div class="form-group col-3 ">
                                        <label class=" " for="role" >Invoice Cron Job</label>
                                        {{ form_widget(form.invoiceCronJob) }}
                                    </div>
                                    <div class="form-group col-12 ">
                                        <label class=" " for="role" >Emplacement Blocked <span style="color: red">Separed by ; </span></label>
                                        {{ form_widget(form.emplacementBlocked) }}
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset>
                                <div class="form-row ">
                                    <legend>Commission</legend>
                                    <div class="form-group col-6 ">
                                        <label class=" " for="role" >Dropshipping Pack Fees <span style="color: red">TTC</span></label>
                                        {{ form_widget(form.dropshippingPackFees) }}
                                    </div>
                                    <div class="form-group col-6 ">
                                        <label class=" " for="role" >Dropshipping Commission Percentage <span style="color: red">HT</span></label>
                                        {{ form_widget(form.dropshippingCommissionPercentage) }}
                                    </div>
                                    <div class="form-group col-6 ">
                                        <label class=" " for="role" >Warehouse Pack Fees <span style="color: red">TTC</span></label>
                                        {{ form_widget(form.onWarehousePackFees) }}
                                    </div>
                                    <div class="form-group col-6 ">
                                        <label class=" " for="role" >Warehouse Commission Percentage <span style="color: red">HT</span></label>
                                        {{ form_widget(form.onWarehouseCommissionPercentage) }}
                                    </div>
                                </div>
                            </fieldset>


                            {{ form_end(form) }}
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>

{% endblock %}