@extends('layouts.master_app')
@section('title') Seguimiento de cotización @endsection

@section('css')
<link href="/assets/app/plugins/custom/prismjs/prismjs.bundle.css" rel="stylesheet" type="text/css" />
<script src="https://maps.googleapis.com/maps/api/js?key={{env('API_KEY_GOOGLE_MAPS')}}&libraries=places&async=2"></script>

@endsection

@section('content')
	<!--begin::Toolbar-->
	<div class="toolbar py-2" id="kt_toolbar">
		<!--begin::Container-->
		<div id="kt_toolbar_container" class="container-fluid d-flex align-items-center">
			<!--begin::Page title-->
			<div class="flex-grow-1 flex-shrink-0 me-5">
				<!--begin::Page title-->
				<div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
					<!--begin::Title-->
					<h1 class="d-flex align-items-center text-dark fw-bold my-1 fs-3">Seguimiento de la cotización
						<!--begin::Separator-->
						<span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
						<!--end::Separator-->
						<!--begin::Description-->
						<!--<small class="text-muted fs-7 fw-semibold my-1 ms-1"> </small> -->
						<!--end::Description-->
					</h1>
					<!--end::Title-->
				</div>
				<!--end::Page title-->
			</div>
			<!--end::Page title-->
			<!--begin::Action group-->
			<div class="d-flex align-items-center flex-wrap">
				<!--begin::Wrapper-->
				<div class="flex-shrink-0 me-2">
				</div>
				<!--end::Wrapper-->
				<!--begin::Wrapper-->
				<div class="d-flex align-items-center">
					
				</div>
				<!--end::Wrapper-->
			</div>
			<!--end::Action group-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Toolbar-->

	<!--begin::Content-->
	<div class="content d-flex flex-column flex-column-fluid" id="kt_content" ng-controller="crmController">
		<!--begin::Container-->
		<div id="kt_content_container" class="container-xxl" ng-init="contactMediums(); purchaseTypes(); ">
			@include('partials.success')
			@include('partials.error')
			<!--begin::Form-->
				<div id="kt_ecommerce_add_product_form" class="form d-flex flex-column flex-lg-row"   >
					<form  action="/proposals/followup" method="POST">
					@csrf
					<input type="hidden" name="proposal_id" value="{{$proposal->id}}" id="proposal_id">
					<!--begin::Aside column-->
					<div class="d-flex flex-column gap-7 gap-lg-10 w-100 w-lg-300px mb-7 me-lg-10">
						<!--begin::Status-->
						<div class="card card-flush py-4">
							<!--begin::Card header-->
							<div class="card-header">
								<!--begin::Card title-->
								<div class="card-title">
									<h3 class="required">Estatus de la cotización</h3>
								</div>
								<!--end::Card title-->
							</div>
							<!--end::Card header-->
							<!--begin::Card body-->
							<div class="card-body pt-0">
								<!--begin::Input group-->
								<select name="status_proposal_id" data-control="select2"  data-hide-search="true"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select"  required>
									<option value="">Selecciona...</option>
									@foreach($status_proposals as $item)
										@if($item->id > 1 )
										<option value="{{$item->id}}" @if ($item->id == $proposal->status_proposal_id) selected @endif>{{$item->name}}</option>
										@endif
									@endforeach
								</select>
								<!--begin::Description-->
								<div class="text-muted fs-7 mb-3">Selecciona el estatus de la cotización</div>
								<a href="Generar contrato de venta" data-bs-toggle="modal" data-bs-target="#kt_modal_contract" class="btn btn-success fs-7 mb-3">Generar contrato de venta</a>

								<div class="position-relative d-flex align-items-center">
									<span class="svg-icon svg-icon-2 position-absolute mx-4">
										<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z" fill="currentColor" />
											<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z" fill="currentColor" />
											<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z" fill="currentColor" />
										</svg>
									</span>
									<input class="form-control  ps-12" id="kt_datepicker_3" name="date_prospecting_visit" value="{{$proposal->date_prospecting_visit}}" />
								</div>

								<div class="text-muted fs-7 mb-7">Agendar visita de prospección</div>
								@if($proposal->date_prospecting_visit!=null)
								<!--<a href="" onclick="downloadIcs('Prospección: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_prospecting_visit}}','')" >Agregar a mi calendario </a>-->

								<!--begin::Menu-->
								<div class="menu menu-rounded menu-column menu-title-gray-700 menu-icon-gray-500 menu-arrow-gray-500 menu-bullet-gray-500 menu-arrow-gray-500 menu-state-bg fw-semibold w-250px" data-kt-menu="true">
									<!--begin::Menu item-->
									<div class="menu-item menu-sub-indention menu-accordion" data-kt-menu-trigger="click">
										<!--begin::Menu link-->
										<a href="#" class="menu-link py-3">
											<span class="menu-icon">
												<i class="ki-duotone ki-chart-simple-2 fs-3"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i>
											</span>
											<span class="menu-title">Agregar a mi calendario </span>
											<span class="menu-arrow"></span>
										</a>
										<!--end::Menu link-->

										<!--begin::Menu sub-->
										<div class="menu-sub menu-sub-accordion pt-3">
											<!--begin::Menu item-->
											<div class="menu-item">
												<a href="#" onclick="generarUrlCalendario('Prospección: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_prospecting_visit}}','','Gmail')"  class="menu-link py-3">
													<span class="menu-bullet">
														<span class="bullet bullet-dot"></span>
													</span>
													<span class="menu-title">Calendario Gmail</span>
												</a>
											</div>
											<!--end::Menu item-->

											<!--begin::Menu item-->
											<div class="menu-item">
												<a href="#" onclick="generarUrlCalendario('Prospección: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_prospecting_visit}}','','Outlook')"  class="menu-link py-3">
													<span class="menu-bullet">
														<span class="bullet bullet-dot"></span>
													</span>
													<span class="menu-title">Calendario Outlook</span>
												</a>
											</div>
											<!--end::Menu item-->
											<!--begin::Menu item-->
											<div class="menu-item">
												<a href="#" onclick="downloadIcs('Prospección: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_prospecting_visit}}','')"  class="menu-link py-3">
													<span class="menu-bullet">
														<span class="bullet bullet-dot"></span>
													</span>
													<span class="menu-title">Descargar ics</span>
												</a>
											</div>
											<!--end::Menu item-->											
										</div>
										<!--end::Menu sub-->
									</div>
									<!--end::Menu item-->

								</div>
								<!--end::Menu-->


								@endif
								@if(isset($proposal->sale_contract))
								<select name="purchase_type_id"  data-control="select2"  data-hide-search="true"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select"  >
									<option value="">Selecciona...</option>
									<option value="@{{item.id}}" ng-selected="item.id=={{$proposal->sale_contract->purchase_type_id}}"  ng-repeat="item in purchase_types">@{{item.name}}</option>
								</select>
								<div class="text-muted fs-7 mb-7">Selecciona el tipo de compra <a class="btn btn-link btn-color-info btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_purchase_type"> <i class="fa fa-edit"></i> </a></div>
								@endif
								
							</div>
							<!--end::Card body-->
						</div>
						<!--end::Status-->
						<div class="card card-flush py-4">
							<!--begin::Card header-->
							<div class="card-header">
								<!--begin::Card title-->
								<div class="card-title">
									<h3 class="required">Medio de contacto</h3> &nbsp; <a class="btn btn-link btn-color-info btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_contact_mediums"> <i class="fa fa-edit"></i> </a>
								</div>
								<!--end::Card title-->
							</div>
							<!--end::Card header-->
							<!--begin::Card body-->
							<div class="card-body pt-0" >
								<!--begin::Input-->
								<select name="contact_medium_id"  data-control="select2"  data-hide-search="true"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select"  required>
									<option value="">Selecciona...</option>
									<option value="@{{item.id}}" ng-selected="item.id=={{$proposal->project->contact->contact_medium_id}}"  ng-repeat="item in contact_mediums">@{{item.name}}</option>
								</select>
								<div class="text-muted fs-7">Selecciona el medio de contacto.<br><br></div>
							</div>
							<!--end::Card body-->
						</div>
						<!--begin::uvie-->
						<div class="card card-flush py-4">
							<!--begin::Card body-->
							<div class="card-body pt-0">
								<!--begin::Switch-->
								<h3 class="">UVIE</h3>
								<label class="form-check form-switch form-check-custom form-check">
									<input class="form-check-input" type="checkbox"  name="uvie" @if($proposal->uvie) checked @endif/>
									<span class="form-check-label fw-semibold text-muted"></span>
								</label>
								<!--end::Switch-->
								<div class="text-muted fs-7">¿El proyecto requiere UVIE ?.<br><br></div>
								@if($proposal->uvie)
								<select name="status_uvie_id" class="form-select " required="">
									<option value="">Selecciona el status de la UVIE</option>
									@foreach($status_opinion as $item)
									<option value="{{$item->id}}" @if($item->id == $proposal->status_uvie_id) selected @endif>{{$item->name}}</option>
									@endforeach
								</select>
								@endif

								<!--begin::Switch-->
								<h3 class="">UIIE</h3>
								<label class="form-check form-switch form-check-custom form-check">
									<input class="form-check-input" type="checkbox" name="uiie"   @if($proposal->uiie) checked @endif/>
									<span class="form-check-label fw-semibold text-muted"></span>
								</label>
								<!--end::Switch-->
								<div class="text-muted fs-7">¿El proyecto requiere UIIE ?.<br><br></div>
								@if($proposal->uiie)
								<select name="status_uiie_id" class="form-select " required="">
									<option value="">Selecciona el status de la UIIE</option>
									@foreach($status_opinion as $item)
									<option value="{{$item->id}}" @if($item->id == $proposal->status_uiie_id) selected @endif>{{$item->name}}</option>
									@endforeach
								</select>
								@endif
							</div>
							<!--end::Card body-->
						</div>
						<!--begin::Button-->
						<button type="submit" id="kt_ecommerce_add_product_submit" class="btn btn-primary">
							<span class="indicator-label">Guardar cambios</span>
							<span class="indicator-progress">Please wait...
							<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
						</button>
						<!--end::Button-->
					</form>
				</div>

				<!--end::Aside column-->
				
				<!--begin::Main column-->
				<div class="d-flex flex-column flex-row-fluid gap-7 gap-lg-10">
					<!--begin::Card-->
					<div class="card py-4" >
						<!--begin::Card body-->
						<div class="card-body p-12">
							<div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
								<!--begin::Details-->
								<div class="d-flex flex-column">
									<!--begin::Status-->
									<div class="d-flex align-items-center mb-1">
										<a href="#" class="text-gray-800 text-hover-primary fs-2 fw-bold me-3">{{$proposal->project->contact->person->full_name}}</a>
										<span class="badge badge-light-success me-auto">TOTAL: ${{ number_format($proposal->total,2,'.',',')}} {{$proposal->currency}}</span>
									</div>
									<!--end::Status-->
									<!--begin::Description-->
									<div class="fs-6 text-gray-400">
										@if(count($proposal->project->contact->person->emails) !=  0)
											<i class="fas fa-envelope"></i>
											@foreach($proposal->project->contact->person->emails as $item)
											{{$item->email}} @if(count($proposal->project->contact->person->emails)>1 && !$loop->last), @endif
											@endforeach
										@endif	
										@if(count($proposal->project->contact->person->phones) !=  0)
											<i class="fas fa-phone"></i>
											@foreach($proposal->project->contact->person->phones as $item)
											{{$item->phone}} @if(count($proposal->project->contact->person->phones)>1 && !$loop->last), @endif
											@endforeach
										@endif
									</div>
									<!--end::Description-->
								</div>
								<!--end::Details-->
								<!--begin::Actions-->
								<div class="d-flex mb-4">
									@if($proposal->status_proposal_id>1)
									<div id="link-container"></div>
									<!--begin::Send quotation-->
									<div class="me-2">
										<button class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Enviar cotización" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
											<i class="fa fa-paper-plane" aria-hidden="true"></i>
										</button>
										<!--begin::Menu 3-->
										<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
											<!--begin::Heading-->
											<div class="menu-item px-3">
												<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Enviar cotización</div>
											</div>
											<!--end::Heading-->
											<!--begin::Menu item-->
											<div class="menu-item px-3">
												<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_send_email">Enviar por email</a>
												<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_send_whatsapp">Enviar por Whatsapp</a>
												<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_send_whatsapp_web">Enviar por Whatsapp Web</a>
											</div>
										</div>
										<!--end::Menu 3-->
									</div>
									@endif
									<!--end::Send quotation-->
									<a href="#" class="btn btn-sm btn-bg-light btn-active-color-primary me-2" id="kt_drawer_chat_toggle"data-bs-toggle="tooltip" data-bs-placement="top" title="Observaciones" ng-click="infoProposal('{{$proposal->id}}')">
										<i class="fa fa-comments" aria-hidden="true"></i>
									</a>
									<!--begin::Menu-->
									<div class="me-0">
										<button class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
											<i class="bi bi-three-dots fs-3"></i>
										</button>
										<!--begin::Menu 3-->
										<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
											<!--begin::Heading-->
											<div class="menu-item px-3">
												<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Otros documentos</div>
											</div>
											<!--end::Heading-->
											<!--begin::Menu item-->
											<div class="menu-item px-3">
												<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_annexe2">Generar solicitud de interconexión</a>
											</div>
											
											<div class="menu-item px-3">
												<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_technical_survey">Levantamiento técnico</a>
											</div>
										</div>
										<!--end::Menu 3-->
									</div>
									<!--end::Menu-->
								</div>
								<!--end::Actions-->
							</div>

							<div class="d-flex flex-column align-items-start flex-xxl-row">
								<!--begin::Input group-->
								<div class="d-flex align-items-center flex-equal fw-row me-4 order-2">
									<!--begin::Date-->
									<div class="fs-6 fw-bold text-gray-700 text-nowrap">Fecha:</div>
									<!--end::Date-->
									<!--begin::Input-->
									<div class="position-relative d-flex align-items-center w-150px">
										<input type="text" class="form-control form-control-flush fw-bold text-muted fs-3 w-150px" value="{{$proposal->date}}" placehoder="..." disabled />
									</div>
									<!--end::Input-->
								</div>
								<!--end::Input group-->
								<!--begin::Input group-->
								<div class="d-flex flex-center flex-equal fw-row text-nowrap order-1 order-xxl-2 me-4" data-bs-toggle="tooltip" data-bs-trigger="hover" >
									<span class="fs-2x fw-bold text-gray-800">Folio #</span>
									<a href="/proposals/{{$proposal->id}}">
										<span class="form-control form-control-flush fw-bold text-muted fs-3 w-125px">{{$proposal->folio}}</span>
									</a>
									<a href="/proposals/{{$proposal->id}}">
									<span class="fs-2x fw-bold text-gray-800"><i class="fa fa-edit"></i></span>
									</a>
								</div>
								<!--end::Input group-->
								<!--begin::Input group-->
								<div class="d-flex align-items-center justify-content-end flex-equal order-3 fw-row">
									<!--begin::Date-->
									<div class="fs-6 fw-bold text-gray-700 text-nowrap">Fecha vencimiento:</div>
									<!--end::Date-->
									<!--begin::Input-->
									<div class="position-relative d-flex align-items-center w-150px">
										<input type="text" class="form-control form-control-flush fw-bold text-muted fs-3 w-150px" value="{{$proposal->due_date}}" placehoder="..." disabled />
									</div>
									<!--end::Input-->
								</div>
							</div>
							<div class="d-flex flex-column align-items-start flex-xxl-row">
								<!--end::Input group-->
								<div class="row">
									<!--begin::Advisors-->
									<div class="symbol-group symbol-hover mb-1">
										@foreach($proposal->proposal_advisors as $i)
										<div class="symbol symbol-circle symbol-25px">
											@if(\Str::contains($i->user->person->photo,'avatar.png'))
												<div class="symbol-label bg-danger" data-bs-toggle="tooltip" data-bs-placement="top" title="{{$i->user->person->fullname}}">
													<span class="fs-7 text-inverse-danger">{{$i->user->person->letters_name}}</span>
												</div>
											@else
												<img src="{{$i->user->person->photo}}"  data-bs-toggle="tooltip" data-bs-placement="top" title="{{$i->user->person->fullname}}"/>
											@endif
										</div>
										@endforeach
									</div>
							
									<!--end::Advisors-->
									<a href="#" data-bs-toggle="modal" data-bs-target="#kt_modal_add_advisor" ng-click="proposal_id='{{$proposal->id}}'; infoProposal('{{$proposal->id}}')"  class="fs-7 fw-bold text-muted">Asesores</a>
								</div>
							</div>
							<!--end::Top-->
							<!--begin::Separator-->
							<div class="separator separator-dashed my-10"></div>
							<!--end::Separator-->
							<!--begin::Wrapper-->
							<div class="mb-0x">
								<!--begin::Row-->
								<div class="row gx-10x mb-5x">
									<!--begin::Col-->
									<div class="col-lg-6">
										<!--end::Row-->
										<label class="form-label fs-6 fw-bold text-gray-700 mb-3">Datos del cliente</label>
										<!--begin::Input group-->
										<div class="mb-5">
											<span class="text-gray-400 min-w-175px w-175px">Estado:</span>
											<span class="text-gray-800 min-w-200px">{{ $proposal->project->state->name ?? ''}}</span>
										</div>
										<!--end::Input group-->
										<!--begin::Input group-->
										<div class="mb-5">
											<span class="text-gray-400">Tarifa:</span>
											<span class="text-gray-800">{{$proposal->project->rate->name ?? ''}}</span>
										</div>
									</div>
									<!--end::Col-->
									<!--begin::Col-->
									<div class="col-lg-6">
										<label class="form-label fs-6 fw-bold text-gray-700 mb-3"></label>
										<div class="mb-5">
											<span class="text-gray-400">Tipo de facturación:</td>
											<spantd class="text-gray-800">{{$proposal->project->invoice_type ?? ''}}</span>
										</div>
										<div class="mb-5">
											<span class="text-gray-400">Número de servicio:</span>
											<span class="text-gray-800">{{$proposal->project->rpu}}</span>
										</div>
									</div>
									<!--end::Col-->
								</div>
								<!--end::Row-->
							</div>
							<!--end::Wrapper-->
							
						</div>
						<!--end::Card body-->
					</div>
					<!--end::Card-->
					<!--begin::Files-->
					<div class="tab-content">
						<!--begin::Tab pane-->
						<div class="tab-pane fade show active" id="kt_ecommerce_add_product_general" role="tab-panel">
							<div class="d-flex flex-column gap-7 gap-lg-10">
								<!--begin::Media-->
								<div class="card card-flush py-4">
									<!--begin::Card header-->
									<div class="card-header">
										<div class="card-title">
											<h2>Adjunta Archivos </h2>
										</div>
									</div>
									<!--end::Card header-->
									<!--begin::Card body-->
									<div class="card-body pt-0">

										<!--begin::Form-->
										<div class="dropzone p-10">
											<form class="form" action="#" method="post">
												<!--begin::Input group-->
												<div class="form-group row">
													<!--begin::Label-->
													<label class="col-lg-2 col-form-label text-lg-right"><i class="bi bi-file-earmark-arrow-up text-primary fs-3x"></i></label>
													<!--end::Label-->

													<!--begin::Col-->
													<div class="col-lg-10">
														<!--begin::Dropzone-->
														<div class="dropzone dropzone-queue mb-2" id="kt_dropzonejs_example_3">
															<!--begin::Controls-->
															<div class="dropzone-panel mb-lg-0 mb-2">
																<a class="dropzone-select btn btn-sm btn-primary me-2">Arrastra archivos o haz click para subir tus archivos</a>
																<a class="dropzone-remove-all btn btn-sm btn-light-primary">Remove All</a>
															</div>
															<!--end::Controls-->

															<!--begin::Items-->
															<div class="dropzone-items wm-200px">
																<div class="dropzone-item" style="display:none">
																	<!--begin::File-->
																	<div class="dropzone-file">
																		<div class="dropzone-filename" title="some_image_file_name.jpg">
																			<span data-dz-name>some_image_file_name.jpg</span>
																			<strong>(<span data-dz-size>340kb</span>)</strong>
																		</div>

																		<div class="dropzone-error" data-dz-errormessage></div>
																	</div>
																	<!--end::File-->

																	<!--begin::Progress-->
																	<div class="dropzone-progress">
																		<div class="progress">
																			<div
																				class="progress-bar bg-primary"
																				role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-dz-uploadprogress>
																			</div>
																		</div>
																	</div>
																	<!--end::Progress-->

																	<!--begin::Toolbar-->
																	<div class="dropzone-toolbar">
																		<span class="dropzone-success" data-dz-remove> <i class="fa fa-check fa-2 text-success" aria-hidden="true"></i> </span>
																		<!--<span class="dropzone-delete" data-dz-remove><i class="bi bi-x fs-1"></i></span>-->
																	</div>
																	<!--end::Toolbar-->
																</div>
															</div>
															<!--end::Items-->
															<span class="form-text text-muted">Archivos máximo de 20Mb</span>
														</div>
														<!--end::Dropzone-->
													</div>
													<!--end::Col-->
												</div>
												<!--end::Input group-->
											</form>
											<!--end::Form-->
										</div>

										<div class="mt-5">
											@foreach($proposal->files as $item)
											<div class="d-flex flex-stack mb-5">
												<div class="d-flex align-items-center me-2">
													<a href="/storage/proposal_files/{{$item->file}}" target="_blank">
													<div class="symbol symbol-50px me-3">
														@if(\Str::contains($item->file, '.jpg') || \Str::contains($item->file, '.jpeg') ||  \Str::contains($item->file, '.png') )
															<img src="/storage/proposal_files/{{$item->file}}" class="h-50" alt="">
														@endif
														@if(\Str::contains($item->file, '.pdf') )
															<img src="/assets/app/media/svg/files/pdf.svg" class="h-50" alt="">
														@endif
														@if(\Str::contains($item->file, '.doc') || \Str::contains($item->file, '.docx') )
															<img src="/assets/app/media/svg/files/doc.svg" class="h-50" alt="">
														@endif
														@if(\Str::contains($item->file, '.xls') || \Str::contains($item->file, '.xlsx') )
															<img src="/assets/app/media/svg/files/xls.png" class="h-50" alt="">
														@endif
													</div>
													</a>
													<div>
														<a href="/storage/proposal_files/{{$item->file}}" target="_blank" class="fs-6 text-gray-800 text-hover-primary fw-bold">{{$item->name}}</a>
														<div class="fs-7 text-muted fw-semibold mt-1">{{$item->created_at}}</div>
													</div>
												</div>
												
												<button type="button" onclick="delete_item(this);" data="{{ route('proposal_files.destroy', [$item->id]) }}" class="btn btn-sm btn-light-danger ">Eliminar</button>
											</div>
											@endforeach
										</div>
									</div>
									<!--end::Card header-->
								</div>
								<!--end::Media-->
								
							</div>
						</div>
						<!--end::Tab pane-->
						
					</div>
					<!--end::Tab Files-->
					<!--begin::Map-->
					<div class="tab-content">
						<!--begin::Tab pane-->
						<div class="tab-pane fade show active" id="kt_ecommerce_add_product_general" role="tab-panel">
							<div class="d-flex flex-column gap-7 gap-lg-10">
								<!--begin::Media-->
								<div class="card card-flush py-4">
									<!--begin::Card header-->
									<div class="card-header">
										<div class="card-title">
											<h2>Dirección</h2>
										</div>
									</div>
									<form action="/projects/update_address" method="POST">
										@csrf
										<div class="content-box icon-box box-size-sm shadow active padding-0" >
											<ul id="predictions" class="predictions list-group"></ul>
											<div id="mapSearch">
												<div class="row g-9 mb-8" style="margin-top:1px">
													<div class=" col-md-8 fv-row mb-1">
														<input id="addressPoint" name="address" class="form-control margin-top-10" type="text" style="width:100%; font-size:16px; height: 35px!important; margin-bottom:5px" placeholder="Escribir dirección"value="{{$proposal->project->address}}">
													</div>
													<div class="col-md-4 fv-row mb-1">
														<button  type="submit" class="btn btn-sm btn-primary"> Guardar dirección</button>
													</div>
												</div>
											</div>
											<input type="hidden" name="latitude" id="latitude">
											<input type="hidden" name="longitude" id="longitude">
											<input type="hidden" name="project_id" value="{{$proposal->project_id}}" >
											<div style="height: 450px;" id="map_solar_app"></div>
										</div>
									</form>
								</div>
								<!--end::Media-->
								
							</div>
						</div>
						<!--end::Tab pane-->
					</div>
					<!--end::Tab Map-->		
				
				</div>
				<!--end::Main column-->
			</div>
			<!--end::Form-->
		</div>
		<!--end::Container-->

		<!--begin::Proposal notes-->
		<div id="kt_drawer_chat" class="bg-body " data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'400px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
			<!--begin::Messenger-->
			<div class="card w-100 rounded-0 border-0" id="kt_drawer_chat_messenger">
				<!--begin::Card header-->
				<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
					<!--begin::Title-->
					<div class="card-title">
						<!--begin::User-->
						<div class="d-flex justify-content-center flex-column me-3">
							<div class="d-flex flex-wrap fw-semibold fs-6  pe-2">
								<a href="/proposals/@{{proposal.id}}" target="_blank" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2">
									<span class="svg-icon svg-icon-4 me-1">
										<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path opacity="0.3" d="M16.5 9C16.5 13.125 13.125 16.5 9 16.5C4.875 16.5 1.5 13.125 1.5 9C1.5 4.875 4.875 1.5 9 1.5C13.125 1.5 16.5 4.875 16.5 9Z" fill="currentColor"></path>
											<path d="M9 16.5C10.95 16.5 12.75 15.75 14.025 14.55C13.425 12.675 11.4 11.25 9 11.25C6.6 11.25 4.57499 12.675 3.97499 14.55C5.24999 15.75 7.05 16.5 9 16.5Z" fill="currentColor"></path>
											<rect x="7" y="6" width="4" height="4" rx="2" fill="currentColor"></rect>
										</svg>
									</span>
									@{{proposal.project.contact.person.name}} @{{proposal.project.contact.person.last_name}}
								</a>
								<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary me-5 mb-2" ng-show="proposal.project.contact.person.phones[0]!=null">
									<i class="fa fa-phone me-1" aria-hidden="true"></i>
									@{{proposal.project.contact.person.phones[0].phone}}
								</a>
								<a href="#" class="d-flex align-items-center text-gray-400 text-hover-primary mb-2">
									<i class="fa fa-bolt me-1" aria-hidden="true"></i>
									Proyecto: @{{proposal.system_size}} kWp
								</a>
							</div>
							<!--begin::Info-->
							<div class="mb-0 lh-1">
								<div class="badge badge-@{{crm.proposal.status.color}} fw-bold">@{{proposal.status.name}}</div>
							</div>
							<!--end::Info-->
						</div>
						<!--end::User-->
					</div>
					<!--end::Title-->
					<!--begin::Card toolbar-->
					<div class="card-toolbar">
						<!--<div class="me-2">
							<button class="btn btn-sm btn-icon btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
								<i class="bi bi-three-dots fs-3"></i>
							</button>
							<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true" style="">
								<div class="menu-item px-3">
									<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
								</div>
								<div class="menu-item px-3">
									<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
								</div>
								<div class="menu-item px-3">
									<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts
									<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" aria-label="Specify a contact email to send an invitation" data-kt-initialized="1"></i></a>
								</div>
							</div>
						</div> -->
						<div class="btn btn-sm btn-icon btn-active-light-primary" id="kt_drawer_chat_close">
							<span class="svg-icon svg-icon-2">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
									<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
								</svg>
							</span>
						</div>
					</div>
				</div>
				<!--end::Card header-->
				<!--begin::Card body-->
				<div class="card-body" id="kt_drawer_chat_messenger_body"  ng-init="user_id = {{\Auth::id() }}">
					<!--begin::Messages-->
					<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">

						<div class="d-flex  mb-10" ng-repeat="item in proposal.notes_crm" ng-class=" user_id == item.user_id ? 'justify-content-start' : 'justify-content-end' ">
							<!--begin::Wrapper-->
							<div class="d-flex flex-column " ng-class="user_id == item.user_id ? 'align-items-start' : 'align-items-end' ">
								<!--begin::User-->
								<div class="d-flex align-items-center mb-2" ng-show="user_id != item.user_id">
									<!--begin::Avatar-->
									<div class="symbol symbol-35px symbol-circle" >
										<img alt="" src="@{{item.user.person.photo}}" />
									</div>
									<!--end::Avatar-->
									<!--begin::Details-->
									<div class="ms-3">
										<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">@{{item.user.person.name}}</a>
										<span class="text-muted fs-7 mb-1">@{{item.created_at}}</span>
									</div>
									<!--end::Details-->
								</div>
								<div class="d-flex align-items-center mb-2" ng-show="user_id == item.user_id">
									<!--begin::Avatar-->
									<div class="symbol symbol-35px symbol-circle">
										<img alt="" src="@{{item.user.person.photo}}" />
									</div>
									<!--end::Avatar-->
									<!--begin::Details-->
									<div class="ms-3">
										<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">@{{item.user.person.name}}</a>
										<span class="text-muted fs-7 mb-1">@{{item.created_at}}</span>
									</div>
									<!--end::Details-->
								</div>
								<!--end::User-->
								<!--begin::Text-->
								<div class="p-5 rounded  text-dark fw-semibold mw-lg-400px text-start" ng-class="user_id == item.user_id ? 'bg-light-info' : 'bg-light-primary' " data-kt-element="message-text">@{{item.note}}</div>
								<span class="badge" ng-class="{'badge-light-danger': item.done==false, 'badge-light-success': item.done }" ng-show="item.reminder">Recordatorio: @{{item.date_reminder | formatoFecha }}</span>
								<!--end::Text-->
							</div>
							<!--end::Wrapper-->
						</div>
					</div>
					<!--end::Messages-->
					<!--<a href="/crm/next/@{{crm.id}}" class="btn btn-sm btn-success me-2" style="display: block">Vender proyecto</a> -->
				</div>
				<!--end::Card body-->
				<!--begin::Card footer-->
				<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
					
					<!--begin::Input-->
					<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Escribe un comentario" ng-model="note"></textarea>
					<!--end::Input-->
					<!--begin:Toolbar-->
					<div class="d-flex flex-stack">
						<!--begin::Actions-->
						<div class="d-flex align-items-center me-2">
							<input class="form-check-input" type="checkbox" value="1" id="flexCheckDefault" ng-model="reminder"/> &nbsp; 
							<label for="flexCheckDefault">Recordatorio</label>&nbsp;&nbsp;
							<div class="position-relative d-flex align-items-center" ng-show="reminder">
								<span class="svg-icon svg-icon-2 position-absolute mx-4">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z" fill="currentColor"></path>
										<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z" fill="currentColor"></path>
										<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z" fill="currentColor"></path>
									</svg>
								</span>
								<input class="form-control ps-12 flatpickr-input active" id="kt_datepicker_13" value="" name="date" required="" type="text" readonly="readonly" ng-model="date_reminder">
							</div>
						</div>
						<!--end::Actions-->
						<!--begin::Send-->
						<!--<button type="button"   class="btn btn-primary" id="kt_scroll_change_pos_bottom">Scroll to Bottom</button>  -->
						<button class="btn btn-primary" type="button"  ng-click="sendCommentProposal(note,proposal.id,reminder,date_reminder)"><i class="bi bi-send fs-3"></i> Enviar</button>
						<!--end::Send-->
					
					</div>
					<!--end::Toolbar-->
				</div>
				<!--end::Card footer-->
			</div>
			<!--end::Messenger-->
		</div>
		<!--end::Proposal notes-->

		<!--begin::Modal - New Sale Contract-->
		<div class="modal fade" id="kt_modal_contract" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-1000px" ng-init="proposalPayments('{{$proposal->id}}'); formData.proposal_id='{{$proposal->id}}'; ">
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					<form class="form" action="/sales_contract" method="POST" id="kt_modal_new_address_form" >
						@csrf
						<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Generar contrato de venta</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" >
								<!--begin::Notice-->
								<!--begin::Input group-->
								<div class="row g-9 mb-8">
									<div class="col-md-4 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Nombre del cliente o representante legal</label>
										<input type="text" name="customer" class="form-control form-control mb-3 mb-lg-0" value="{{isset($sale_contract)?$sale_contract->customer:$proposal->project->contact->person->fullname}}" required />
									</div>
									<!--<div class="col-md-4 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Nombre de la empresa</label>
										<input type="text" name="name_business" class="form-control form-control-solid mb-3 mb-lg-0" value="{{$proposal->project->contact->name_business}}" required />
									</div> -->
									<div class="col-md-4 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">INE del representante legal (Cliente)</label>
										<input type="text" name="ine"  class="form-control form-control mb-3 mb-lg-0" value="{{isset($sale_contract)?$sale_contract->ine:null}}" required />
									</div>
									<div class="col-md-6 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Fecha de firma del contrato:</label>
										<div class="position-relative d-flex align-items-center">
											<span class="svg-icon svg-icon-2 position-absolute mx-4">
												<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z" fill="currentColor" />
													<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z" fill="currentColor" />
													<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z" fill="currentColor" />
												</svg>
											</span>
											<input class="form-control form-control  ps-12" id="kt_datepicker_12" value="{{isset($sale_contract)? $sale_contract->date_signature : null }}" name="date_signature" required/>
										</div>
									</div>
									<div class="col-md-6 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Dirección completa de la instalación</label>
										<input type="text" name="address"  class="form-control form-control mb-3 mb-lg-0" value="{{ $proposal->project->address }}" required />
									</div>
									
									<!--<div class="separator d-flex flex-center mb-8">
										<span class="text-uppercase bg-body fs-7 fw-semibold text-muted px-3">CONDICIONES DE PAGO</span>
									</div>-->
									<div class="text-center">
										<!--begin::Title-->
										<h1 class="mb-3">CONDICIONES DE PAGO</h1>
										<!--end::Title-->
										<!--begin::Description-->
										<div class="text-muted fw-semibold fs-5">Costo total del proyecto
										<a href="#" class="fw-bold link-primary" ng-init="formData.total = '{{ $proposal->total  }}'; formData.type_payment = 1;">${{ number_format( $proposal->total,2, '.',',')  }}</a>.</div>
										<!--end::Description-->
									</div>
									<div class="col-md-2 fv-row text-center">
										<select class="form-select" data-hide-search="true" data-placeholder="Tipo pago" id="type_payment" name="type_payment" ng-model="formData.type_payment">
											<option value="1" ng-selected="true">Cantidad</option>
											<option value="2">Porcentaje</option>
										</select>
										<small>Tipo pago</small>
									</div>
									<div class="col-md-2 fv-row text-center" ng-show="formData.type_payment == 2">
										<input type="text" class="form-control mb-3 mb-lg-0" ng-model="formData.percentage" ng-blur="percentageAmount()"/>
										<small>Introduce el %</small>
									</div>
									<div class="col-md-2 fv-row">
										<div class="position-relative d-flex align-items-center">
											<span class="svg-icon svg-icon-2 position-absolute mx-4">
												<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
													<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z" fill="currentColor" />
													<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z" fill="currentColor" />
													<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z" fill="currentColor" />
												</svg>
											</span>
											<input class="form-control ps-12" id="kt_datepicker_9" ng-model="formData.date" value=""  />
										</div>
										<small>Fecha</small>
									</div>
									<div class="col-md-2 fv-row">
										<input type="text" name="concept" class="form-control mb-3 mb-lg-0" value=""  placeholder="@{{message_input}}" ng-model="formData.concept"  />
										<small>Concepto</small>
										<!--<input type="text" name="total" class="form-control mb-3 mb-lg-0" ng-model="formData.total" hidden/>-->
									</div>
									<div class="col-md-2 fv-row text-center">
										<input type="text" name="amount" class="form-control mb-3 mb-lg-0" ng-model="formData.amount"  />
										<small>Cantidad</small>
									</div>
									<div class="col-md-2 fv-row">
										<button type="button" class="btn btn-sm btn-info" ng-click="addPaymentProposal()">
											<span class="indicator-label">Agregar pago</span>
										</button>
									</div>
									<div class="card-body p-9">
										<div ng-repeat="item in proposal_payments">
											<div class="fs-6 d-flex justify-content-between mb-4">
												<div class="fw-semibold">@{{item.date | date:'dd-MM-yyyy' }}</div>
												<div class="fw-semibold">@{{item.concept}}</div>
												<div class="d-flex fw-bold"> @{{item.amount | currency}}</div>
												<div class="fw-semibold">
													<button type="button" class="btn btn-sm btn-icon" ng-click="deletePaymentProposal(item.id)" >
														<span class="svg-icon svg-icon-3 text-danger">
															<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																<path d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z" fill="currentColor" />
																<path opacity="0.5" d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z" fill="currentColor" />
																<path opacity="0.5" d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z" fill="currentColor" />
															</svg>
														</span>
													</button>
												</div>
											</div>
											<div class="separator separator-dashed"></div>
										</div>
										
										<div class="fs-2hx fs-6 d-flex justify-content-end fw-bold">@{{total_payments | currency }}</div>
										<div class="fs-4 fs-6 d-flex justify-content-end fw-semibold text-gray-400 mb-7">Total pagos</div>
									</div>
								</div>
								<!--end::Input group-->
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<!--begin::Button-->
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancelar</button>
							<!--end::Button-->
							<!--begin::Button-->
							<button type="submit" id="kt_modal_new_address_submit" class="btn btn-primary">
								<span class="indicator-label">Generar contrato</span>
							</button>
							<!--end::Button-->
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - New Sale Contract-->

		<!--begin::Modal - Technical Survey-->
		<div class="modal fade" id="kt_modal_technical_survey" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-900px" >
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Levantamiento técnico</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" >
								<!--begin::Notice-->
								<!--begin::Input group-->
								<form class="form" action="/proposals/technical_survey" method="POST" id="kt_modal_new_address_form" >
									<div class="row g-9 mb-8">
										@csrf
										<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
										
										<div class="col-md-4 fv-row mb-1">
											<label class="required fw-semibold fs-6 mb-2">Dirección del proyecto</label>
											<input class="form-control form-control" type="text" id="name_customer" name="address" value="{{$proposal->project->address}}" required>
										</div>
										<div class=" col-md-4 fv-row mb-1">
											<label class="required fw-semibold fs-6 mb-2">Fecha del levantamiento técnico:</label>
											<div class="position-relative d-flex align-items-center">
												<span class="svg-icon svg-icon-2 position-absolute mx-4">
													<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
														<path opacity="0.3" d="M21 22H3C2.4 22 2 21.6 2 21V5C2 4.4 2.4 4 3 4H21C21.6 4 22 4.4 22 5V21C22 21.6 21.6 22 21 22Z" fill="currentColor" />
														<path d="M6 6C5.4 6 5 5.6 5 5V3C5 2.4 5.4 2 6 2C6.6 2 7 2.4 7 3V5C7 5.6 6.6 6 6 6ZM11 5V3C11 2.4 10.6 2 10 2C9.4 2 9 2.4 9 3V5C9 5.6 9.4 6 10 6C10.6 6 11 5.6 11 5ZM15 5V3C15 2.4 14.6 2 14 2C13.4 2 13 2.4 13 3V5C13 5.6 13.4 6 14 6C14.6 6 15 5.6 15 5ZM19 5V3C19 2.4 18.6 2 18 2C17.4 2 17 2.4 17 3V5C17 5.6 17.4 6 18 6C18.6 6 19 5.6 19 5Z" fill="currentColor" />
														<path d="M8.8 13.1C9.2 13.1 9.5 13 9.7 12.8C9.9 12.6 10.1 12.3 10.1 11.9C10.1 11.6 10 11.3 9.8 11.1C9.6 10.9 9.3 10.8 9 10.8C8.8 10.8 8.59999 10.8 8.39999 10.9C8.19999 11 8.1 11.1 8 11.2C7.9 11.3 7.8 11.4 7.7 11.6C7.6 11.8 7.5 11.9 7.5 12.1C7.5 12.2 7.4 12.2 7.3 12.3C7.2 12.4 7.09999 12.4 6.89999 12.4C6.69999 12.4 6.6 12.3 6.5 12.2C6.4 12.1 6.3 11.9 6.3 11.7C6.3 11.5 6.4 11.3 6.5 11.1C6.6 10.9 6.8 10.7 7 10.5C7.2 10.3 7.49999 10.1 7.89999 10C8.29999 9.90003 8.60001 9.80003 9.10001 9.80003C9.50001 9.80003 9.80001 9.90003 10.1 10C10.4 10.1 10.7 10.3 10.9 10.4C11.1 10.5 11.3 10.8 11.4 11.1C11.5 11.4 11.6 11.6 11.6 11.9C11.6 12.3 11.5 12.6 11.3 12.9C11.1 13.2 10.9 13.5 10.6 13.7C10.9 13.9 11.2 14.1 11.4 14.3C11.6 14.5 11.8 14.7 11.9 15C12 15.3 12.1 15.5 12.1 15.8C12.1 16.2 12 16.5 11.9 16.8C11.8 17.1 11.5 17.4 11.3 17.7C11.1 18 10.7 18.2 10.3 18.3C9.9 18.4 9.5 18.5 9 18.5C8.5 18.5 8.1 18.4 7.7 18.2C7.3 18 7 17.8 6.8 17.6C6.6 17.4 6.4 17.1 6.3 16.8C6.2 16.5 6.10001 16.3 6.10001 16.1C6.10001 15.9 6.2 15.7 6.3 15.6C6.4 15.5 6.6 15.4 6.8 15.4C6.9 15.4 7.00001 15.4 7.10001 15.5C7.20001 15.6 7.3 15.6 7.3 15.7C7.5 16.2 7.7 16.6 8 16.9C8.3 17.2 8.6 17.3 9 17.3C9.2 17.3 9.5 17.2 9.7 17.1C9.9 17 10.1 16.8 10.3 16.6C10.5 16.4 10.5 16.1 10.5 15.8C10.5 15.3 10.4 15 10.1 14.7C9.80001 14.4 9.50001 14.3 9.10001 14.3C9.00001 14.3 8.9 14.3 8.7 14.3C8.5 14.3 8.39999 14.3 8.39999 14.3C8.19999 14.3 7.99999 14.2 7.89999 14.1C7.79999 14 7.7 13.8 7.7 13.7C7.7 13.5 7.79999 13.4 7.89999 13.2C7.99999 13 8.2 13 8.5 13H8.8V13.1ZM15.3 17.5V12.2C14.3 13 13.6 13.3 13.3 13.3C13.1 13.3 13 13.2 12.9 13.1C12.8 13 12.7 12.8 12.7 12.6C12.7 12.4 12.8 12.3 12.9 12.2C13 12.1 13.2 12 13.6 11.8C14.1 11.6 14.5 11.3 14.7 11.1C14.9 10.9 15.2 10.6 15.5 10.3C15.8 10 15.9 9.80003 15.9 9.70003C15.9 9.60003 16.1 9.60004 16.3 9.60004C16.5 9.60004 16.7 9.70003 16.8 9.80003C16.9 9.90003 17 10.2 17 10.5V17.2C17 18 16.7 18.4 16.2 18.4C16 18.4 15.8 18.3 15.6 18.2C15.4 18.1 15.3 17.8 15.3 17.5Z" fill="currentColor" />
													</svg>
												</span>
												<input class="form-control form-control ps-12" id="kt_datepicker_11" value="{{$proposal->date_technical_survey}}" name="date_technical_survey" required/>
											</div>
											@if($proposal->date_technical_survey != null)
											<!--<a href="" onclick="downloadIcs('Levantamiento técnico: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_technical_survey}}','')" >Agregar a mi calendario </a>-->
											<!--begin::Menu-->
											<div class="menu menu-rounded menu-column menu-title-gray-700 menu-icon-gray-500 menu-arrow-gray-500 menu-bullet-gray-500 menu-arrow-gray-500 menu-state-bg fw-semibold w-250px" data-kt-menu="true">
												<!--begin::Menu item-->
												<div class="menu-item menu-sub-indention menu-accordion" data-kt-menu-trigger="click">
													<!--begin::Menu link-->
													<a href="#" class="menu-link py-3">
														<span class="menu-icon">
															<i class="ki-duotone ki-chart-simple-2 fs-3"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i>
														</span>
														<span class="menu-title">Agregar a mi calendario </span>
														<span class="menu-arrow"></span>
													</a>
													<!--end::Menu link-->

													<!--begin::Menu sub-->
													<div class="menu-sub menu-sub-accordion pt-3">
														<!--begin::Menu item-->
														<div class="menu-item">
																				 
															<a href="#" onclick="generarUrlCalendario('Levantamiento técnico: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_technical_survey}}','','Gmail')"  class="menu-link py-3">
																<span class="menu-bullet">
																	<span class="bullet bullet-dot"></span>
																</span>
																<span class="menu-title">Calendario Gmail</span>
															</a>
														</div>
														<!--end::Menu item-->

														<!--begin::Menu item-->
														<div class="menu-item">
															<a href="#" onclick="generarUrlCalendario('Levantamiento técnico: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_technical_survey}}','','Outlook')"  class="menu-link py-3">
																<span class="menu-bullet">
																	<span class="bullet bullet-dot"></span>
																</span>
																<span class="menu-title">Calendario Outlook</span>
															</a>
														</div>
														<!--end::Menu item-->
														<!--begin::Menu item-->
														<div class="menu-item">
															<a href="#" onclick="downloadIcs('Levantamiento técnico: {{$proposal->project->contact->person->fullname}} - Folio {{$proposal->folio}}','{{$proposal->date_technical_survey}}','')"  class="menu-link py-3">
																<span class="menu-bullet">
																	<span class="bullet bullet-dot"></span>
																</span>
																<span class="menu-title">Agregar a mi calendario</span>
															</a>
														</div>
														<!--end::Menu item-->														
												
													</div>
													<!--end::Menu sub-->
												</div>
												<!--end::Menu item-->

											</div>
											<!--end::Menu-->
											@endif
										</div>
										<div class="col-md-4 fv-row mb-1">
											<label class="required fw-semibold fs-6 mb-2">Estatus del levantamiento</label>
											<select name="technical_survey_status_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select"  required>
												<option value="">Selecciona</option>
												@foreach($technical_survey_status as $item)
												<option value="{{$item->id}}" @if ($item->id==$proposal->technical_survey_status_id) selected @endif>{{$item->name}}</option>
												@endforeach
											</select>
										</div>
										<div class="col-md-6 fv-row mb-1">
											<label class="fw-semibold fs-6 mb-2">Persona que autoriza el levantamiento técnico</label>
											<select name="confirmed_technical_survey_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select">
												<option value="">Selecciona...</option>
												@foreach($users as $user)
												<option value="{{$user->id}}" @if ($user->id == $proposal->confirmed_technical_survey_id ) selected @endif>{{$user->person->name}}</option>
												@endforeach
											</select>
										</div>
										<div class="col-md-6 fv-row mb-1">
											<label class="fw-semibold fs-6 mb-2">Responsable del levantamiento técnico</label>
											<select name="technical_survey_responsible_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select">
												<option value="">Selecciona...</option>
												@foreach($users as $user)
												<option value="{{$user->id}}" @if($user->id == $proposal->technical_survey_responsible_id) selected @endif>{{$user->person->name}}</option>
												@endforeach
											</select>
										</div>
										<div class="col-md-6 fv-row mb-1">
											<button type="submit" id="kt_modal_new_address_submit" class="btn btn-sm btn-info" style="display:block">
												<span class="indicator-label">Actualizar levantamiento técnico</span>
											</button>
										</div>
									</div>
								</form>
								<hr>
								<form class="form" action="/project_photos/upload" method="POST"  enctype="multipart/form-data">
									<div class="row g-9 mb-8">
										@csrf
										<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
										<div class="col-md-4 fv-row mb-1">
											<input type="file" name="photo">
										</div>
										<div class="col-md-4 fv-row mb-1">
											<select name="type_photo_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select"  required>
												<option value="">Selecciona el tipo de foto</option>
												@foreach($type_photos_technical_survey as $item)
												<option value="{{$item->id}}" @if ($loop->first) selected @endif>{{$item->name}}</option>
												@endforeach
											</select>
											<input type="hidden" name="type" value="levantamiento">
										</div>
										<div class="col-md-4 fv-row mb-1">
											<button type="submit" id="kt_modal_new_address_submit" class="btn btn-sm btn-primary">
												<span class="indicator-label">Subir foto</span>
											</button>
										</div>
										
										@if(count($photos_technical_survey) != 0)
										<div class="mt-5">
											@foreach($photos_technical_survey as $item)
											<div class="d-flex flex-stack mb-5">
												<!--begin::Section-->
												<div class="d-flex align-items-center me-2">
													<!--begin::Symbol-->
													<a href="/storage/project_photos/{{$item->photo}}" target="_blank">
														<div class="symbol symbol-50px me-3">
															@if(\Str::contains($item->photo, '.jpg') || \Str::contains($item->photo, '.jpeg') ||  \Str::contains($item->photo, '.png') )
																<img src="/storage/project_photos/{{$item->photo}}" class="h-50" alt="">
															@endif
														</div>
													</a>
													<!--end::Symbol-->
													<!--begin::Title-->
													<div>
														<a href="/storage/project_photos/{{$item->photo}}" target="_blank" class="fs-6 text-gray-800 text-hover-primary fw-bold">{{$item->type_photo->name}}</a>
														<div class="fs-7 text-muted fw-semibold mt-1">{{$item->created_at}}</div>
													</div>
													<!--end::Title-->
												</div>
												<!--end::Section-->
												<!--begin::Label-->
												<button type="button" onclick="delete_item(this);" data="{{ route('project_photos.destroy', [$item->id]) }}" class="btn btn-sm btn-light-danger ">Eliminar</button> 
												<!--end::Label-->
											</div>
											@endforeach
										</div>
										@endif
										
									</div>
								</form>
								<!--end::Input group-->
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<!--begin::Button-->
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cerrar</button>
							<!--end::Button-->
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - Technical Survey-->

		<!--begin::Modal - Send Quotation email-->
		<div class="modal fade" id="kt_modal_send_email" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-700px" >
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Enviar cotización por email</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" >
								<!--begin::Notice-->
								<!--begin::Input group-->
								<form class="form" action="/proposals/send_email" method="POST" id="kt_modal_new_address_form" >
									<div class="row g-9 mb-8">
										@csrf
										<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
										<div class=" col-md-8 fv-row mb-1">
											<input type="text" name="email" value="{{isset($proposal->project->contact->person->emails[0])? $proposal->project->contact->person->emails[0]->email: null }}" class="form-control mb-3 mb-lg-0"> 
											<small> Puedes agregar mas de un email separándolos por comas</small>
										</div>
										<div class="col-md-4 fv-row mb-1">
											<button type="submit" id="kt_modal_new_address_submit" class="btn btn-bg-light btn-active-color-info">
												<i class="fa fa-paper-plane" aria-hidden="true"></i> Enviar
											</button>
										</div>
									</div>
								</form>
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<!--begin::Button-->
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cerrar</button>
							<!--end::Button-->
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal -  Send Quotation email -->

		<!--begin::Modal - Send Quotation whatsapp-->
		<div class="modal fade" id="kt_modal_send_whatsapp" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-700px" >
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					<form action="/proposals/whatsapp" method="POST">
						@csrf
						<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Enviar cotización por whatsapp</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" >
								<div class="row g-9 mb-8">
									<div class="col-md-8 fv-row mb-1">
										<div class="input-group">
											<div class="input-group-addon">
												<select id="protocol" class="form-select" name="lada">
													<option value="52" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='52') selected @endif>🇲🇽 +52</option>
													<option value="1" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='1') selected @endif>🇺🇸 +1</option>
													<option value="54" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='54') selected @endif>🇦🇷 +54</option>
													<option value="591" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='591') selected @endif>🇧🇴 +591</option>
													<option value="56" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='56') selected @endif>🇨🇱 +56</option>
													<option value="57" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='57') selected @endif>🇨🇴 +57</option>
													<option value="506" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='506') selected @endif>🇨🇷 +506</option>
													<option value="53" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='53') selected @endif>🇨🇺 +53</option>
													<option value="593" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='593') selected @endif>🇪🇨 +593</option>
													<option value="503" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='503') selected @endif>🇸🇻 +503</option>
													<option value="34" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='34') selected @endif>🇪🇸 +34</option>
													<option value="502" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='502') selected @endif>🇬🇹 +502</option>
													<option value="504" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='504') selected @endif>🇭🇳 +504</option>
													<option value="505" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='505') selected @endif>🇳🇮 +505</option>
													<option value="507" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='507') selected @endif>🇵🇦 +507</option>
													<option value="51" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='51') selected @endif>🇵🇪 +51</option>
													<option value="595" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='595') selected @endif>🇵🇾 +595</option>
													<option value="598" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='598') selected @endif>🇺🇾 +598</option>
													<option value="58" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='58') selected @endif>🇻🇪 +58</option>
												</select>
											</div>
											<input type="text" name="phone" class="form-control mb-3 mb-lg-0" placeholder="Introduce el número de teléfono a 10 dígitos"  id="kt_inputmask_2" value="{{$proposal->project->contact->person->phones[0]->phone ?? '' }}" required />
										</div>
										 
									</div>
									<div class="col-md-4 fv-row mb-1">
										<button type="submit" id="kt_modal_new_address_submit" class="btn btn-bg-light btn-active-color-info">
											<i class="fa fa-paper-plane" aria-hidden="true"></i> Enviar
										</button>
									</div>
								</div>
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancelar</button>
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - Send Quotation whatsapp -->

		<!--begin::Modal - Send Quotation whatsapp web-->
		<div class="modal fade" id="kt_modal_send_whatsapp_web" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-700px" >
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					<form action="/proposals/whatsapp" method="POST">
						@csrf
						<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Enviar cotización por whatsapp</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" >
								<div class="row g-9 mb-8">
									<div class="col-md-8 fv-row mb-1">
										<div class="input-group">
											<div class="input-group-addon">
												@if(isset($proposal->project->contact->person->phones[0]))
												<span ng-init="lada={{$proposal->project->contact->person->phones[0]->lada}}; number={{$proposal->project->contact->person->phones[0]->phone}}"></span>
												@endif
												<select id="protocol" class="form-select" name="lada" ng-model="lada">
													<option value="52" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='52') selected @endif>🇲🇽 +52</option>
													<option value="1" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='1') selected @endif>🇺🇸 +1</option>
													<option value="54" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='54') selected @endif>🇦🇷 +54</option>
													<option value="591" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='591') selected @endif>🇧🇴 +591</option>
													<option value="56" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='56') selected @endif>🇨🇱 +56</option>
													<option value="57" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='57') selected @endif>🇨🇴 +57</option>
													<option value="506" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='506') selected @endif>🇨🇷 +506</option>
													<option value="53" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='53') selected @endif>🇨🇺 +53</option>
													<option value="593" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='593') selected @endif>🇪🇨 +593</option>
													<option value="503" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='503') selected @endif>🇸🇻 +503</option>
													<option value="34" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='34') selected @endif>🇪🇸 +34</option>
													<option value="502" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='502') selected @endif>🇬🇹 +502</option>
													<option value="504" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='504') selected @endif>🇭🇳 +504</option>
													<option value="505" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='505') selected @endif>🇳🇮 +505</option>
													<option value="507" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='507') selected @endif>🇵🇦 +507</option>
													<option value="51" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='51') selected @endif>🇵🇪 +51</option>
													<option value="595" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='595') selected @endif>🇵🇾 +595</option>
													<option value="598" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='598') selected @endif>🇺🇾 +598</option>
													<option value="58" @if(isset($proposal->project->contact->person->phones[0]) && $proposal->project->contact->person->phones[0]->lada=='58') selected @endif>🇻🇪 +58</option>
												</select>
											</div>
											<input ng-model="number" type="text" name="phone" ng-model="numer" class="form-control mb-3 mb-lg-0" placeholder="Introduce el número de teléfono a 10 dígitos"  id="kt_inputmask_2x" value="{{$proposal->project->contact->person->phones[0]->phone ?? '' }}" required />
										</div>
										 
									</div>
									<div class="col-md-4 fv-row mb-1">
										<a href="https://api.whatsapp.com/send?phone=@{{lada}}@{{number}}&text=Te%20mando%20la%20cotizacion%20con%20folio%20{{$proposal->folio}}%20{{env('APP_URL')}}/proposals/print/{{$proposal->id}}" target="_blank" class="btn btn-bg-light btn-active-color-info">
											<i class="fa fa-paper-plane" aria-hidden="true"></i> Enviar
										</a>
									</div>
								</div>
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancelar</button>
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - Send Quotation whatsapp Web-->

		<!--begin::Modal - Annexe2-->
		<div class="modal fade" id="kt_modal_annexe2" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-1000px">
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					<form class="form" action="/sales_contract/annexe2" method="POST" id="kt_modal_new_address_form" >
						@csrf
						<input type="hidden" name="proposal_id" value="{{$proposal->id}}">
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Generar Solicitud para interconexión (Anexo 2)<nav></nav></h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_new_address_header" data-kt-scroll-wrappers="#kt_modal_new_address_scroll" data-kt-scroll-offset="300px">
								<!--begin::Notice-->
								<!--begin::Input group-->
								<div class="row g-9 mb-8">
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-1">Nombre del cliente o empresa</label>
										<input type="text" name="customer" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract->customer) ? $proposal->sale_contract->customer : $proposal->project->contact->person->fullname}}" required />
									</div>
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-1">RPU</label>
										<input type="text" name="rpu" class="form-control form-control mb-3 mb-lg-0" value="{{$proposal->project->rpu}}" required />
									</div>
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Tensión de suministro (V) </label>
										<input type="text" name="voltage" class="form-control form-control mb-3 mb-lg-0" value="{{ isset($proposal->sale_contract) ? $proposal->sale_contract->voltage : null }}" placeholder="220"required />
									</div>
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Tipo de tensión</label>
										<select name="tension_type" aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select"  required>
											<option value="baja" @if( isset($proposal->sale_contract) && $proposal->sale_contract->tension_type=='baja') selected @endif >Baja</option>
											<option value="media" @if( isset($proposal->sale_contract) && $proposal->sale_contract->tension_type=='media') selected @endif >Media</option>
										</select>
									</div>

									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Fecha de la cita en CFE:</label>
										<input type="date" name="cfe_appointment_date"  class="form-control form-control mb-3 mb-lg-0"  value="{{ isset($proposal->sale_contract) ? $proposal->sale_contract->cfe_appointment_date : null }}"  required >
									</div>
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Fecha estimada de operación de la central eléctrica:</label>
										<input type="date" name="estimated_date_operation_power_plant" class="form-control form-control mb-3 mb-lg-0"  value="{{ isset($proposal->sale_contract) ? $proposal->sale_contract->estimated_date_operation_power_plant : null }}" >
									</div>
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-1">Modalidad de la solicitud</label>
										<select name="utilization_energy_produced"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select"  required>
											<option value="1" @if(isset($proposal->sale_contract) && $proposal->sale_contract->utilization_energy_produced==1) selected @endif>Consumos de centros de carga</option>
											<option value="2" @if(isset($proposal->sale_contract) && $proposal->sale_contract->utilization_energy_produced==2) selected @endif>Consumos de centros de carga y venta de excedentes</option>
											<option value="3" @if(isset($proposal->sale_contract) && $proposal->sale_contract->utilization_energy_produced==2) selected @endif>Venta total</option>
										</select>
									</div>
									<div class="col-md-3 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-2">Gestor asignado</label>
										@if(count($managers) == 0)
										<p class="text-danger">No hay gestores agregados </p> <a href="/managers"><i class="fas fa-plus me-2"></i> Agregar gestores</a>
										@else
										<select name="manager_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select"  required>
											@foreach($managers as $item)
											<option value="{{$item->id}}" @if(isset($proposal->sale_contract) && $proposal->sale_contract->manager_id==$item->id) selected @endif> {{$item->name}} </option>
											@endforeach
										</select>
										@endif
									</div>
									<div class="col-md-6 fv-row mb-1">
										<label class="required fw-semibold fs-6 mb-1">Generación promedio mensual estimada (kWh)</label>
										@php
											if($proposal->project->invoice_type == 'bimestral')
												$system_generation = $proposal->system_generation / 2;
											else
												$system_generation = $proposal->system_generation;
											
										@endphp
										<input type="text" name="system_generation" class="form-control form-control-solid mb-3 mb-lg-0" value="{{$system_generation}}" required />
									</div>
									<div class=" rounded border p-10 " >
										<div class="row mw-900px mb-5">
											<label class="d-flex align-items-center fs-5 fw-semibold"> DATOS DEL SOLICITANTE </label><br><br>
											
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">Email del cliente</label>
												<input type="text" name="email" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->email : null }}" required />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">Teléfono</label>
												<input type="text" name="phone" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->phone : null}}" required />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class=" fw-semibold fs-6 mb-2">Fax</label>
												<input type="text" name="applicant_fax" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_fax : null}}"  />
											</div>
											<div class="col-md-3 fv-row mb-1">
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">Calle</label>
												<input type="text" name="applicant_street" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_street : null}}" required />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">Número exterior</label>
												<input type="text" name="applicant_external_number" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_external_number : null}}" required />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="fw-semibold fs-6 mb-2">Número interior </label>
												<input type="text" name="applicant_internal_number" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_internal_number : null}}" />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">CP</label>
												<input type="text" name="applicant_cp" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_cp : null}}" required />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">Colonia</label>
												<input type="text" name="applicant_colony" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_colony : null}}" required />
											</div>
											<div class="col-md-3 fv-row mb-1">
												<label class="required fw-semibold fs-6 mb-2">Municipio </label>
												<input type="text" name="applicant_municipality" class="form-control form-control mb-3 mb-lg-0" value="{{isset($proposal->sale_contract) ? $proposal->sale_contract->applicant_municipality : null}}" required />
											</div>

										</div>
									</div>
								</div>
								<!--end::Input group-->
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancelar</button>
							<button type="submit" id="kt_modal_new_address_submit" class="btn btn-primary">
								<span class="indicator-label">Generar solicitud de interconexión</span>
							</button>
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - Annexe2-->
		<div class="modal bg-white fade" tabindex="-1" id="kt_modal_pdf_proposal">
			<div class="modal-dialog modal-fullscreen">
				<div class="modal-content shadow-none">
					<div class="modal-header">
						<h5 class="modal-title">Folio {{$proposal->folio}} {{$proposal->project->contact->person->fullname}}</h5>

						<!--begin::Close-->
						<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
						<!--end::Close-->
					</div>

					<div class="modal-body">
						<iframe src="{{env('APP_URL')}}/proposals/print/{{$proposal->id}}" style="position:fixed; top:80px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> </iframe>
					</div>
					<style>
					iframe{
					border:none;
					}
					</style>
					<div class="modal-footer">
					</div>
				</div>
			</div>
		</div>
		<!--begin::Modal - Add Advisor-->
		<div class="modal fade" id="kt_modal_add_advisor" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-650px">
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Modal header-->
					<div class="modal-header" id="kt_modal_add_user_header">
						<!--begin::Modal title-->
						<h2 class="fw-bold">Asesores</h2>
						<!--end::Modal title-->
						<!--begin::Close-->
						<div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal">
							<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
							<span class="svg-icon svg-icon-1">
								<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
									<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
									<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
								</svg>
							</span>
							<!--end::Svg Icon-->
						</div>
						<!--end::Close-->
					</div>
					<!--end::Modal header-->
					<!--begin::Modal body-->
					<div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
						<!--begin::Form-->
						<form id="kt_modal_add_user_form" class="form" action="/advisor_proposals" method="POST">
							@csrf
							<!--begin::Scroll-->
							<div class="d-flex flex-column scroll-y me-n7 pe-7" id="kt_modal_add_user_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_add_user_header" data-kt-scroll-wrappers="#kt_modal_add_user_scroll" data-kt-scroll-offset="300px">
								<!--begin::Input group-->
								<div class="row">
									<!--begin::Label-->
									<label class="required fw-semibold fs-6 mb-2">Asesor</label>
									<!--end::Label-->
									<div class="col-md-8"> 
										<select name="user_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select"  required>
											<option value="">Selecciona...</option>
											@foreach($users as $user)
											<option value="{{$user->id}}" @if ($loop->first) selected @endif>{{$user->person->name}}</option>
											@endforeach
										</select>
									</div>
									<div class="col-md-4"> 
										<input type="text" ng-model="proposal_id" name="proposal_id" style="display:none" >
										<button type="submit" class="btn btn-bg-light btn-active-color-info" data-kt-users-modal-action="submit">
											<span class="indicator-label">Agregar asesor</span>
											<span class="indicator-progress">Please wait...
											<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
										</button>
									</div>
								</div>
								<!--end::Input group-->
								<div class="mt-5">
									<div class="d-flex flex-stack mb-5" ng-repeat="item in proposal.proposal_advisors">
										<!--begin::Section-->
										<div class="d-flex align-items-center me-2">
											<div class="symbol symbol-50px me-3">
												<img src="@{{item.user.person.photo}}" class="h-40" alt="">
											</div>
											<div>
												<span class="fs-6 text-gray-800 text-hover-primary fw-bold">@{{item.user.person.name}} @{{item.user.person.last_name}}</span>
											</div>
										</div>
										<!--end::Section-->
										<!--begin::Label-->
										<a href="/advisor_proposals/delete/@{{item.id}}"  class="btn btn-sm btn-light-danger ">Eliminar</a> 
										<!--end::Label-->
									</div>
								</div>

							</div>
							<!--end::Scroll-->
							<!--begin::Actions-->
							<div class="text-center pt-15">
								<button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal">Cerrar</button>
							</div>
							<!--end::Actions-->
						</form>
						<!--end::Form-->
					</div>
					<!--end::Modal body-->
				</div>
				<!--end::Modal content-->
			</div>
			<!--end::Modal dialog-->
		</div>
		<!--end::Modal - Add Advisor-->

		<!--begin::Modal - contact_mediums-->
		<div class="modal fade" id="kt_modal_contact_mediums" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-900px" >
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					<form class="form" method="post"  ng-submit="addContactMediums()" >
						@csrf
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Medios de contacto</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_new_address_header" data-kt-scroll-wrappers="#kt_modal_new_address_scroll" data-kt-scroll-offset="300px">
								<div class="row g-9 mb-8">
									<div class="col-md-6 fv-row mb-1">
										<input type="text" ng-model="formData.name" name="name" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nombre" required />
									</div>
									<div class="col-md-4 fv-row mb-1">
										<button type="submit" class="btn btn-primary">
											<span class="indicator-label">Agregar</span>
										</button>
									</div>
									<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
										<thead>
											<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
												<th></th>
												<th class="min-w-100px">Nombre</th>
												<th class="text-end min-w-100px"></th>
											</tr>
										</thead>
										<tbody class="text-gray-600 fw-semibold">
											<tr ng-repeat="item in contact_mediums">
												<th></th>
												<th class="min-w-100px">@{{ item.name}}</th>
												<td><button type="button" ng-click="deleteContactMedium(item.id,item.name)" class="btn btn-sm btn-danger" ng-show="item.company_id!=null">Eliminar</button> </td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cerrar</button>
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - contact_mediums -->

		<!--begin::Modal - Purchase type-->
		<div class="modal fade" id="kt_modal_purchase_type" tabindex="-1" aria-hidden="true">
			<!--begin::Modal dialog-->
			<div class="modal-dialog modal-dialog-centered mw-900px" >
				<!--begin::Modal content-->
				<div class="modal-content">
					<!--begin::Form-->
					<form class="form" method="post"  ng-submit="addPurchaseType()" >
						@csrf
						<!--begin::Modal header-->
						<div class="modal-header" id="kt_modal_new_address_header">
							<!--begin::Modal title-->
							<h2>Tipos de compra</h2>
							<!--end::Modal title-->
							<!--begin::Close-->
							<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
								<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
								<span class="svg-icon svg-icon-1">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor" />
										<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor" />
									</svg>
								</span>
								<!--end::Svg Icon-->
							</div>
							<!--end::Close-->
						</div>
						<!--end::Modal header-->
						<!--begin::Modal body-->
						<div class="modal-body py-10 px-lg-17">
							<!--begin::Scroll-->
							<div class="scroll-y me-n7 pe-7" id="kt_modal_new_address_scroll" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_new_address_header" data-kt-scroll-wrappers="#kt_modal_new_address_scroll" data-kt-scroll-offset="300px">
								<div class="row g-9 mb-8">
										<div class="col-md-6 fv-row mb-1">
											<input type="text" ng-model="formData.name" name="name" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nombre" required />
										</div>
										<div class="col-md-4 fv-row mb-1">
											<button type="submit" class="btn btn-primary">
												<span class="indicator-label">Agregar</span>
											</button>
										</div>
									<table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
										<thead>
											<tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
												<th></th>
												<th class="min-w-100px">Nombre</th>
												<th class="text-end min-w-100px"></th>
											</tr>
										</thead>
										<tbody class="text-gray-600 fw-semibold">
											<tr ng-repeat="item in purchase_types">
												<th></th>
												<th class="min-w-100px">@{{ item.name}}</th>
												<td><button type="button" ng-click="deletePurchaseType(item.id,item.name)" class="btn btn-sm btn-danger" ng-show="item.company_id!=null">Eliminar</button> </td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<!--end::Scroll-->
						</div>
						<!--end::Modal body-->
						<!--begin::Modal footer-->
						<div class="modal-footer flex-center">
							<button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cerrar</button>
						</div>
						<!--end::Modal footer-->
					</form>
					<!--end::Form-->
				</div>
			</div>
		</div>
		<!--end::Modal - Purchase type -->
	</div>
	<!--end::Content-->

	
	
@endsection

@section('js')

<script>
	
  
	var predictionsList = document.getElementById('predictions');
	predictionsList.innerHTML = '';
	const geocoder = new google.maps.Geocoder();

	var inputElement = document.getElementById('addressPoint');
	inputElement.addEventListener('input', function () {
		var valor = inputElement.value;
		console.log('El valor cambió a: ' + valor);
		updateDirecciones();
	});								
	@if($proposal->project->latitude== null )
		$(document).ready(function () {
			generarMapa(19.42847,-99.12766);
		});
	@else
		$(document).ready(function () {
			generarMapa({{$proposal->project->latitude}}, {{$proposal->project->longitude}});
		});
	@endif			
	
	
	function updateDirecciones(){

		const autoCompleteService = new google.maps.places.AutocompleteService();
		
		var inputElement = document.getElementById('addressPoint');
		var address = inputElement.value;
		if ( address ) {
			autoCompleteService.getPlacePredictions({ input: address }, function (predictions, status) {
				if (status === google.maps.places.PlacesServiceStatus.OK) {
					//var predictionsList = document.getElementById('predictions');
					predictionsList.innerHTML = '';


					predictions.forEach(function (prediction) {
						var listItem = document.createElement('li');
						listItem.textContent = prediction.description;
						listItem.classList.add('list-group-item');


						listItem.addEventListener('click', function () {
							selectPrediction(prediction);
						});

						predictionsList.appendChild(listItem);
					});
					
				}
			});
		}
	}


	function selectPrediction(prediction) {
		var inputDireccion = document.getElementById('addressPoint');
		inputDireccion.value = prediction.description;

		geocoder.geocode({ address: prediction.description }, function (results, status) {
			if (status === 'OK' && results[0]) {
				const location = results[0].geometry.location;
				
				var latitudeElement = document.getElementById('latitude');
				var longitudeElement = document.getElementById('longitude');
										
				latitudeElement.value = location.lat();
				longitudeElement.value = location.lng();
				generarMapa( location.lat(), location.lng());
			} else {
				alert('No se pudo encontrar la ubicación.');
			}
		});

																

		predictionsList.innerHTML = '';
		console.log('Seleccionaste la predicción: ' + prediction.description);
	}


	function generarMapa(lati, long){
		const myLatlng = { lat: lati, lng: long };
		
		const map = new google.maps.Map(document.getElementById("map_solar_app"), {
			zoom: 14,
			center: myLatlng,
		});
		imgURL = "https://sunone.io/assets/app/media/ubicacion.png";
		const marker = new google.maps.Marker({
			position: myLatlng,
			map,
			icon: imgURL
		});
			map.addListener('click', function(event) {


			marker.setPosition(event.latLng);

			var latitudeElement = document.getElementById('latitude');
			var longitudeElement = document.getElementById('longitude');
			latitudeElement.value = event.latLng.lat();
			longitudeElement.value = event.latLng.lng();


		});
	}

	
</script>

<script src="/assets/app/js/custom/confirm_delete.js"></script>
<script src="/assets/app/js/custom/ics.js"></script>
<script src="/assets/app/js/custom/documentation/forms/inputmask.js"></script>
<script src="/assets/app/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="/assets/app/plugins/custom/formrepeater/formrepeater.bundle.js"></script>

<script src="/assets/app/js/custom/apps/ecommerce/catalog/save-product.js"></script>
<script src="/assets/app/js/widgets.bundle.js"></script>
<script src="/assets/app/js/custom/widgets.js"></script>

<script src="/assets/app/js/custom/documentation/documentation.js"></script>
<script src="/assets/app/js/custom/documentation/forms/flatpickr.js"></script>

<script src="/assets/app/plugins/custom/ckeditor/ckeditor-classic.bundle.js"></script>
<script>
	ClassicEditor
    .create(document.querySelector('#kt_docs_ckeditor_classic'))
    .then(editor => {
        console.log(editor);
    })
    .catch(error => {
        console.error(error);
    });

	$("#kt_datepicker_11").flatpickr({
		enableTime: true,
		dateFormat: "Y-m-d H:i",
	});

	
	$("#kt_datepicker_12").flatpickr({
		enableTime: false,
		dateFormat: "Y-m-d",
	});
	$("#kt_datepicker_13").flatpickr({
		enableTime: true,
		dateFormat: "Y-m-d H:i",
	});

// set the dropzone container id
const id = "#kt_dropzonejs_example_3";
const dropzone = document.querySelector(id);

// set the preview element template
var previewNode = dropzone.querySelector(".dropzone-item");
previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML;
previewNode.parentNode.removeChild(previewNode);
proposal_id =$('#proposal_id').val();
console.log(proposal_id);
var myDropzone = new Dropzone(id, { // Make the whole body a dropzone
    url: "/proposal_files/"+proposal_id, // Set the url for your upload script location
    parallelUploads: 20,
    maxFilesize: 20, // Max filesize in MB
    previewTemplate: previewTemplate,
    previewsContainer: id + " .dropzone-items", // Define the container to display the previews
    clickable: id + " .dropzone-select" // Define the element that should be used as click trigger to select files.
});

myDropzone.on("addedfile", function (file) {
    // Hookup the start button
    const dropzoneItems = dropzone.querySelectorAll('.dropzone-item');
    dropzoneItems.forEach(dropzoneItem => {
        dropzoneItem.style.display = '';
    });
});

// Update the total progress bar
myDropzone.on("totaluploadprogress", function (progress) {
    const progressBars = dropzone.querySelectorAll('.progress-bar');
    progressBars.forEach(progressBar => {
        progressBar.style.width = progress + "%";
    });
});

myDropzone.on("sending", function (file) {
    // Show the total progress bar when upload starts
    const progressBars = dropzone.querySelectorAll('.progress-bar');
    progressBars.forEach(progressBar => {
        progressBar.style.opacity = "1";
    });
});

// Hide the total progress bar when nothing"s uploading anymore
myDropzone.on("complete", function (progress) {
	console.log("complete");
    const progressBars = dropzone.querySelectorAll('.dz-complete');

    setTimeout(function () {
        progressBars.forEach(progressBar => {
            progressBar.querySelector('.progress-bar').style.opacity = "0";
            progressBar.querySelector('.progress').style.opacity = "0";
        });
    }, 300);
});

$(document).ready(function() {
    function isMobile() {
        var userAgent = navigator.userAgent || navigator.vendor || window.opera;

        // Detectar dispositivos Android, iOS, Opera Mini, y Windows Phone
        return (/android/i.test(userAgent) ||
                /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream ||
                /opera mini/i.test(userAgent) ||
                /iemobile/i.test(userAgent));
    }

    if (isMobile()) {
        $('#link-container').html('<a href="/proposals/print/{{$proposal->id}}" target="_blank" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary me-2" title="xPDF de la cotización" ><i class="fa fa-file" aria-hidden="true"></i> </a>');
    } else {
        $('#link-container').html('<a class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary me-2" title="PDF de la cotización" data-bs-toggle="modal" data-bs-target="#kt_modal_pdf_proposal"><i class="fa fa-file" aria-hidden="true"></i> </a>');
    }
});
</script>
@endsection