@extends('layouts.master_app')
@section('title') Editar contacto @endsection

@section('css')
@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">Editar contacto
					<!--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"> {{$contact->person->full_name}}</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-->
	
	<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
		<!--begin::Container-->
		<div id="kt_content_container" class="container-xxl">
			
			<!--begin::Edit contact-->
			<div class="card mb-5 mb-xl-10">
				<!--begin::Card header-->
				<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
					<!--begin::Card title-->
					<div class="card-title m-0">
						<h3 class="fw-bold m-0">Editar contacto</h3>
					</div>
					<!--end::Card title-->
				</div>
				<!--begin::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_profile_details" class="collapse show">
					<!--begin::Form-->
					<form id="kt_account_profile_details_form" class="form" method="POST" action="/contacts/edit">
					@csrf
					<input type="hidden" value="{{$contact->id}}" name="id">
						<!--begin::Card body-->
						<div class="card-body border-top p-9">
							
							<!--begin::Input group-->
							<div class="row mb-6">
								<!--begin::Label-->
								<label class="col-lg-4 col-form-label required fw-semibold fs-6">Nombre</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8">
									<!--begin::Row-->
									<div class="row">
										<!--begin::Col-->
										<div class="col-lg-4 fv-row">
											<input type="text" name="name" class="form-control form-control-lg mb-3 mb-lg-0" placeholder="Nombre" value="{{$contact->person->name}}" required />
										</div>
										<!--end::Col-->
										<!--begin::Col-->
										<div class="col-lg-4 fv-row">
											<input type="text" name="last_name" class="form-control form-control-lg" placeholder="Apellido Paterno" value="{{$contact->person->last_name}}" />
										</div>
										<!--end::Col-->
										<!--begin::Col-->
										<div class="col-lg-4 fv-row">
											<input type="text" name="mothers_last_name" class="form-control form-control-lg" placeholder="Apellido Materno" value="{{$contact->person->mothers_last_name}}" />
										</div>
										<!--end::Col-->
									</div>
									<!--end::Row-->
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-6">
								<!--begin::Label-->
								<label class="col-lg-4 col-form-label fw-semibold fs-6">Empresa</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8 fv-row">
									<input type="text" name="name_business" class="form-control form-control-lg" placeholder="Nombre de empresa" value="{{$contact->name_business}}" />
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-6">
								<!--begin::Label-->
								<label class="col-lg-4 col-form-label fw-semibold fs-6">Puesto</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8 fv-row">
									<input type="text" name="position" class="form-control form-control-lg" placeholder="Puesto" value="{{$contact->position}}" />
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--<div class="row mb-6">
								<label class="col-lg-4 col-form-label fw-semibold fs-6">
									<span class="required">Contact Phone</span>
									<i class="fas fa-exclamation-circle ms-1 fs-7" data-bs-toggle="tooltip" title="Phone number must be active"></i>
								</label>
							
								<div class="col-lg-8 fv-row">
									<input type="tel" name="phone" class="form-control form-control-lg form-control-solid" placeholder="Phone number" value="044 3276 454 935" />
								</div>
							</div> -->
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-6">
								<!--begin::Label-->
								<label class="col-lg-4 col-form-label fw-semibold fs-6">Medio de contacto</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8 fv-row">
									<select name="contact_medium_id" aria-label="Select a Country" data-placeholder="Selecciona ..." class="form-select form-select-lg fw-semibold">
										<option value="">Selecciona...</option>
										@foreach($contact_mediums as $item)
										<option value="{{$item->id}}"  @if($item->id == $contact->contact_medium_id) selected @endif>{{$item->name}}</option>
										@endforeach
									</select>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->

							<!--begin::Input group-->
							<div class="row mb-6">
								<!--begin::Label-->
								<label class="col-lg-4 col-form-label fw-semibold fs-6">Tipo de contacto</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8 fv-row">
								<select name="status_contact_id" aria-label="Select a Country" data-placeholder="Selecciona ..." class="form-select form-select-lg fw-semibold">
										<option value="">Selecciona...</option>
										@foreach($status_contacts as $item)
										<option value="{{$item->id}}" @if($item->id == $contact->status_contact_id) selected @endif>{{$item->name}}</option>
										@endforeach
									</select>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							
						</div>
						<!--end::Card body-->
						<!--begin::Actions-->
						<div class="card-footer d-flex justify-content-end py-6 px-9">
							<button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit">Actualizar información</button>
						</div>
						<!--end::Actions-->
					</form>
					<!--end::Form-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Edit contact-->

			<!--begin::Emails-->
			<div class="card mb-5 mb-xl-10">
				<!--begin::Card header-->
				<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
					<!--begin::Card title-->
					<div class="card-title m-0">
						<h3 class="fw-bold m-0">Emails</h3>
					</div>
					<!--end::Card title-->
				</div>
				<!--begin::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_profile_details" class="collapse show">
					<!--begin::Form-->
						<!--begin::Card body-->
						<div class="card-body border-top p-9">
							<form id="kt_account_profile_details_form" class="form" method="POST" action="/person_emails">
								<div class="row g-9 mb-8">
									@csrf
									<input type="hidden" value="{{$contact->id}}" name="contact_id">
									<div class="col-md-6 fv-row mb-1">
										<input  name="email" class="form-control mb-3 mb-lg-0" placeholder="Email" required />
									</div>
									<div class="col-md-4 fv-row mb-1">
										<button type="submit" class="btn btn-primary">
											<span class="indicator-label">Agregar nuevo email</span>
										</button>
									</div>
								</div>
							</form>
							<!--begin::Input group-->
							@foreach($contact->person->emails as $item)
							<div class="row mb-6">
								<!--begin::Col-->
								<div class="col-lg-8">
									<!--begin::Row-->
									<form method="POST" action="/person_emails/update/{{$item->id}}">
									@csrf	
									<div class="row">
										<!--begin::Col-->
										<div class="col-lg-6 fv-row">
											<input type="text" name="email" class="form-control form-control-lg mb-3 mb-lg-0" placeholder="Nombre" value="{{$item->email}}" required/>
										</div>
										<!--end::Col-->
										<!--begin::Col-->
										<div class="col-lg-4 fv-row">
											<button type="submit" class="btn btn-sm btn-secondary">Actualizar</button>
											<button type="button" onclick="delete_item(this);" data="{{ route('person_emails.destroy', [$item->id]) }}" class="btn btn-sm btn-danger">Eliminar</button>
										</div>
										<!--end::Col-->
									</div>
									</form>
									<!--end::Row-->
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							@endforeach
						</div>
						<!--end::Card body-->
						
					</form>
					<!--end::Form-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Emails-->

			<!--begin::Phones-->
			<div class="card mb-5 mb-xl-10">
				<!--begin::Card header-->
				<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
					<!--begin::Card title-->
					<div class="card-title m-0">
						<h3 class="fw-bold m-0">Teléfonos</h3>
					</div>
					<!--end::Card title-->
				</div>
				<!--begin::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_profile_details" class="collapse show">
					<!--begin::Form-->
						<!--begin::Card body-->
						<div class="card-body border-top p-9">
							<form id="kt_account_profile_details_form" class="form" method="POST" action="/person_phones">
								<div class="row g-9 mb-8">
									@csrf
									<input type="hidden" value="{{$contact->id}}" name="contact_id">
									<div class="col-md-6 fv-row mb-1">
										<div class="input-group">
											<div class="input-group-addon">
												<select id="protocol" class="form-select" name="lada">
													<option value="52" selected>🇲🇽 +52</option>
													<option value="1">🇺🇸 +1</option>
													<option value="54">🇦🇷 +54</option>
													<option value="591">🇧🇴 +591</option>
													<option value="56">🇨🇱 +56</option>
													<option value="57">🇨🇴 +57</option>
													<option value="506">🇨🇷 +506</option>
													<option value="53">🇨🇺 +53</option>
													<option value="593">🇪🇨 +593</option>
													<option value="503">🇸🇻 +503</option>
													<option value="34">🇪🇸 +34</option>
													<option value="502">🇬🇹 +502</option>
													<option value="504">🇭🇳 +504</option>
													<option value="505">🇳🇮 +505</option>
													<option value="507">🇵🇦 +507</option>
													<option value="51">🇵🇪 +51</option>
													<option value="595">🇵🇾 +595</option>
													<option value="598">🇺🇾 +598</option>
													<option value="58">🇻🇪 +58</option>
												</select>
											</div>
											<input type="text" name="phone" class="form-control mb-3 mb-lg-0" placeholder="Teléfono"  id="kt_inputmask_2" value="" required />
										</div>

									</div>
									<div class="col-md-4 fv-row mb-1">
										<button type="submit" class="btn btn-primary">
											<span class="indicator-label">Agregar nuevo teléfono</span>
										</button>
									</div>
								</div>
							</form>
							<!--begin::Input group-->
							@foreach($contact->person->phones as $item)
							<div class="row mb-6">
								<!--begin::Col-->
								<div class="col-lg-8">
									<!--begin::Row-->
									<form method="POST" action="/person_phones/update/{{$item->id}}">
									@csrf	
									<div class="row">
										<!--begin::Col-->
										<div class="col-lg-6 fv-row">
											<div class="input-group">
												<div class="input-group-addon">
													<select id="protocol" class="form-select" name="lada">
														<option value="52" @if($item->lada=='52') selected @endif>🇲🇽 +52</option>
														<option value="1" @if($item->lada=='1') selected @endif>🇺🇸 +1</option>
														<option value="54" @if($item->lada=='54') selected @endif>🇦🇷 +54</option>
														<option value="591" @if($item->lada=='591') selected @endif>🇧🇴 +591</option>
														<option value="56" @if($item->lada=='56') selected @endif>🇨🇱 +56</option>
														<option value="57" @if($item->lada=='57') selected @endif>🇨🇴 +57</option>
														<option value="506" @if($item->lada=='506') selected @endif>🇨🇷 +506</option>
														<option value="53" @if($item->lada=='53') selected @endif>🇨🇺 +53</option>
														<option value="593" @if($item->lada=='593') selected @endif>🇪🇨 +593</option>
														<option value="503" @if($item->lada=='503') selected @endif>🇸🇻 +503</option>
														<option value="34" @if($item->lada=='34') selected @endif>🇪🇸 +34</option>
														<option value="502" @if($item->lada=='502') selected @endif>🇬🇹 +502</option>
														<option value="504" @if($item->lada=='504') selected @endif>🇭🇳 +504</option>
														<option value="505" @if($item->lada=='505') selected @endif>🇳🇮 +505</option>
														<option value="507" @if($item->lada=='507') selected @endif>🇵🇦 +507</option>
														<option value="51" @if($item->lada=='51') selected @endif>🇵🇪 +51</option>
														<option value="595" @if($item->lada=='595') selected @endif>🇵🇾 +595</option>
														<option value="598" @if($item->lada=='598') selected @endif>🇺🇾 +598</option>
														<option value="58" @if($item->lada=='58') selected @endif>🇻🇪 +58</option>
													</select>
												</div>
												<input type="text" name="phone" class="form-control mb-3 mb-lg-0" placeholder=""  id="kt_inputmask_2" value="{{$item->phone}}" required />
											</div>
										</div>
										<!--end::Col-->
										<!--begin::Col-->
										<div class="col-lg-4 fv-row">
											<button type="submit" class="btn btn-sm btn-secondary">Actualizar</button>
											<button type="button" onclick="delete_item(this);" data="{{ route('person_phones.destroy', [$item->id]) }}" class="btn btn-sm btn-danger">Eliminar</button>
										</div>
										<!--end::Col-->
									</div>
									</form>
									<!--end::Row-->
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							@endforeach
						</div>
						<!--end::Card body-->
						
					</form>
					<!--end::Form-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Emails-->
		
		</div>
		<!--end::Phones-->
	</div>
@endsection

@section('js')
<script src="/assets/app/js/custom/confirm_delete.js"></script>
<script src="/assets/app/js/custom/documentation/forms/inputmask.js"></script>
@endsection