{% extends 'base.html.twig' %}

{% block title %}Novo PDP
{% endblock %}

{% block body %}
    <div class="no-max container-fluid box-no-bkg-color">
		<nav aria-label="breadcrumb" class="hide-on-mobile">
			<ol class="breadcrumb">
				<li class="breadcrumb-item page-directory-previous">
					<a href="{{ path('pdp_index') }}">Meus PDPs</a>
				</li>
				<li aria-current="page" class="page-directory breadcrumb-item active">Cadastro</li>
			</ol>
		</nav>
        <ul class="nav nav-pills">
            <li class="nav-item">
                <a class="nav-link active" href="/pdp/{{pdp.id}}/edit">Contrato Projeto</a>
            </li>
        </ul>
        <div class="no-max box">
            <div class="box-body px-4 py-4">
                {{ include('pdp/_form.html.twig') }}
            </div>
        </div>
    </div>
    <script>
        window.props = {
            options: {{ users|json_encode|raw }},
            form_attr_name: 'pdp[members][]',
            label: 'Membros da equipe',
        }
    </script>
	{{ encore_entry_script_tags('multiple_select') }}
    {{ encore_entry_script_tags('pdp') }}
{% endblock %}