{% extends "base.html.twig" %}
{% block title %}Producers | View documents
{% endblock %}
{% block stylesheets %}
	{{encore_entry_link_tags('jqueryFilerCSS')}}
	{{encore_entry_link_tags('jqueryFilerDragboxCSS')}}
	{{ encore_entry_link_tags('producersViewsCSS') }}
{% endblock %}
{% block body %}
	{{ include("mx/nav_menu.twig",{option:'producers'}) }}
	<main id="main">
		<div class="row">
			<div class="col-12">
				<div class="message">
					{% if error != '' %}
						{{error}}
					{% else %}
						<span>View documents</span>
						<h1>{{ producerApplication['agency_name'] }}</h1>
						<span>{{ producerApplication['contact_name'] }}
							-
							{{ producerApplication['email'] }}</span>
					{% endif %}
				</div>
			</div>
			<div class="row justify-content-evenly align-items-start" id="content_files">
				{% if error == '' %}
					<div class="col-12 col-lg-4 content-files-collapses">
						<div class="content-add-more-files">
							<button style="color: green" type="button" @click="addFile('w9')">
								<i class="fa fa-plus-circle left" aria-hidden="true"></i>Add file</button>
						</div>
						{{ include("producer/list-doc.html.twig", { linksByType : linksByType['w9'], type : 'w9_document' }) }}
					</div>
					<div class="col-12 col-lg-4 content-files-collapses">
						<div class="content-add-more-files">
							<button style="color: green" type="button" @click="addFile('agentLicense')">
								<i class="fa fa-plus-circle left" aria-hidden="true"></i>Add file</button>
						</div>
						{{ include("producer/list-doc.html.twig", { linksByType : linksByType['agentLicense'], type : 'agent_license' }) }}
					</div>
					<div class="col-12 col-lg-4 content-files-collapses">
						<div class="content-add-more-files">
							<button style="color: green" type="button" @click="addFile('agentPolicy')">
								<i class="fa fa-plus-circle left" aria-hidden="true"></i>Add file</button>
						</div>
						{{ include("producer/list-doc.html.twig", { linksByType : linksByType['agentPolicy'], type : 'agent_policy' }) }}
					</div>
					{% if linksByType['contract'] is not null and linksByType['ddauth'] is not null %}
						<div class="col-12 col-lg-4 content-files-collapses">
							<div class="content-add-more-files">
								<button style="color: green" type="button" @click="addFile('contract')">
									<i class="fa fa-plus-circle left" aria-hidden="true"></i>Add file</button>
							</div>
							{{ include("producer/list-doc.html.twig", { linksByType : linksByType['contract'], type : 'contract' }) }}
						</div>
						<div class="col-12 col-lg-4 content-files-collapses">
							<div class="content-add-more-files">
								<button style="color: green" type="button" @click="addFile('ddauth')">
									<i class="fa fa-plus-circle left" aria-hidden="true"></i>Add file</button>
							</div>
							{{ include("producer/list-doc.html.twig", { linksByType : linksByType['ddauth'], type : 'ddauth' }) }}
						</div>
					{% endif %}
				{% endif %}
			</div>
			<div class="d-none" id="content_change_file">
				<div class="row justify-content-center">
					<div class="col-12 col-md-8 card-section-document">
						<div class="content-file-info" v-if="Object.keys(documentSelected).length > 0">
							<div class="file-info-header">
								<h4 class="blue-text text-center">Change your document</h4>
								<button type="button" class="go-back-button" @click="handleShowView('content_change_file','content_files')">
									<i class="fa fa-backward left" aria-hidden="true"></i>Go Back</button>
							</div>
							<div class="content-items">
								<div class="item-file-info">
									<b>Document type</b>
									<span>[[documentSelected.name]]</span>
								</div>
								<div class="item-file-info" v-if="documentSelected.doc_effective_date != ''">
									<b>Effective date</b>
									<span>[[documentSelected.doc_effective_date]]</span>
								</div>
								<div class="item-file-info" v-if="documentSelected.doc_expiration_date != ''">
									<b>Expiration date</b>
									<span>[[documentSelected.doc_expiration_date]]</span>
								</div>
								<div class="item-file-info" v-if="documentSelected.doc_state != ''">
									<b>Licence state</b>
									<span>[[documentSelected.doc_state]]</span>
								</div>
							</div>
						</div>
						<div id="content_filer_input_update"></div>
						<div class="content-update-button">
							<button type="button" class="disabled button-for-process" @click="updateFile()" disabled>
								<i class="fa fa-upload left" aria-hidden="true"></i>Update</button>
						</div>
					</div>
				</div>
			</div>
			<div class="d-none" id="content_add_file">
				<div class="row justify-content-center">
					<div class="col-12 col-md-6 card-section-document">
						<div class="content-file-info" v-if="newDocType != ''">
							<div class="file-info-header">
								<h4 class="blue-text text-center">Upload your document</h4>
								<button type="button" class="go-back-button" @click="handleShowView('content_add_file','content_files')">
									<i class="fa fa-backward left" aria-hidden="true"></i>Go Back</button>
							</div>
							<div class="content-items">
								<div class="item-file-info">
									<b>Document type</b>
									<span>[[newDocType]]</span>
								</div>
							</div>
						</div>
						<div id="content_filer_input_upload"></div>
						<div class="content-update-button">
							<button type="button" class="disabled button-for-process" @click="uploadFile()" disabled>
								<i class="fa fa-upload left" aria-hidden="true"></i>Upload</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		{# modal para edicion de elementos #}
		<div id="editDocumentModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="content-modal-title">
						Edit file information
					</div>
					<div class="row" id="modalContentFields"></div>
					<div class="modal-footer">
						<a href="#!" class="btn btn-danger" @click="closeModal()">Cancel</a>
						<a id="editDocumentModalButton" href="#!" class="btn btn-success" @click="editDocument()">Edit</a>
					</div>
				</div>
			</div>
		</div>
	</main>
{% endblock %}
{% block javascripts %}
	<script>
		var idProducerApplications = "{{ producerApplication['id'] }}";
var uniqid = "{{ uniqid }}";
	</script>
	<script src="{{ asset('js/main.js') }}" defer></script>
	<script src="{{ asset('js/jquery.filer.js') }}" defer></script>
	<script src="{{ asset('js/libraries/jquery-mask.js') }}" defer></script>
	<script src="{{ asset('js/libraries/sweet-alert.js') }}" defer></script>
	{% if app.environment == 'prod' %}
		<script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.min.js" defer></script>
	{% else %}
		<script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.js" defer></script>
	{% endif %}
	<script src="{{ asset('js/pages/producer/view-documents.js') }}" defer></script>
{% endblock %}