{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        {{ "Agregar servicio para la cotización"|trans  }} {{ quotation.number }}
    {% endblock %}

    {% block id %}service-detector{% endblock %}
    {% block body %}
        <div class="col-md-12">
            <div class="nav-center">
                <ul class="nav nav-pills nav-pills-warning nav-pills-icons" role="tablist">
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "air"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">flight_takeoff</i> {{ "air" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "bus"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">directions_bus</i> {{ "bus" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "car"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">directions_car</i> {{ "car" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "certificate"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">description</i> {{ "certificate" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "cruise"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">directions_boat</i> {{ "cruise" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "tour"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">terrain</i> {{ "tour" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "hotel"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">hotel</i> {{ "hotel" |trans }}
                        </a>
                    </li>

                    <li >
                        <a class="loadaction" data-url="{{ path('packageservice_new', {quotation: quotation.id, serviceType: "package"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">widgets</i> {{ "package" |trans }}
                        </a>
                    </li>
                    {#<li >#}
                        {#<a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "readyPackage"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">#}
                            {#<i class="material-icons">group_work</i> {{ "readyPackage" |trans }}#}
                        {#</a>#}
                    {#</li>#}
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "insurance"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">security</i> {{ "insurance" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "wrapUpWeek"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">date_range</i> {{ "wrap up week" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "transfer"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">swap_vertical_circle</i> {{ "transfer" |trans }}
                        </a>
                    </li>
                    <li >
                        <a class="loadaction" data-url="{{ path('service_new', {quotation: quotation.id, type: "personalized"}) }}" data-method="GET" data-response-type="html" data-replace-container="#service-detector"  role="tab" data-toggle="tab">
                            <i class="material-icons">face</i> {{ "otro" |trans }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
{% endblock %}