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

{% block title %}Nova Ação
{% endblock %}

{% block body %}
	{{ encore_entry_link_tags('cute-alert-css') }}

	<div class="container-fluid box-no-bkg-color">
		<nav class="hide-on-mobile" aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="page-directory-previous breadcrumb-item">
					<a href="{{ path('tnc_index') }}">TNC</a>
				</li>
				<li aria-current="page" class="page-directory breadcrumb-item active">Criar</li>
			</ol>
		</nav>
		<div class="box">
			<div class="title">
				<div class="row">
					<div class="col-lg-7">
						<h1 class="page-title">Adicionar</h1>
					</div>
					<div
						class="col-lg-5 text-right">
						{# <button class="btn btn-danger d-inline-block mt-4 mr-3" type="button" data-toggle="modal" data-target="#confirm">Deletar</button> #}
					    {% if app.user.isAdmin or app.user.isMaster or app.user.isManager %}
							<button class="btn btn-primary" id="tnc_add_client" type="button" data-toggle="modal" data-target="#create_client">
								<i class="mr-1 fas fa-plus"></i>
								Criar Fornecedor
							</button>
            			{% endif %}
					    {% if app.user.isAdmin or app.user.isMaster or app.user.isManager %}
							<button class="btn btn-primary" id="tnc_add_res" type="button" data-toggle="modal" data-target="#create_responsible">
								<i class="mr-1 fas fa-plus"></i>
								Criar responsável
							</button>
            			{% endif %}
					</div>
				</div>
			</div>
			<div class="box-body px-4 py-4">
				{{ include('tnc/_form.html.twig') }}
			</div>
		</div>
	</div>
	<div class="modal fade" id="create_client" tabindex="-1" aria-labelledby="confirmLabel" aria-hidden="true">
		<div class="modal-dialog">	
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="confirmLabel">Criar fornecedor</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<form id="tnc_create_client" >
						<div class="form-group">
							<label for="exampleInputEmail1">Nome: </label>
							<input name="name" class="form-control"placeholder="Nome do fornecedor">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
					<button class="btn btn-primary" form="tnc_create_client" type="submit">Criar</a>
				</div>
			</div>
		</div>
	</div>
    <div class="modal fade" id="create_responsible" tabindex="-1" aria-labelledby="confirmLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="confirmLabel">Criar responsável</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<form id="tnc_create_res">
					    <div class="form-group" id="model_client_select_wrapper">
							<label for="mode">Cliente: </label>
						</div>
						<div class="form-group">
							<label for="res_name">Nome: </label>
							<input id="res_name" name="name" class="form-control"placeholder="Nome do responsável">
						</div>
						<div class="form-group">
							<label for="res_email">Email: </label>
							<input id="res_email" name="email" class="form-control" placeholder="Email do responsável">
						</div>
						<div class="form-group">
							<label for="res_pass">Senha: </label>
							<input id="res_pass" name="password" type="password" class="form-control" placeholder="*******">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button class="btn btn-primary" form="tnc_create_res" type="submit">Criar</a>
				</div>
			</div>
		</div>
	</div>
<script>
    var images = [];
</script>
{% endblock %}