@extends('layouts/contentLayoutMaster')

@section('title', __('locale.Request'). ' ' . '#' . $requests->protocol_number)

{{-- @section('content') --}}

@section('vendor-style')
<!-- vendor css files -->
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/wizard/bs-stepper.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
@endsection


@section('page-style')
<!-- Page css files -->
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-wizard.css')) }}">
<link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">

@endsection

@section('content')

<x-request.dependent :sexs="$sexs" :kinships="$kinships"/>
<x-request.holder :sexs="$sexs" :status="$status" :groups="$groups"/>

<section id="multiple-column-form">
	<div class="horizontal-wizard">
		<div class="col-12">


			<form class="form-add-request" enctype="multipart/form-data">
				@csrf
				<div class="col-12">
					<div class="card">
						<div class="card-header">
							@if($activeDisable === true)
								<h4 class="card-title">Sla: {{$finishedDays}} de {{$requests->sla}} dias</h4>
							@endif
							@if($activeDisable === false)
								<h4 class="card-title">Sla: {{$remainingDays}} de {{$requests->sla}} dias</h4>
								<div class="flex flex-col">
									@if($requests->processed === 1 || in_array($requests->requests_type_id,[6,7,8,9,10,11]) && in_array($control_access_id,[1,2,3]))
										<button type="button" class="btn btn-primary me-1" id="btnEndRequest">Finalizar solicitação</button>
									@endif
									@if($requests->processed === 0)
									<div class="btn-group">
										<a href="#" class="btn btn-primary" id="btnEditar"><i data-feather='edit-3'></i></a>
										<a href="#" class="btn btn-info" id="btnVisualizar">
											<i data-feather="eye"></i>
										</a>
									</div>
									@endif
								</div>
							@endif
						</div>
						<div class="card-body">
								<div class="row">
									<input type="hidden" value="{{$requests->id}}" id="request_id">
									<input type="hidden" value="{{$requests->contract_id}}" id="contract_id">
									<input type="hidden" value="{{$products->supplier_id}}" id="supplier_id">
									<div class="col-md-6 col-12">
										<div class="mb-1">
											<label class="form-label" for="requests_type_id">{{ __('locale.Table.Request.Column.RequestType') }}</label>
											<select id="requests_type_id" class="select2" placeholder="Tipo Solicitação" name="requests_type_id" required disabled>
												<option value="" selected disabled>{{ __('locale.Table.Request.Column.SelectOption') }}</option>
												@foreach ($supplier_type_requests as $supplier_type_request)
													<option value="{{ $supplier_type_request->id }}" {{ $requests->supplierTypeRequest->id == $supplier_type_request->id ? 'selected' : '' }}>
														{{ $supplier_type_request->type_request }}
													</option>
												@endforeach
											</select>
										</div>
									</div>							
									<div class="col-md-6">
										<div class="form-group">
											<label for="company_id" class="form-label">{{ __('locale.Table.Request.Column.Companies') }}</label>
											<select class="select2" name="company_id" id="company_id" required disabled>
												<option value="" selected disabled>{{ __('locale.Table.Request.Column.SelectBeneficiary') }}</option>
												@foreach ($companies as $company)
													<option value="{{ $company->id }}" @if ($requests->company->id == $company->id) selected @endif>{{ $company->name }}</option>
												@endforeach
											</select>
										</div>
									</div>
									<div class="col-md-12 col-12 inputs_delete hidden">
										<div class="mb-1">
											<label class="form-label" for="delete_type_id">{{ __('locale.Table.Request.Column.TypeofExclusion') }}</label>
											<select id="delete_type_id" class="select2" name="delete_type_id" disabled>
												<option value="" selected disabled>{{ __('locale.Table.Request.Column.SelectOption') }}</option>
												<option value="1" {{ $requests->delete_type_id == 1 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.Immediate') }}</option>
												<option value="2" {{ $requests->delete_type_id == 2 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.WithTemporaryExtension') }}</option>
												<option value="3" {{ $requests->delete_type_id == 3 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.WithLifetimeExtension') }}</option>
											</select>
										</div>
									</div>
									<div class="col-md-12 col-12 inputs_transfer hidden">
										<div class="mb-1">
											<label class="form-label" for="transfer_type_id">Tipos de transferincia</label>
											<select id="transfer_type_id" class="select2" name="transfer_type_id" disabled>
												<option value="" selected disabled>{{ __('locale.Table.Request.Column.SelectOption') }}</option>
												<option value="1" {{ $requests->transfer_type_id == 1 ? 'selected' : '' }}>Empresas do mesmo grupo/subcontrato</option>
												<option value="2" {{ $requests->transfer_type_id == 2 ? 'selected' : '' }}>Centros-de-Custo</option>
												<option value="3" {{ $requests->transfer_type_id == 3 ? 'selected' : '' }}>Titularidade</option>
												<option value="4" {{ $requests->transfer_type_id == 4 ? 'selected' : '' }}>Produtos contratados</option>
												<option value="5" {{ $requests->transfer_type_id == 5 ? 'selected' : '' }}>Fornecedor</option>
											</select>
										</div>
									</div>
									<div class="col-md-12 col-12 input_new_company_id hidden">
										<div class="mb-1">
											<label class="form-label" for="new_company_id">Nova empresa</label>
											<select id="new_company_id" class="select2" name="new_company_id" disabled>
												@foreach ($companies as $company)
													<option value="{{ $company->id }}" @if ($requests->new_company_id == $company->id) selected @endif>{{ $company->name }}</option>
												@endforeach
											</select>
										</div>
									</div>
									<div class="col-md-6 col-12 inputs_transfer_supplier hidden mt-1">
										<div class="mb-1">
											<label class="form-label" for="current_supplier">Fornecedor atual</label>
											<select id="current_supplier" class="select2" name="current_supplier" disabled>
												<option  selected disabled>{{ __('locale.Table.Request.Column.SelectOption') }}</option>
	
											</select>
										</div>
									</div>
									<div class="col-md-6 col-12 inputs_transfer_supplier hidden mt-1">
										<div class="mb-1">
											<label class="form-label" for="new_supplier">Novo fornecedor</label>
											<select id="new_supplier" class="select2" name="new_supplier" disabled>
												<option selected disabled>{{ __('locale.Table.Request.Column.SelectOption') }}</option>
	
											</select>
										</div>
									</div>
									<div class="col-md-12">
										<div class="form-group">
											<label for="product_id" class="form-label">{{ __('locale.Table.Request.Column.Product') }}</label>
											<select class="select2" name="product_id" id="product_id" required disabled>
												<option value="" disabled>{{ __('locale.Table.Request.Column.Product') }}</option>
												{{-- @foreach ($products as $product) --}}
												<option value="{{ $products->product_id }}">
													{{ $products->supplier_name }} - {{ $products->product_type_name }} - {{ $products->product_name }} - {{ $products->policy_number }}
												</option>
											{{-- @endforeach	 --}}
											</select>
										</div>
									</div>
									@if(in_array($control_access_id,[1,2,3]))
									<div class="col-md-6">
										<label class="form-label" for="protocol_number_operator">{{ __('locale.Table.Request.Column.OperatorProtocolNumber') }}</label>
										<input type="text" value="{{ $requests->protocol_number_operator}}" id="protocol_number_operator" class="form-control" name="protocol_number_operator" placeholder="Número de Protocolo" disabled/>
									</div>
									@endif
									@if(in_array($control_access_id,[1,2,3]))
									<div class="col-md-6">
										<label class="form-label" for="status">{{ __('locale.Table.Request.Column.Status') }}</label>
										<select id="status" class="select2" placeholder="Status" name="status" required disabled>
											<option value="" disabled>{{ __('locale.Table.Request.Column.SelectStatus') }}</option>
											<option value="1" {{ $requests->status == 1 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.StatusActive') }}</option>
											<option value="2" {{ $requests->status == 2 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.StatusClosed') }}</option>
											<option value="3" {{ $requests->status == 3 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.StatusPendingRequester') }}</option>
											<option value="4" {{ $requests->status == 4 ? 'selected' : '' }}>{{ __('locale.Table.Request.Column.StatusPendingOperator') }}</option>
											<option value="5" {{ $requests->status == 5 ? 'selected' : '' }}>CANCELADO</option>
										</select>
									</div>
									@endif
									@if(in_array($control_access_id,[1,2]))
									<div class="col-md-6">
										<div class="form-group">
											<label for="employee_id" class="form-label">{{ __('locale.Table.Request.Column.Responsible') }}</label>
											<select class="select2" name="employee_id" id="employee_id" required disabled>
												<option value="" selected disabled>{{ __('locale.Table.Request.Column.SelectResponsible') }}</option>
												@foreach ($employees as $employee)
													<option value="{{ $employee->id }}" @if ($requests->employee->id == $employee->id) selected @endif>{{ $employee->name }}</option>
												@endforeach
											</select>
										</div>
									</div>
									@endif
									@if(in_array($control_access_id,[1,2,3]))
									<div class="{{ in_array($control_access_id, [3]) ? 'col-md-12' : 'col-md-6' }}">
										<div class="form-group">
											<label for="request_incidences_id" class="form-label">{{ __('locale.Table.Request.Column.Incident') }}</label>
											<select class="select2" name="request_incidences_id" id="request_incidences_id" disabled>
												<option value="" selected disabled>{{ __('locale.Table.Request.Column.SelectResponsible') }}</option>
												
											</select>
										</div>
									</div>
									@endif
								</div>
							
						</div>
					</div>
				</div>
	
				<div class="col-12">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">{{ __('locale.Table.Request.Column.CollaboratorsList') }}</h4>
							@if(in_array($requests->requests_type_id,[1,2,3,4,5]))
								@if($requests->processed === 0 && in_array($control_access_id,[1,2,3]))
									@if($requests->in_masse === 1)
									<button type="button" class="btn btn-primary me-1" id="btnProcessarInMasse">{{ __('locale.Table.Request.Column.Process') }}</button>
									@endif
									@if($requests->in_masse === 0)
									<button type="button" class="btn btn-primary me-1" id="btnProcessar">{{ __('locale.Table.Request.Column.Process') }}</button>
									@endif
								@endif
								@if($requests->processed === 1 && in_array($control_access_id,[1,2,3]))
									<button type="button" class="btn btn-primary me-1" id="btnRemessa">{{ __('locale.Table.Request.Column.Shipment') }}</button>
								@endif
							@endif
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-6 mb-1">
									<div class="form-group">
										<span>{{ __('locale.Table.Request.Column.Batch') }}</span>
										<div class="form-check d-inline-block mr-3">
											<label class="form-check-label" for="in_masse_yes">{{ __('locale.Table.Request.Column.Yes') }}</label>
											<input type="radio" class="form-check-input"
												id="in_masse_yes" name="in_masse"
												value="1" {{ $requests->in_masse == 1 ? 'checked' : '' }} disabled>
										</div>
										<div class="form-check d-inline-block mr-3">
											<label class="form-check-label" for="in_masse_no">{{ __('locale.Table.Request.Column.No') }}</label>
											<input type="radio" class="form-check-input"
												id="in_masse_no" name="in_masse"
												value="0" {{ $requests->in_masse == 0 ? 'checked' : '' }} disabled>
										</div>
									</div>
								</div>	
							</div>
							<div class="row">
								{{-- <div class="col-md-12 hidden mb-2" id="container_document_masse">
									<div class="form-group " id="documents_holder">
										<label for="document_masse">{{ __('locale.Table.Request.Column.BulkDataFile') }}</label>
										<input type="file" name="document_masse"
											id="document_masse" class="form-control"
											accept=".xls,.xlsx,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" disabled>
									</div>
								</div> --}}
								@if($requests->in_masse === 1)
								<div class="col-md-6 mb-2" id="container_document_masse">
									<div class="form-group">
										<label for="document_masse">{{ __('locale.Table.Request.Column.BulkDataFile') }}</label>
										<input type="file" name="document_masse"
											id="document_masse" class="form-control"
											accept=".xls,.xlsx,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
									</div>
								</div>
								@endif
								@if($requests->in_masse === 1)
								<div class="col-md-6 mb-2" id="container_document_masse_file">
									<div class="form-group">
										<label for="file_masse">Documentos</label>
										<input type="file" name="file_masse"
											id="file_masse" class="form-control">
									</div>
								</div>
								@endif
								@if($requests->in_masse === 0)
								<div class="col-md-12" id="container_table">
									<div id="holder_select_title"></div>
									<div id="holder_select_all"></div>
									<div style="max-height: 300px; overflow-y: auto;">
										<table class="table table-striped" id="holder_select_table">
										</table>
									</div>
									<div class="col-md-12 mt-1" id="documentSection"></div>
								</div>
								@endif
							</div>
						</div>
						<div class="card-footer hidden" id="card_buttons">
							<div class="row mt-2">
								<div class="col-12">
									<button type="button" class="btn btn-primary me-1" id="btnAddRequests">{{ __('locale.Table.Contract.Column.AddButton') }}</button>
									<button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Table.Contract.Column.BackButton') }}</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				@if($requests->processed === 1 && in_array($control_access_id,[1,2,3]))
				<div class="col-12" id="card_document_shipping">
					<div class="card">
						<div class="card-header">
							<h4 class="card-title">{{ __('locale.Table.Request.Column.ReturnFile') }}</h4>
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-12 mb-2">
									<div class="form-group">
										<label for="document_shipping">{{ __('locale.Table.Request.Column.ResponseFile') }}</label>
										<input type="file" name="document_shipping"
											id="document_shipping" class="form-control"
											accept=".xls,.xlsx,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
									</div>
								</div>
							</div>
						</div>
						<div class="card-footer" id="card_buttons">
							<div class="row mt-2">
								<div class="col-12">
									<button type="button" class="btn btn-primary me-1" id="btnAddReturn">{{ __('locale.Table.Contract.Column.AddButton') }}</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>
			@endif
			@if($activeDisable === false)
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{{ __('locale.Table.Request.Column.Response') }}</h4>
				</div>
				<div class="card-body">
					<form class="form-add-request-iteration">
						@csrf
						<div class="row">
							@if(in_array($control_access_id,[1,2,3]))
							<div class="col-md-12">
								<label class="form-label" for="incident">{{ __('locale.Table.Request.Column.Incident') }}</label>
								<select id="incident" class="select2"  name="incident" required >
									<option selected disabled>{{ __('locale.Table.Request.Column.IncidentSelect') }}</option>
									<option value="1" >{{ __('locale.Table.Request.Column.WaitingBrokerAcceptance') }}</option>
									<option value="2" >{{ __('locale.Table.Request.Column.WaitingDocumentation') }}</option>
									<option value="3" >{{ __('locale.Request.Column.DeclinedByCompany') }}</option>
									<option value="4" >{{ __('locale.Request.Column.DeclinedByOperator') }}</option>
								</select>
							</div>
							@endif
							<div class="col-md-12">
								<div class="form-group">
									<label for="description" class="form-label">{{ __('locale.Table.Request.Column.Description') }}</label>
									<textarea class="form-control" name="description" id="description" cols="30" rows="10"></textarea>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="card-footer">
					<div class="row mt-2">
						<div class="col-12">
							<button type="button" class="btn btn-primary me-1" id="btnAddInteretion">{{ __('locale.Table.Contract.Column.AddButton') }}</button>
							{{-- <button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Table.Contract.Column.BackButton') }}</button> --}}
						</div>
					</div>
				</div>
			</div>
			@endif
			<div class="accordion" id="accordionExample">
				<div class="accordion-item">
				  <h2 class="accordion-header" id="headingOne">
					<button class="accordion-button d-block" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
						<div class="row">
							<div class="col-md-11">
								<h3 class="">{{ __('locale.Table.Request.Column.History') }}</h3>
							</div>
							<div class="col-md-1">
								
							</div>
						</div>
					</button>
				  </h2>
				  <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
					<div class="accordion-body">
						@foreach ($requests->requestIterations->sortByDesc('created_at') as $iteration)
							<div class="row border-top py-2" id="responses">
								{{-- <div class="col-md-12 d-flex justify-content-between align-items-center"> --}}
									<div class="">
										<p class="fw-bold">{{ __('locale.Table.Request.Column.From') }}{{ $iteration->user }} - {{ $iteration->company }}</p>
									</div>
									<div class="">
										<p>{{ $iteration->created_at->format('d-m-Y') }}</p>
									</div>
								{{-- </div> --}}
								<div class="col-md-12">
									<div class="form-group">
										<label for="description_response" class="form-label">{{ __('locale.Table.Request.Column.Response') }}</label>
										<p class="border p-1 rounded-1 bg-light">{{ $iteration->description }}</p>
									</div>
								</div>
							</div>	
						@endforeach
					</div>
				  </div>
				</div>
			</div>
		</div>
	</div>
</section>



@endsection
@section('vendor-script')
<!-- vendor files -->
<script src="{{ asset(mix('vendors/js/extensions/sweetalert2.all.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/wizard/bs-stepper.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/forms/validation/jquery.validate.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/extensions/toastr.min.js')) }}"></script>
<script src="{{ asset(mix('vendors/js/jquery-mask/jquery.mask.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/extensions/ext-component-toastr.js')) }}"></script>
<script src="{{ asset(mix('js/scripts/extensions/brdocs.cpfcnpjValidator.js')) }}"></script>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

@endsection
@section('page-script')
<script>

	let holderRequest = [];
	let holderData = [];

	const deleteGroup = async (request_id) => {

		request_id = parseInt(request_id, 10);
		let request_type_id = parseInt($('#requests_type_id').val(), 10);
		let transfer_type_id = parseInt($('#transfer_type_id').val(), 10);

		if(typeof request_id !== 'number'){
			if(window.Swal !== undefined){
				return window.Swal.fire({
					title: 'Ops!',
					text: '{{ __("locale.Table.Contract.Column.DeleteInt") }}',
					icon: 'error'
				})
			}
			return window.alert('{{ __("locale.Table.Contract.Column.DeleteInt") }}');
		}

		if(window.Swal === undefined) return window.alert('{{ __("locale.Table.Contract.Column.ModelSweetAlert2") }}');
		if(window.toastr === undefined) return window.alert('{{ __("locale.Table.Contract.Column.ModelSweetToastr") }}');
		
		let text_message = '';

		if([1,2,3,4,5].includes(request_type_id)){
			if(transfer_type_id == 5){
				text_message = 'Deseja finalizar esta solicitação?<br> Ao finalizar os dados serão integrados ao sistema <br> Essa solicitação pode fazer parte de um conjunto, ao finalizar todas será gerado a solicitação de exclusão';
				
			}

			text_message = 'Deseja finalizar esta solicitação?<br> Ao finalizar os dados serão integrados ao sistema';

		}

		if([6,7,8,9,10,11].includes(request_type_id)){

			text_message = 'Deseja finalizar esta solicitação?<br> Ao finalizar essa solicitação não terá dados integrados ao sistema';

		}

		let swal = await window.Swal.fire({
				title: '{{ __("locale.Table.Contract.Column.DeleteAttention") }}',
				html: text_message,
				icon: 'question',
				showCancelButton: true,
				cancelButtonText: '{{ __("locale.Table.Contract.Column.DeleteMessageCancel") }}',
				confirmButtonText: 'Finalizar'
			})

		if(!swal.isConfirmed) return cancelDeleteAction();

		let response = await axios({
					url: `{{ route('api.requests.documents-masse.finished', ['id' => ':id']) }}`.replace(':id', request_id),
					method: 'post',
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
						
					}
				})
		.catch((e) => {

			let response = e.response;

			@if(env('APP_DEBUG'))
			console.warn(e)
			@endif

			if (response.status === 400 || response.status === 422) {
				Swal.fire({
					title: 'Ops!',
					text: response.data.message,
					icon: 'error',
					cancelButtonText: '{{ __("locale.Table.Contract.Column.CloseButton") }}'
				})
			} else if (response.status === 404) {
				Swal.fire({
					title: 'Ops!',
					text: '{{ __("locale.Table.Contract.Column.RequestedNotFound") }}',
					icon: 'error',
					cancelButtonText: '{{ __("locale.Table.Contract.Column.CloseButton") }}'
				})
			} else {

				Swal.fire({
					title: 'Ops!',
					text: '{{ __("locale.Table.Contract.Column.DeleteErrorForm") }}',
					icon: 'error',
					cancelButtonText: '{{ __("locale.Table.Contract.Column.CloseButton") }}'
				})

			}
		});

		if(response.status === 204) {
			swal = await window.Swal.fire({
				title: 'Uhuul!',
				text: 'A solicitação foi finalizada com sucesso.',
				icon: 'success'
			}).then((result) => {
					if (result.isConfirmed) {
						window.location.href = "{{ route('dashboard.requests.index') }}";
					}
				});

		}

	}

	const cancelDeleteAction = () => {
		window.toastr.error('{{ __("locale.Table.Contract.Column.DeleteOperationCanceled") }}', '{{ __("locale.Table.Contract.Column.DeleteAttention") }}', {
			positionClass: "toast-top-right",
			progressBar: true
		})
	}

	function handleBtnRemessa() {
		var request_id = $('#request_id').val();

		if (request_id && request_id.length > 0) {
			axios.get(`/api/requests/documents-shipping/export/${request_id}`, {
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			})
			.then(function(response) {
				console.log(response.data);
				response.data.forEach(function(document) {
					var btnRemessa = $('#btnRemessa');
					var fileUrl = '{{ asset('storage') }}/' + document.filepath;
					var filename = document.filename;

					btnRemessa.attr('href', fileUrl);
					btnRemessa.attr('download', filename);

					btnRemessa.off('click');

					btnRemessa.on('click', function(event) {
						event.preventDefault();
						var downloadUrl = $(this).attr('href');
						window.location.href = downloadUrl;
					});
				});
			})
			.catch(function(error) {
				console.error('Erro na requisição:', error);
			});
		}
	}

	@if($requests->processed === 1)
		handleBtnRemessa();
	@endif

	var request = null;

	$(document).ready(function() {

		// $('input[name="in_masse"]').on("change", function() {
		// 	if ($('#in_masse_yes').is(':checked')) {
				
		// 		$("#container_document_masse").removeClass("hidden");
		// 		$("#container_document_masse_file").removeClass("hidden");
		// 		$("#container_table").addClass("hidden");
		// 		$("#btnProcessarInMasse").removeClass("hidden");


		// 	} else if ($('#in_masse_no').is(':checked')) {

		// 		$("#container_table").removeClass("hidden");
		// 		$("#container_document_masse").addClass("hidden");
		// 		$("#container_document_masse_file").addClass("hidden");
		// 		$("#btnProcessarInMasse").addClass("hidden");

		// 	}
		// });

		// if ($('#in_masse_yes').is(':checked')) {
			
		// 	$("#container_document_masse").removeClass("hidden");
		// 	$("#container_document_masse_file").removeClass("hidden");
		// 	$("#container_table").addClass("hidden");
		// 	$("#btnProcessarInMasse").removeClass("hidden");


		// } else if ($('#in_masse_no').is(':checked')) {
			
		// 	$("#container_table").removeClass("hidden");
		// 	$("#container_document_masse").addClass("hidden");
		// 	$("#container_document_masse_file").addClass("hidden");
		// 	$("#btnProcessarInMasse").addClass("hidden");

		// }


		// @if ($exists)

		// 	$('#btnProcessarInMasse').show();
		// 	$('#btnProcessar').hide();
		// 	$('#btnRemessa').hide();
		// 	$('#btnEndRequest').addClass('hidden');
		// 	$('#card_document_shipping').addClass('hidden');

		// @else

		// 	$('#btnProcessarInMasse').hide();
		// 	$('#btnProcessar').hide();
		// 	$('#btnRemessa').show();
		// 	$('#card_document_shipping').removeClass('hidden');
		// 	handleBtnRemessa();
		// 	$('#btnEndRequest').removeClass('hidden');

		// @endif

		// @if ($document_exists)

		// 	$('#btnProcessar').hide();
		// 	$('#btnRemessa').show();
		// 	$('#card_document_shipping').removeClass('hidden');
		// 	handleBtnRemessa();
		// 	$('#btnEndRequest').removeClass('hidden');

		// @else
		// 	$(document).ready(function() {
		// 		if ($('#in_masse_no').is(':checked')) {
		// 			$('#btnProcessar').show();
		// 			$('#btnRemessa').hide();
		// 			$('#btnEndRequest').addClass('hidden');
		// 			$('#card_document_shipping').addClass('hidden');
		// 		}
		// 	})
		// @endif

		$('#breadcrumb').append('<button type="reset" class="btn btn-outline-secondary" id="btnReset">{{ __('locale.Table.Contract.Column.BackButton') }}</button>');

		
	})

	let status = {{$requests->status}};

	$(function() {

	let documentsToSubmit = {};

	$('.select2').each(function() {
		var $this = $(this);
		$this.wrap('<div class="position-relative"></div>');
		$this.select2({
			dropdownAutoWidth: true,
			width: '100%',
			dropdownParent: $this.parent()
		});
	});

	let requests_type_id = $("#requests_type_id").val();

	let company_id = $("#company_id").val();

	if(company_id){
		//getCompaniesByContract(company_id);
		getCompaniesByHolders(company_id);
		let request_id = $('#request_id').val();
		getholderByRequest(request_id)
	}

	switch(requests_type_id) {
		case '1':

			break;
		case '2':
			$(".inputs_delete").removeClass("hidden");

			break;
		case '4':
			$(".inputs_transfer").removeClass("hidden");

			let transfer_type_id = $("#transfer_type_id").val();

			if(transfer_type_id == 5){
				$(".inputs_transfer_supplier").removeClass("hidden");
			}
			break;
		default:
			
			break;
	}

	$("#modalHolder #zip_code").on("keyup", async function() {

		let zip_code = $(this).val().replace(/\D/g, '');

		if (zip_code.length < 8) return 0;

		let {
			data: json,
			...response
		} = await axios({
			method: 'get',
			url: `https://viacep.com.br/ws/${zip_code}/json/`,
		})

		if (json.erro) {
			if (window.toastr !== undefined) {
				window.toastr.warning('{{ __("locale.Table.Holders.Column.ZipCodeInvalid") }}', '{{ __("locale.Table.Holders.Column.Attention") }}');
			} else {
				window.alert('{{ __("locale.Table.Holders.Column.ZipCodeInvalid") }}');
			}
			$(this).val($(this).val().slice(0, -1)).focus();
			return 0;
		}
		console.log('json', json);
		$("#modalHolder #address").val(json.logradouro);
		$("#modalHolder #district").val(json.bairro);
		$("#modalHolder #state").val(json.uf);
		$("#modalHolder #city").val(json.localidade);
		$("#modalHolder #complement").val(json.complemento)


	});

	$("#modalDependent #zip_code").on("keyup", async function() {

		let zip_code = $(this).val().replace(/\D/g, '');

		if (zip_code.length < 8) return 0;

		let {
			data: json,
			...response
		} = await axios({
			method: 'get',
			url: `https://viacep.com.br/ws/${zip_code}/json/`,
		})

		if (json.erro) {
			if (window.toastr !== undefined) {
				window.toastr.warning('{{ __("locale.Table.Holders.Column.ZipCodeInvalid") }}', '{{ __("locale.Table.Holders.Column.Attention") }}');
			} else {
				window.alert('{{ __("locale.Table.Holders.Column.ZipCodeInvalid") }}');
			}
			$(this).val($(this).val().slice(0, -1)).focus();
			return 0;
		}
		console.log('json', json);
		$("#modalDependent #address").val(json.logradouro);
		$("#modalDependent #district").val(json.bairro);
		$("#modalDependent #state").val(json.uf);
		$("#modalDependent #city").val(json.localidade);
		$("#modalDependent #complement").val(json.complemento)


	});

	$("#modalHolder #cpf").on("keyup", function() {

		let cpf = $(this).val().replace(/\D/g, '');

		if (!validations.cpf.isValid(cpf)) {
			$("#Holder-information .btn-next").attr('{{ __("locale.Table.Holders.Column.Disabled") }}', '{{ __("locale.Table.Holders.Column.Disabled") }}');
		} else {
			$("#Holder-information .btn-next").removeAttr('{{ __("locale.Table.Holders.Column.Disabled") }}');
		}

	});

	$("#modalDependent #cpf").on("keyup", function() {

		let cpf = $(this).val().replace(/\D/g, '');

		if (!validations.cpf.isValid(cpf)) {
			$("#Holder-information .btn-next").attr('{{ __("locale.Table.Holders.Column.Disabled") }}', '{{ __("locale.Table.Holders.Column.Disabled") }}');
		} else {
			$("#Holder-information .btn-next").removeAttr('{{ __("locale.Table.Holders.Column.Disabled") }}');
		}

	});

	$('#wage').mask("#.##0,00", {
		reverse: true
	});

	$("#employee_type").on("change", function() {
			
		var selectedValue = $(this).val();
		
		if (selectedValue == 1) {
			$('#company_name').prop('disabled', true);
			$('#cnpj').prop('disabled', true);
		} else {
			$('#company_name').prop('disabled', false);
			$('#cnpj').prop('disabled', false);
		}

	});

	$('#btnProcessarInMasse').on('click', async function() {
		
		let request_id = $('#request_id').val();
		let requests_type_id = $('#requests_type_id').val();

		const massive_routes = {
			import: "{{ route('api.requests.documents-masse.import', ':id') }}",
			importExclusion: "{{ route('api.requests.documents-masse.importExclusion', ':id') }}",
			importTransfer: "{{ route('api.requests.documents-masse.importTransfer', ':id') }}"
		};

		let url;
		switch (requests_type_id) {
			case '1' :
				url = massive_routes.import.replace(':id', request_id);
			break;

			case '2' :
				url = massive_routes.importExclusion.replace(':id', request_id);

			break;

			case '4' :
				url = massive_routes.importTransfer.replace(':id', request_id);

			break;
		}
    	
		if(request_id && request_id.length > 0){
			
			let {
				data: response
			} = await axios({
					url: url,
					method: 'get',
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})

				Swal.fire({
				title: 'Uhuul!',
				text: 'Arquivo foi processado com sucesso',
				icon: 'success',
				}).then((_) => {
					if (_.isConfirmed) {
						
						window.location.href = window.location.href;
					}
				})
				.catch((e) => {

					let response = e.response;

					if (response.status === 500 && response.data.error) {
						Swal.fire({
							title: 'Ops!',
							text: response.data.message,
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})
					} else if (response.status === 404) {
						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RequestedNotFound") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})
					} else if (response.status === 500) {
						Swal.fire({
							title: 'Ops!',
							text: 'Erro interno do servidor. Por favor, contate o suporte.',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})
					} else {

						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RegisterError") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})

					}

					return false;

				});
		}
	});
	
	$('#btnProcessar').on('click', async function() {
		
		var request_id = $('#request_id').val();
		let requests_type_id = $('#requests_type_id').val();
    	
		if(request_id && request_id.length > 0){

			contract_id = $('#contract_id').val();
			product_id = $('#product_id').val();
			delete_type_id = $('#delete_type_id').val();
			transfer_type_id = $('#transfer_type_id').val();
			company_id = $('#company_id').val();
			new_company_id = $('#new_company_id').val();

			// let {
            // } = await axios({
            //     url: `{{ route('api.requests.documents-masse.zipdocuments', '') }}/${request_id}`,
            //     method: 'get',
            //     headers: {
            //         "Authorization": "Bearer {{ session('Authorization') }}"
            //     },
            // });

			const routes = {
				process: "{{ route('api.requests.documents-masse.process', ':id') }}",
				processExclusion: "{{ route('api.requests.documents-masse.processExclusion', ':id') }}",
				processChange: "{{ route('api.requests.documents-masse.processChange', ':id') }}",
				processTransfer: "{{ route('api.requests.documents-masse.processTransfer', ':id') }}",
				processUpgradeDowngrade: "{{ route('api.requests.documents-masse.processUpgradeDowngrade', ':id') }}",
				processException: "{{ route('api.requests.documents-masse.processException', ':id') }}"
			};

			let url;
			switch (requests_type_id) {
				case '1' :
					url = routes.process.replace(':id', request_id);
				break;

				case '2' :
					url = routes.processExclusion.replace(':id', request_id);

				break;

				case '3' :
					url = routes.processChange.replace(':id', request_id);

				break;

				case '4' :
					url = routes.processTransfer.replace(':id', request_id);

				break;

				case '5' :
					url = routes.processUpgradeDowngrade.replace(':id', request_id);

				break;

				case '5' :
					url = routes.processException.replace(':id', request_id);

				break;
			}

			let {
				data: response
			} = await axios({
					url: url,
					method: 'get',
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					},
					params: {
						contract_id: contract_id,
						product_id: product_id,
						delete_type_id: delete_type_id,
						transfer_type_id: transfer_type_id,
						company_id: company_id,
						new_company_id: new_company_id
					}
				})

				Swal.fire({
				title: 'Uhuul!',
				text: 'Arquivo foi processado com sucesso',
				icon: 'success',
				}).then((_) => {
					if (_.isConfirmed) {
						
						window.location.href = window.location.href;
					}
				})
				.catch((e) => {

					let response = e.response;

					if (response.status === 500 && response.data.error) {
						Swal.fire({
							title: 'Ops!',
							text: response.data.message,
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})
					} else if (response.status === 404) {
						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RequestedNotFound") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})
					} else if (response.status === 500) {
						Swal.fire({
							title: 'Ops!',
							text: 'Erro interno do servidor. Por favor, contate o suporte.',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})
					} else {

						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RegisterError") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						})

					}

					return false;

				});
		}
	});
	
	$('#requests_type_id').on('change', function() {
		let typeRequestId = $(this).val();
		
		axios.get(`{{ route('api.suppliers.documents.find', '') }}/${typeRequestId}`, {
			headers: {
				"Authorization": "Bearer {{ session('Authorization') }}"
			}
		})
		.then(function(response) {

			$('#documentSection').empty();
			$('input[type="checkbox"]').prop('checked', false);
			
			let holders = $('#holders').val();
			let holderNames = [];

			holders.forEach(function(holder) {
				let holderText = $('#holders option[value="' + holder + '"]').text();
				holderNames.push({ id: holder, name: holderText });
			});
			
			holderNames.forEach(function(holderName) {
				
				var accordionExample = $('<div>').addClass('accordion').attr('id', 'accordionExample');
				var accordionItem = $('<div>').addClass('accordion-item');
				var accordionHeader = $('<h2>').addClass('accordion-header').attr('id', 'heading' + holderName.id);
				var accordionButton = $('<button>').addClass('accordion-button d-block').attr({
					type: 'button',
					'data-bs-toggle': 'collapse',
					'data-bs-target': '#collapse' + holderName.id,
					'aria-expanded': 'true',
					'aria-controls': 'collapse' + holderName.id
				}).text(holderName.name);
				var accordionCollapse = $('<div>').addClass('accordion-collapse collapse').attr({
					id: 'collapse' + holderName.id,
					'aria-labelledby': 'heading' + holderName.id,
					'data-bs-parent': '#accordionExample'
				});
				var accordionBody = $('<div>').addClass('accordion-body');

				accordionCollapse.append(accordionBody);
				accordionHeader.append(accordionButton);
				accordionItem.append(accordionHeader).append(accordionCollapse);

				accordionExample.append(accordionItem);


				if (response.data.length > 0) {
					response.data.forEach(function(document) {
						
						var container = $('<div>').addClass('document-container mb-1');

						var label = $('<label>').text(document.filename).attr('for', 'doc_' + document.id);
						var input = $('<input>').attr({
							type: 'file',
							id: 'doc_' + document.id,
							name: 'documents[' + document.id + ']'
						});

						container.append(label).append('<br>').append(input);
						accordionBody.append(container);
						
					});
					$('#documentSection').append(accordionExample);
				}
				else {
					var noDocumentParagraph = $('<p>').text('Nenhum documento encontrado.');
					$('#documentSection').append(noDocumentParagraph);
				}
			});
		})
		.catch(function(error) {
			console.error('Erro ao obter documentos:', error);
		});
	});

	$('#btnAddInteretion').on("click", async function(eve) {

		eve.preventDefault();

		$(".form-add-request-iteration").submit();

	});

	$('#btnAddRequests').on("click", async function(eve) {

		eve.preventDefault();

		$(".form-add-request").submit();

	});

	$(".form-add-request").on("submit", async function(event) {
		event.preventDefault();

		if ($(this).get(0).reportValidity()) {
			try {
				
				// Criando FormData com os dados do formulário
				let payload = new FormData($(this).get(0));
		
				let contractId = $('#contract_id').val();
				let requestId = $('#request_id').val();
				let company_id = $('#company_id').val();
				let product_id = $('#product_id').val();
				let requests_type_id = $('#requests_type_id').val();

				payload.append('contract_id', contractId);
				payload.append('id', requestId);
				payload.append('company_id', company_id);
				payload.append('product_id', product_id);
				payload.append('requests_type_id', requests_type_id);

				// Adicionando IDs dos colaboradores selecionados
				let selectedHolders = getSelectedHolders();

				// selectedHolders.forEach(holderId => {
				// 	payload.append('holders[]', holderId);
				// });

				selectedHolders.forEach(holder => {
					payload.append('holders[]', JSON.stringify(holder));
				});

				payload.append('dataForm', JSON.stringify(holderData));
		
				let response = await axios({
					url: `{{ route('api.requests.update', ['id' => ':id']) }}`.replace(':id', requestId),
					method: 'post',
					data: payload,
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}",
						"Content-Type": "multipart/form-data"
					}
				});
				
				// Manipulando a resposta da API
				let json = response.data;
				Swal.fire({
					title: 'Uhuul!',
					text: "A solicitação foi atualizada com sucesso.",
					icon: "success"
				}).then((result) => {
					if (result.isConfirmed) {
						window.location.href = window.location.href;
					}
				});

			} catch (error) {
				console.error('Erro na requisição:', error);

				// Tratamento de erros específicos
				let response = error.response;
				if (response) {
					if (response.status === 400 || response.status === 422) {
						Swal.fire({
							title: 'Ops!',
							text: response.data.message,
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						});
					} else if (response.status === 404) {
						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RequestedNotFound") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						});
					} else {
						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RegisterError") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						});
					}
				} else {
					Swal.fire({
						title: 'Ops!',
						text: 'Erro desconhecido',
						icon: 'error',
						cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
					});
				}
			}
		}
	});

	$(".form-add-request-iteration").on("submit", async function(eve) {

		eve.preventDefault();

		if (this.checkValidity()) {

			let json = Object.fromEntries((new FormData(this)).entries());

			let userInfo = @json($userInfo);
			
			json.user = userInfo.name;
			json.request_id = $('#request_id').val();
			json.company = userInfo.company;

				let {
					data: response
				} = await axios({
						url: `{{ route('api.request-iterations.store') }}`,
						method: 'post',
						data: json,
						headers: {
							"Authorization": "Bearer {{ session('Authorization') }}"
						}
					})
						Swal.fire({
						title: 'Uhuul!',
						text: 'A resposta foi adicionado com sucesso.',
						icon: 'success',
					}).then((_) => {
						if (_.isConfirmed) {
							
							window.location.href = window.location.href;
						}
					})
					.catch((e) => {

						let response = e.response;

						@if(env('APP_DEBUG'))
						console.warn(e)
						@endif

						if (response.status === 400 || response.status === 422) {
							Swal.fire({
								title: 'Ops!',
								text: response.data.message,
								icon: 'error',
								cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
							})
						} else if (response.status === 404) {
							Swal.fire({
								title: 'Ops!',
								text: '{{ __("locale.Table.suppliers.Column.RequestedNotFound") }}',
								icon: 'error',
								cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
							})
						} else {

							Swal.fire({
								title: 'Ops!',
								text: '{{ __("locale.Table.suppliers.Column.RegisterError") }}',
								icon: 'error',
								cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
							})

						}

						return false;

					});

		}

	});

	$("#btnAddReturn").on("click", async function(eve) {
		eve.preventDefault();

		let contract_id = $("#contract_id").val();

		if (contract_id && contract_id.length > 0) {
			let document_shipping = $('#document_shipping')[0].files[0];

			if (document_shipping) {
				let formData = new FormData();
				formData.append('document_shipping', document_shipping);
				formData.append('contract_id', contract_id);
				
				try {
					let { data: response } = await axios({
						url: `{{ route('api.requests.documents-return.store') }}`,
						method: 'post',
						data: formData,
						headers: {
							"Authorization": "Bearer {{ session('Authorization') }}",
							'Content-Type': 'multipart/form-data',
						}
					});

					Swal.fire({
						title: 'Uhuul!',
						text: 'O arquivo de retorno foi adicionado com sucesso.',
						icon: 'success',
					}).then((_) => {
						if (_.isConfirmed) {
							window.location.href = window.location.href;
						}
					});
				} catch (e) {
					let response = e.response;

					@if(env('APP_DEBUG'))
					console.warn(e)
					@endif

					if (response.status === 400 || response.status === 422) {
						Swal.fire({
							title: 'Ops!',
							text: response.data.message,
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						});
					} else if (response.status === 404) {
						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RequestedNotFound") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						});
					} else {
						Swal.fire({
							title: 'Ops!',
							text: '{{ __("locale.Table.suppliers.Column.RegisterError") }}',
							icon: 'error',
							cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
						});
					}

					return false;
				}
			} else {
				Swal.fire({
					title: 'Ops!',
					text: 'Por favor, selecione um arquivo para envio.',
					icon: 'error',
					cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
				});
			}
		} else {
			Swal.fire({
				title: 'Ops!',
				text: 'Por favor, forneça um ID de contrato válido.',
				icon: 'error',
				cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
			});
		}
	});

	$('#btnReset').on('click', function() {
		window.location.href = "{{ route('dashboard.requests.index') }}";
	});

	$('#btnResetDefault').on('click', function() {
		window.location.href = "{{ route('dashboard.requests.index') }}";
	});

	$('#btnEditar').on('click', function() {
		disableAllFields('.form-add-request',false);
		$('.document-container .iconify').removeClass('hidden');
		$('#button-request').removeClass('hidden');
		$('#massive_document_icon').removeClass('hidden');
		$('#card_buttons').removeClass('hidden');
		$('#btnProcessarInMasse').addClass('hidden');
		$('input[name="in_masse"]').prop('disabled', true);
		$('#company_id').prop('disabled', true);
		$('#requests_type_id').prop('disabled', true);
		$('#product_id').prop('disabled', true);
		$('#document_masse').prop('disabled', false);
		$('#delete_type_id').prop('disabled', true);
		$('#transfer_type_id').prop('disabled', true);
		$('#new_company_id').prop('disabled', true);
		$('#current_supplier').prop('disabled', true);
		$('#new_supplier').prop('disabled', true);

	});

	$('#btnVisualizar').on('click', function() {
		disableAllFields('.form-add-request',true);
		$('.document-container .iconify').addClass('hidden');
		$('.document-container .inputs').addClass('hidden');
		$('.document-container .links').removeClass('hidden');
		$('#button-request').addClass('hidden');
		$('#massive_document_icon').addClass('hidden');
		$('#documents_holder').addClass('hidden');
		$('#card_buttons').addClass('hidden');
		$('#document_massive_id').removeClass('hidden');
		$('#btnProcessarInMasse').removeClass('hidden');
		$('input[name="in_masse"]').prop('disabled', true);
		$('#company_id').prop('disabled', true);
		$('#requests_type_id').prop('disabled', true);
		$('#product_id').prop('disabled', true);
		$('#document_masse').prop('disabled', true);
		$('#delete_type_id').prop('disabled', true);
		
	});

	$('#btnResetRequest').on('click', function() {
		disableAllFields('.form-add-request',true);
		$('.document-container .iconify').addClass('hidden');
		$('.document-container .inputs').addClass('hidden');
		$('.document-container .links').removeClass('hidden');
		$('#button-request').addClass('hidden');
	});

	$('#btnEndRequest').on('click', async function(e) {
		e.preventDefault();

		const request_id = $('#request_id').val();
		deleteGroup(request_id);

		// try {
		// 		let requestId = $('#request_id').val();

		// 		let response = await axios({
		// 			url: `{{ route('api.requests.documents-masse.finished', ['id' => ':id']) }}`.replace(':id', requestId),
		// 			method: 'post',
		// 			headers: {
		// 				"Authorization": "Bearer {{ session('Authorization') }}"
						
		// 			}
		// 		});
				
		// 		// Manipulando a resposta da API
		// 		let json = response.data;
		// 		Swal.fire({
		// 			title: 'Uhuul!',
		// 			text: "A solicitação foi finalizada com sucesso.",
		// 			icon: "success"
		// 		}).then((result) => {
		// 			if (result.isConfirmed) {
		// 				window.location.href = "{{ route('dashboard.requests.index') }}";
		// 			}
		// 		});

		// 	} catch (error) {
		// 		console.error('Erro na requisição:', error);

		// 		let response = error.response;
		// 		if (response) {
		// 			if (response.status === 400 || response.status === 422) {
		// 				Swal.fire({
		// 					title: 'Ops!',
		// 					text: response.data.message,
		// 					icon: 'error',
		// 					cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
		// 				});
		// 			} else if (response.status === 404) {
		// 				Swal.fire({
		// 					title: 'Ops!',
		// 					text: '{{ __("locale.Table.suppliers.Column.RequestedNotFound") }}',
		// 					icon: 'error',
		// 					cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
		// 				});
		// 			} else {
		// 				Swal.fire({
		// 					title: 'Ops!',
		// 					text: '{{ __("locale.Table.suppliers.Column.RegisterError") }}',
		// 					icon: 'error',
		// 					cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
		// 				});
		// 			}
		// 		} else {
		// 			Swal.fire({
		// 				title: 'Ops!',
		// 				text: 'Erro desconhecido',
		// 				icon: 'error',
		// 				cancelButtonText: '{{ __("locale.Table.suppliers.Column.CloseButton") }}'
		// 			});
		// 		}
		// 	}

	});

	async function getCompaniesByHolders(company_id) {
		try {
			let response = await axios({
				url: `{{ route('api.holders.company', '') }}/${company_id}`,
				method: 'get',
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			});

			let holders = response.data;
			console.log(holders);
			let $holderSelectTable = $('#holder_select_table');
			let $holderSelectAll = $('#holder_select_all');
			let $holderSelectTitle = $('#holder_select_title');
			let $holderSelect = $('#holder_select');

			$holderSelect.empty();
			$holderSelectTitle.empty();
			$holderSelectTable.find('tbody').remove();
			$holderSelectAll.empty();

			if (holders && holders.length > 0) {

				$holderSelectAll.addClass('mb-1');
				$holderSelectAll.append(`
					<div class="row">
						<div class="col-md-4">
							<div class="form-check">
								<input class="form-check-input" id="selectAll" name="selectAll" type="checkbox" value="" disabled>
								<label class="form-check-label" for="selectAll">
									Selecionar todos
								</label>
							</div>
						</div>
						<div class="col-md-8">
							<input class="form-control" type="text" id="filter-name" placeholder="Search" disabled>
						</div>
					</div>
				`);

				document.getElementById('filter-name').addEventListener('input', filterTable);

				$holderSelectTable.append(`
					<thead style="position: sticky; top: 0; z-index: 1;">
						<tr>
							<th scope="col">#</th>
							<th scope="col">Nome</th>
							<th scope="col">Tipo</th>
							<th scope="col">Cargo</th>
							<th scope="col">Centro de custo</th>
						</tr>
					</thead>
					<tbody id="table_body">
					</tbody>
				`);

				let $tableBody = $('#table_body');
				
				holders.forEach(holder => {
					let class_input = `<input class="form-check-input checkbox-option" id="${holder.id}" name="option${holder.id}" type="checkbox" value="${holder.type+holder.id}" disabled>`;

					// if($('#requests_type_id').val() == '3'){
					// 	class_input = `<input class="form-check-input radio-option" id="${holder.id}" name="option${holder.id}" type="radio" value="${holder.type+holder.id}" disabled>`;
					// }

					$tableBody.append(`
						<tr>
							<td>${class_input}</td>
							<td><label class="form-check-label ms-3 me-6" for="${holder.id}">${holder.name}</label></td>
							<td>${holder.type}</td>
							<td>${holder.role}</td>
							<td>${holder.cost_center}</td>
						</tr>
					`);
				});

				$('#selectAll').on('change', function() {
					let isChecked = $(this).prop('checked');
					$('.checkbox-option').prop('checked', isChecked);
					updateSelectedHolders();
				});

				$('.checkbox-option').on('change', function() {
					updateSelectedHolders();
				});
			} else {
				$holderSelectTable.find('tbody').append('<p>Colaborador não encontrado</p>');
			}
		} catch (error) {
			console.log('Erro ao carregar os colaboradores:', error);
			$('#holder_select_table').find('tbody').append('<p>Colaborador não encontrado</p>');
		}
	}

	function updateSelectedHolders() {
		let selectedHolders = getSelectedHolders();
		let $selectedHoldersDiv = $('#documentSection');
		$selectedHoldersDiv.empty();

		selectedHolders.forEach(holder => {
			let $makeAccordion = makeAccordion(holder);
			$selectedHoldersDiv.append($makeAccordion);
		});
	}

	function getSelectedHolders() {
		let selectedHolders = [];
		$('.checkbox-option:checked').each(function() {
			let $row = $(this).closest('tr');
			let id = $(this).val();
			selectedHolders.push({
				id: id,
				name: $(this).closest('tr').find('label[for="' + $(this).attr('id') + '"]').text(),
				request_holder_id: $(this).data('holder-id'),
				type: $row.find('td').eq(2).text(),
				protocol: $('#text_' + id).val(),
			});
		});
		return selectedHolders;
	}

	function makeAccordion(holder) {

		var accordionExample = $('<div>').addClass('accordion border').attr('id', 'accordionExample');
		var accordionItem = $('<div>').addClass('accordion-item');
		var accordionHeader = $('<h2>').addClass('accordion-header ').attr('id', 'heading' + holder.id);
		var accordionButton = $('<button>').addClass('accordion-button').attr({
			type: 'button',
			'data-bs-toggle': 'collapse',
			'data-bs-target': '#collapse' + holder.id,
			'aria-expanded': 'true',
			'aria-controls': 'collapse' + holder.id
		}).text(holder.name);
		var accordionCollapse = $('<div>').addClass('accordion-collapse collapse').attr({
			id: 'collapse' + holder.id,
			'aria-labelledby': 'heading' + holder.id,
			'data-bs-parent': '#accordionExample'
		});
		var accordionBody = $('<div>').addClass('accordion-body');

		accordionCollapse.append(accordionBody);
		accordionHeader.append(accordionButton);
		accordionItem.append(accordionHeader).append(accordionCollapse);

		accordionExample.append(accordionItem);
		
		
		getListDocuments(holder.id, accordionBody, supplier_id);

		return accordionExample;
	}

	function getListDocuments(holderId, accordionBody) {

		const typeRequestId = $('#requests_type_id').val();
		const supplierId = $('#supplier_id').val();
		const deleteTypeId = $('#delete_type_id').val();
		const url = `{{ route('api.suppliers.documents.getDocumentsToSupplier', [':type_request_id', ':supplier_id']) }}`
			.replace(':type_request_id', typeRequestId)
			.replace(':supplier_id', supplierId);


		axios.get(url, {
			headers: {
				"Authorization": "Bearer {{ session('Authorization') }}"
			},
			params: {
				holder_type: holderId
			}
		})
		.then(function(response) {

			if (response.data.length > 0) {
				var row = $('<div>').addClass('row');

				response.data.forEach(function(document) {
					var col = $('<div>').addClass('col-md-6');
					var container = $('<div>').addClass('document-container mb-1');

					var labelDocument = $('<label>').text(document.filename).attr('for', 'doc_' + document.id);
					var inputDocument = $('<input>').attr({
						type: 'file',
						id: 'doc_'+ holderId + '_' + document.id,
						name: `documents[${holderId}][${document.id}]`
					}).addClass('inputs');
					
					var linkDocument = $('<a>').attr({
						id: '',
						href: '',
						target: '_blank',
						text: '',
					}).addClass('links me-2');

					var linkIcon = $('<span>')
						.attr('id', '')
						.addClass('iconify')
						.attr('data-icon', 'feather:trash')
						.css('cursor', 'pointer')
						// .addClass('hidden');

					if (typeRequestId == 2) {
				
						const deleteTypeId = $('#delete_type_id').val();
						
						if (deleteTypeId == 2) {

							var cartaCol = $('<div>').addClass('col-md-6');
							var cartaContainer = $('<div>').addClass('document-container mb-1');
							var cartaLabel = $('<label>').text('Carta de Demitidos e Aposentados').attr('for', 'doc_carta_' + holderId);
							var cartaInput = $('<input>').attr({
								type: 'file',
								id: 'doc_carta_' + holderId,
								name: `documents[${holderId}][16]`
							}).addClass('inputs');
							
							cartaContainer.append(cartaLabel).append('<br>').append(cartaInput);
							cartaCol.append(cartaContainer);
							row.append(cartaCol);
							
							for (let i = 1; i <= 3; i++) {
								var holeriteCol = $('<div>').addClass('col-md-6');
								var holeriteContainer = $('<div>').addClass('document-container mb-1');
								var holeriteLabel = $('<label>').text(`Último Holerite ${i}`).attr('for', 'doc_holerite_' + holderId + '_' + i);
								var holeriteInput = $('<input>').attr({
									type: 'file',
									id: 'doc_holerite_' + holderId + '_' + i,
									name: `documents[${holderId}][${i + 16}]`
								}).addClass('inputs');
								
								holeriteContainer.append(holeriteLabel).append('<br>').append(holeriteInput);
								holeriteCol.append(holeriteContainer);
								row.append(holeriteCol);
							}
						} else if (deleteTypeId == 3) {
							// Adicionar o input para "Carta de Aposentadoria"
							var aposentadoriaCol = $('<div>').addClass('col-md-6');
							var aposentadoriaContainer = $('<div>').addClass('document-container mb-1');
							var aposentadoriaLabel = $('<label>').text('Carta de Aposentadoria').attr('for', 'doc_aposentadoria_' + holderId);
							var aposentadoriaInput = $('<input>').attr({
								type: 'file',
								id: 'doc_aposentadoria_' + holderId,
								name: `documents[${holderId}][20]`
							}).addClass('inputs');
							
							aposentadoriaContainer.append(aposentadoriaLabel).append('<br>').append(aposentadoriaInput);
							aposentadoriaCol.append(aposentadoriaContainer);
							row.append(aposentadoriaCol);
							
							for (let i = 1; i <= 3; i++) {
								var holeriteCol = $('<div>').addClass('col-md-6');
								var holeriteContainer = $('<div>').addClass('document-container mb-1');
								var holeriteLabel = $('<label>').text(`Último Holerite ${i}`).attr('for', 'doc_holerite_' + holderId + '_' + i);
								var holeriteInput = $('<input>').attr({
									type: 'file',
									id: 'doc_holerite_' + holderId + '_' + i,
									name: `documents[${holderId}][${i + 16}]`
								}).addClass('inputs');
								
								holeriteContainer.append(holeriteLabel).append('<br>').append(holeriteInput);
								holeriteCol.append(holeriteContainer);
								row.append(holeriteCol);
							}
						}
					}

					getDocumentsbyHolder(holderId)
					.then(function(documentos) {
						
						documentos.forEach(function(doc) {

							var linkIcons = $('<span>')
							.attr('id', '')
							.addClass('iconify')
							.attr('data-icon', 'feather:trash')
							.css('cursor', 'pointer')

							if (doc.supplier_type_request_id == document.id) {
								linkDocument.text(doc.filename);
								linkDocument.attr('id', doc.id);
								var fileUrl = '{{ asset('storage') }}/' + doc.filepath;
								linkDocument.attr('href', fileUrl);
								inputDocument.prop('hidden', true);
								
							}

							if (deleteTypeId == 3 && doc.supplier_type_request_id == 20) {
								
								var aposentadoriaLink = $('<a>').attr({
									id: doc.id,
									href: '{{ asset('storage') }}/' + doc.filepath,
									target: '_blank',
									
								}).addClass('links me-2');

								aposentadoriaLink.text(doc.filename);

								$('#doc_aposentadoria_' + holderId).prop('hidden', true);
								aposentadoriaCol.append(aposentadoriaLink).append(linkIcons);
								
							}

							if (deleteTypeId == 2) {
								for (let i = 1; i <= 3; i++) {
									if (doc.supplier_type_request_id == (i + 16)) {
										var holeriteLink = $('<a>').attr({
											id: doc.id,
											href: '{{ asset('storage') }}/' + doc.filepath,
											target: '_blank',
											
										}).addClass('links me-2');

										holeriteLink.text(doc.filename);

										$('#doc_holerite_' + holderId + '_' + i).prop('hidden', true);
										$('#doc_holerite_' + holderId + '_' + i).parent().append(holeriteLink).append(linkIcons);
									}
								}

								if (doc.supplier_type_request_id == 16) {
								
									var cartaLink = $('<a>').attr({
										id: doc.id,
										href: '{{ asset('storage') }}/' + doc.filepath,
										target: '_blank',
										
									}).addClass('links me-2');

									cartaLink.text(doc.filename);

									$('#doc_carta_' + holderId).prop('hidden', true);
									// cartaCol.append(cartaLink).append(linkIcon);
									$('#doc_carta_' + holderId ).parent().append(cartaLink).append(linkIcons);
								}
							}
							
						});
					})
					.catch(function(error) {
						console.error('Erro ao obter documentos específicos:', error);
					});

					documentsToSubmit[holderId] = documentsToSubmit[holderId] || [];
					documentsToSubmit[holderId].push(inputDocument);

					container.append(labelDocument).append('<br>').append(inputDocument).append('<br>').append(linkDocument).append(linkIcon);
					col.append(container);
					row.append(col);
				});

				accordionBody.append(row);

				if (holderRequest.length > 0) {
					holderRequest.forEach(function (holders) {

						if (holders.id == holderId) {

							let control_access_id = @json($control_access_id);
							var array = [1, 2, 3];

							if (array.includes(control_access_id)){
								var rowInput = $('<div>').addClass('row mt-1');
								var colInput = $('<div>').addClass('col-md-12');
								var colInputStart = $('<div>').addClass('col-md-6');
								var colInputEnd = $('<div>').addClass('col-md-6');

								var containerProtocol = $('<div>').addClass('text-input-container');
								var labelProtocol = $('<label>').text('Protocolo Operadora').attr('for', 'text_' + holderId);
								var inputProtocol = $('<input>').attr({
									type: 'text',
									id: 'text_' + holderId,
									name: `protocol_operator[${holderId}]`,
									class: 'form-control'
								}).val(holders.protocol_number).prop('disabled', true);

								rowInput.append(colInput);
								colInput.append(containerProtocol);
								containerProtocol.append(labelProtocol).append('<br>').append(inputProtocol);
							}
								

							if(deleteTypeId == 3){

								var formGroupStart = $('<div>').addClass('form-group');
								var labelStart = $('<label>').text('Data de Início').attr('for', 'start_' + holderId);
								var inputStart = $('<input>').attr({
									type: 'date',
									id: 'start_' + holderId,
									name: `extension_start_date[${holderId}]`,
									class: 'form-control'
								}).val(holders.extension_start_date).prop('disabled', true);

								formGroupStart.append(labelStart).append(inputStart);
								colInputStart.append(formGroupStart);

								var formGroupEnd = $('<div>').addClass('form-group');
								var labelEnd = $('<label>').text('Data de Fim').attr('for', 'end_' + holderId);
								var inputEnd = $('<input>').attr({
									type: 'date',
									id: 'end_' + holderId,
									name: `extension_end_date[${holderId}]`,
									class: 'form-control'
								}).val(holders.extension_end_date).prop('disabled', true);

								formGroupEnd.append(labelEnd).append(inputEnd);
								colInputEnd.append(formGroupEnd);

								rowInput.append(colInputStart).append(colInputEnd);

							}

							accordionBody.append(rowInput);
						}
					});
				}



			}

			accordionBody.on('click', '.iconify', function(event) {
				
				$(this).addClass('hidden');
				$(this).prev('a').addClass('hidden');
				$(this).closest('.document-container').find('input[type="file"]').removeAttr('hidden');
				$(this).closest('.document-container').find('input[type="file"]').removeClass('hidden');

				event.stopPropagation();

			});

		})
		.catch(function(error) {
			console.error('Erro ao obter documentos:', error);
		});
	}

	// function getholderByRequest(request_id) {
	// 	axios.get(`{{ route('api.requests.beneficiaries.getholderByRequest', '') }}/${request_id}`, {
	// 			headers: {
	// 				"Authorization": "Bearer {{ session('Authorization') }}"
	// 			}
	// 		})
	// 		.then(function(response) {

	// 			holderRequest = response.data; 
								
	// 			holderRequest.forEach(holderId => {

	// 				let checkbox = document.querySelector(`input[type="checkbox"][value="${holderId.id}"]`);

	// 				if (checkbox) {
	// 					checkbox.checked = true;
	// 					checkbox.setAttribute('data-holder-id', holderId.id);
	// 					updateSelectedHolders();
	// 				}
	// 			});


	// 		})
	// 		.catch(function(error) {
	// 			console.error('Erro na requisição:', error);
	// 		});
	// }

	function getholderByRequest(request_id) {
		axios.get(`{{ route('api.requests.beneficiaries.getholderByRequest', '') }}/${request_id}`, {
			headers: {
				"Authorization": "Bearer {{ session('Authorization') }}"
			}
		})
		.then(function(response) {
			let holderRequest = response.data; 
			let $tableBody = $('#table_body');

			// Iterar pelos IDs dos holders retornados
			holderRequest.forEach(holderId => {
				let checkbox = document.querySelector(`input[type="checkbox"][value="${holderId.id}"]`);

				if (checkbox) {
					checkbox.checked = true;
					checkbox.setAttribute('data-holder-id', holderId.id);
				}
			});

			// Mover os itens checados para o topo
			let rows = Array.from($tableBody.find('tr'));
			let checkedRows = rows.filter(row => $(row).find('input[type="checkbox"]').is(':checked'));
			let uncheckedRows = rows.filter(row => !$(row).find('input[type="checkbox"]').is(':checked'));

			// Remover as linhas existentes e reapendá-las na nova ordem
			$tableBody.empty();
			checkedRows.forEach(row => $tableBody.append(row));
			uncheckedRows.forEach(row => $tableBody.append(row));

			// Atualizar os holders selecionados
			updateSelectedHolders();
		})
		.catch(function(error) {
			console.error('Erro na requisição:', error);
		});
	}


	function getDocumentsbyHolder(holder) {
		let request_id = $('#request_id').val();
		return new Promise((resolve, reject) => {
			axios.get(`{{ route('api.requests.documents.getDocumentsbyHolder', ['id' => ':id', 'holder' => ':holder']) }}`.replace(':id', request_id).replace(':holder', holder), {
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			})
			.then(function(response) {
				resolve(response.data);
			})
			.catch(function(error) {
				console.error('Erro na requisição:', error);
				reject(error); 
			});
		});
	}

	function filterTable() {
		let filterValue = document.getElementById('filter-name').value.toLowerCase();
		let table = document.getElementById('holder_select_table');
		let trs = table.querySelectorAll('tbody tr');

		trs.forEach(function(tr) {
			let tdName = tr.cells[1].textContent.toLowerCase();
			let tdRole = tr.cells[2].textContent.toLowerCase();
			let tdCostCenter = tr.cells[3].textContent.toLowerCase();
			
			if (tdName.includes(filterValue) || tdRole.includes(filterValue) || tdCostCenter.includes(filterValue)) {
				tr.style.display = '';
			} else {
				tr.style.display = 'none';
			}
		});
	}

	function disableAllFields(containerSelector, tipo) {
		$(containerSelector).find('input, select, textarea').each(function() {
			$(this).prop('disabled', tipo);
		});
		$(containerSelector).find('input[type="checkbox"]').each(function() {
			$(this).prop('disabled', tipo);
		});
	}

	function getDocumentMassives(){

		let request_id = $('#request_id').val();

		axios.get(`{{ route('api.requests.documents-masse.getDocumentMassives', '') }}/${request_id}`, {
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			})
			.then(function(response) {

				if (response.data.length > 0) {

					let container = $('#container_document_masse');
					var div = $('<div>').attr('id', 'document_link').addClass('d-flex mt-2');

					response.data.forEach(function(document) {

						var divlinkDocument = $('<div>');

						var linkDocument = $('<a>').attr({
						id: 'document_massive_id',
						href: '',
						target: '_blank',
						}).addClass('links me-2').text(document.filename);

						var fileUrl = '{{ asset('storage') }}/' + document.filepath;
						linkDocument.attr('href', fileUrl);

						var linkIcon = $('<span>')
						.addClass('iconify')
						.attr('data-icon', 'feather:trash')
						.css('cursor', 'pointer');
						
						var divlinkIcon = $('<div>').attr('id', 'massive_document_icon').addClass('hidden').click(function() {
							console.log('Clicou no ícone de exclusãos');
							$(this).addClass('hidden');
							$('#document_massive_id').addClass('hidden');
							$('#documents_holder').removeClass('hidden');
							
						});

						divlinkIcon.append(linkIcon);
						divlinkDocument.append(linkDocument);

						container.append(div);
						div.append(divlinkDocument).append(divlinkIcon);

					})

					
				}

			})
			.catch(function(error) {
				console.error('Erro na requisição:', error);
			});
		}

	getDocumentMassives()

	function getDocumentMassiveFile(){

		let request_id = $('#request_id').val();

		axios.get(`{{ route('api.requests.documents-masse.getDocumentMassiveFile', '') }}/${request_id}`, {
				headers: {
					"Authorization": "Bearer {{ session('Authorization') }}"
				}
			})
			.then(function(response) {
				console.log('documentos', response.data);
				if (response.data.length > 0) {

					let container = $('#container_document_masse_file');
					var div = $('<div>').attr('id', 'document_link').addClass('d-flex mt-2');

					response.data.forEach(function(document) {

						var divlinkDocument = $('<div>');

						var linkDocument = $('<a>').attr({
						id: 'document_massive_file_id',
						href: '',
						target: '_blank',
						}).addClass('links me-2').text(document.filename);

						var fileUrl = '{{ asset('storage') }}/' + document.filepath;
						linkDocument.attr('href', fileUrl);

						var linkIcon = $('<span>')
						.addClass('iconify')
						.attr('data-icon', 'feather:trash')
						.css('cursor', 'pointer');
						
						var divlinkIcon = $('<div>').attr('id', 'massive_document_file_icon').addClass('hidden').click(function() {
							console.log('Clicou no ícone de exclusãos');
							$(this).addClass('hidden');
							$('#document_massive_file_id').addClass('hidden');
							$('#documents_holder').removeClass('hidden');
							
						});

						divlinkIcon.append(linkIcon);
						divlinkDocument.append(linkDocument);

						container.append(div);
						div.append(divlinkDocument).append(divlinkIcon);

					})

					
				}

			})
			.catch(function(error) {
				console.error('Erro na requisição:', error);
			});
		}

	getDocumentMassiveFile()

	// function HideButton() {
        
    //     const btnProcessarInMasse = document.getElementById('btnProcessarInMasse');
    //     const btnProcessar = document.getElementById('btnProcessar');
        
    //     const btnEditar = document.getElementById('btnEditar');
	// 	const btnVisualizar = document.getElementById('btnVisualizar');
    //     const requestId = window.location.pathname.split('/').pop();
        
    //     const storageKey = `isBtnEditarHidden_${requestId}`;


	// 	function hideEditarButton() {

    //     	btnEditar.style.display = 'none';
    //         localStorage.setItem(storageKey, 'true');

	// 		btnVisualizar.style.display = 'none';
    //         localStorage.setItem(storageKey, 'true');
    //     }

    //     if (localStorage.getItem(storageKey) === 'true') {
    //         btnEditar.style.display = 'none';
	// 		btnVisualizar.style.display = 'none';
    //     } else {
    //         btnEditar.style.display = 'block';
	// 		btnVisualizar.style.display = 'block';
    //     }	

    //     btnProcessarInMasse.addEventListener('click', hideEditarButton);
    //     btnProcessar.addEventListener('click', hideEditarButton);
    // }

    // window.onload = HideButton;

	function addFileInputFile(row, holderId, holderType, labelText, holderEntry, documentId, multiple = false) {
			const col = $('<div>').addClass('col-md-6');
			const container = $('<div>').addClass('document-container mb-1');

			const labelDocument = $('<label>').text(labelText);
			const inputDocument = $('<input>').attr({
				type: 'file',
				id: 'doc_' + holderId + '_' + holderType + '_' + labelText.replace(/\s+/g, '_'),
				name: `documents[${holderId}][${holderType}][${labelText.replace(/\s+/g, '_')}]`,
				multiple: multiple,
				required: true
			});

			inputDocument.on('change', function() {
				const selectedFile = this.files[0];
				if (selectedFile) {
					const docIndex = holderEntry.documentos.findIndex(doc => doc.filename === labelText && doc.type === holderType);

					if (docIndex > -1) {
						holderEntry.documentos[docIndex].file = selectedFile;
					} else {
						holderEntry.documentos.push({
							id: documentId,  
							filename: labelText,
							file: selectedFile,
							supplier_type_request_id: null,
							type: holderType
						});
					}
				}
			});

			container.append(labelDocument).append('<br>').append(inputDocument);
			col.append(container);
			row.append(col);
		}

	});

	// MOVIMENTAÇÃO DE ALTERAÇÃO

	function buttonChangeRegistration(){
		let table_div = $('#container_table');

		let buttonChange = `<button type="button" class="btn btn-primary me-1 mt-2" id="modalChange">Dados Beneficiario</button>`;

		table_div.append(buttonChange);
	}

	if($('#requests_type_id').val() == 3){
		buttonChangeRegistration()
	}

	$('#modalChange').click(function() {

		holderRequest.forEach(function (holders) {

			let type = holders.id.replace(/\d+/g, '');
			let id = holders.id.replace(/\D+/g, '');

			if(type == 'titular') {
				getDataHolderRequest (id)
				$('#modalHolder').modal('show');
				
			}

			if(type == 'dependente') {
				getDataDependentRequest (id)
				$('#modalDependent').modal('show');
			}

		});
        
    });

	function getDataHolderRequest (id){

		let request_id = $('#request_id').val();

		axios.get(`{{ route('api.requests.getDataHolderRequest', ['', '']) }}/${id}/${request_id}`, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {

					let data = response.data;

					$('#modalHolder').find('input, select').val('');

					$('#modalHolder #address').val(data.address);
					$('#modalHolder #admission_date').val(data.admission_date);
					$('#modalHolder #bank').val(data.bank);
					$('#modalHolder #bank_account').val(data.bank_account);
					$('#modalHolder #bank_agency').val(data.bank_agency);
					$('#modalHolder #bank_number').val(data.bank_number);
					$('#modalHolder #birth_date').val(data.birth_date);
					$('#modalHolder #city').val(data.city);
					$('#modalHolder #civil_status').val(data.civil_status);
					$('#modalHolder #cnpj').val(data.cnpj);
					$('#modalHolder #company_id').val(data.company_id);
					$('#modalHolder #company_name').val(data.company_name);
					$('#modalHolder #complement').val(data.complement);
					$('#modalHolder #coparticipation_rate').val(data.coparticipation_rate);
					$('#modalHolder #corporate_email').val(data.corporate_email);
					$('#modalHolder #corporative_phone').val(data.corporative_phone);
					$('#modalHolder #cost_center').val(data.cost_center);
					$('#modalHolder #cpf').val(data.cpf);
					$('#modalHolder #created_at').val(data.created_at);
					$('#modalHolder #deleted_at').val(data.deleted_at);
					$('#modalHolder #deletion_date').val(data.deletion_date);
					$('#modalHolder #district').val(data.district);
					$('#modalHolder #email').val(data.email);
					$('#modalHolder #employee_type').val(data.employee_type);
					$('#modalHolder #extension_end_date').val(data.extension_end_date);
					$('#modalHolder #extension_start_date').val(data.extension_start_date);
					$('#modalHolder #holder_status_id').val(data.holder_status_id);
					$('#modalHolder #included_with_carency').val(data.included_with_carency);
					$('#modalHolder #injuction').val(data.injuction);
					$('#modalHolder #issuing_body').val(data.issuing_body);
					$('#modalHolder #issuing_date').val(data.issuing_date);
					$('#modalHolder #mother_name').val(data.mother_name);
					$('#modalHolder #name').val(data.name);
					$('#modalHolder #number').val(data.number);
					$('#modalHolder #personal_phone').val(data.personal_phone);
					$('#modalHolder #pre_existing_cid').val(data.pre_existing_cid);
					$('#modalHolder #registration').val(data.registration);
					$('#modalHolder #rg').val(data.rg);
					$('#modalHolder #role').val(data.role);
					$('#modalHolder #sex').val(data.sex);
					$('#modalHolder #state').val(data.state);
					$('#modalHolder #status').val(data.status);
					$('#modalHolder #sus_card').val(data.sus_card);
					$('#modalHolder #updated_at').val(data.updated_at);
					$('#modalHolder #wage').val(data.wage);
					$('#modalHolder #wedding_date').val(data.wedding_date);
					$('#modalHolder #zip_code').val(data.zip_code);

					

				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
	}

	function getDataDependentRequest(id){

		let request_id = $('#request_id').val();

		axios.get(`{{ route('api.requests.getDataDependentRequest', ['', '']) }}/${id}/${request_id}`, {
					headers: {
						"Authorization": "Bearer {{ session('Authorization') }}"
					}
				})
				.then(function(response) {

					let data = response.data;

					$('#modalDependent').find('input, select').val('');

					$('#modalDependent #address').val(data.address);
					$('#modalDependent #bank').val(data.bank);
					$('#modalDependent #bank_account').val(data.bank_account);
					$('#modalDependent #bank_agency').val(data.bank_agency);
					$('#modalDependent #bank_number').val(data.bank_number);
					$('#modalDependent #benefit_time').val(data.benefit_time);
					$('#modalDependent #birth_date').val(data.birth_date);
					$('#modalDependent #carency').val(data.carency);
					$('#modalDependent #carency_inclusion').val(data.carency_inclusion);
					$('#modalDependent #city').val(data.city);
					$('#modalDependent #civil_status').val(data.civil_status);
					$('#modalDependent #complement').val(data.complement);
					$('#modalDependent #cpf').val(data.cpf);
					$('#modalDependent #district').val(data.district);
					$('#modalDependent #email').val(data.email);
					$('#modalDependent #holder_id').val(data.holder_id);
					$('#modalDependent #id').val(data.id);
					$('#modalDependent #injuction').val(data.injuction);
					$('#modalDependent #issuing_body').val(data.issuing_body);
					$('#modalDependent #issuing_date').val(data.issuing_date);
					$('#modalDependent #kinship_id').val(data.kinship_id);
					$('#modalDependent #mother_name').val(data.mother_name);
					$('#modalDependent #name').val(data.name);
					$('#modalDependent #number').val(data.number);
					$('#modalDependent #rg').val(data.rg);
					$('#modalDependent #sex').val(data.sex);
					$('#modalDependent #state').val(data.state);
					$('#modalDependent #status').val(data.status);
					$('#modalDependent #sus_card').val(data.sus_card);
					$('#modalDependent #wedding_date').val(data.wedding_date);
					$('#modalDependent #zip_code').val(data.zip_code);

				})
				.catch(function(error) {
					console.error('Erro na requisição:', error);
				});
	}

	$('#btnAddMoldeHolder').on('click', function(event) {
		event.preventDefault();

		holderData = {
			request_id: $('#request_id').val(),
			address: $('#modalHolder #address').val(),
			address: $('#modalHolder #address').val(),
			admission_date: $('#modalHolder #admission_date').val(),
			bank: $('#modalHolder #bank').val(),
			bank_account: $('#modalHolder #bank_account').val(),
			bank_agency: $('#modalHolder #bank_agency').val(),
			bank_number: $('#modalHolder #bank_number').val(),
			birth_date: $('#modalHolder #birth_date').val(),
			city: $('#modalHolder #city').val(),
			civil_status: $('#modalHolder #civil_status').val(),
			cnpj: $('#modalHolder #cnpj').val(),
			company_id: $('#modalHolder #company_id').val(),
			company_name: $('#modalHolder #company_name').val(),
			complement: $('#modalHolder #complement').val(),
			coparticipation_rate: $('#modalHolder #coparticipation_rate').val(),
			corporate_email: $('#modalHolder #corporate_email').val(),
			corporative_phone: $('#modalHolder #corporative_phone').val(),
			cost_center: $('#modalHolder #cost_center').val(),
			cpf: $('#modalHolder #cpf').val(),
			created_at: $('#modalHolder #created_at').val(),
			deleted_at: $('#modalHolder #deleted_at').val(),
			deletion_date: $('#modalHolder #deletion_date').val(),
			district: $('#modalHolder #district').val(),
			email: $('#modalHolder #email').val(),
			employee_type: $('#modalHolder #employee_type').val(),
			extension_end_date: $('#modalHolder #extension_end_date').val(),
			extension_start_date: $('#modalHolder #extension_start_date').val(),
			holder_status_id: $('#modalHolder #holder_status_id').val(),
			included_with_carency: $('#modalHolder #included_with_carency').val(),
			injuction: $('#modalHolder #injuction').val(),
			issuing_body: $('#modalHolder #issuing_body').val(),
			issuing_date: $('#modalHolder #issuing_date').val(),
			mother_name: $('#modalHolder #mother_name').val(),
			name: $('#modalHolder #name').val(),
			number: $('#modalHolder #number').val(),
			personal_phone: $('#modalHolder #personal_phone').val(),
			pre_existing_cid: $('#modalHolder #pre_existing_cid').val(),
			registration: $('#modalHolder #registration').val(),
			rg: $('#modalHolder #rg').val(),
			role: $('#modalHolder #role').val(),
			sex: $('#modalHolder #sex').val(),
			state: $('#modalHolder #state').val(),
			status: $('#modalHolder #status').val(),
			sus_card: $('#modalHolder #sus_card').val(),
			updated_at: $('#modalHolder #updated_at').val(),
			wage: $('#modalHolder #wage').val(),
			wedding_date: $('#modalHolder #wedding_date').val(),
			zip_code: $('#modalHolder #zip_code').val()
		};

		$('#modalHolder').modal('hide');

	});

	$('#btnAddMoldeDependent').on('click', function(event) {
		event.preventDefault();

		holderData = {
			request_id: $('#request_id').val(),
			address: $('#modalDependent #address').val(),
			bank: $('#modalDependent #bank').val(),
			bank_account: $('#modalDependent #bank_account').val(),
			bank_agency: $('#modalDependent #bank_agency').val(),
			bank_number: $('#modalDependent #bank_number').val(),
			benefit_time: $('#modalDependent #benefit_time').val(),
			birth_date: $('#modalDependent #birth_date').val(),
			carency: $('#modalDependent #carency').val(),
			carency_inclusion: $('#modalDependent #carency_inclusion').val(),
			city: $('#modalDependent #city').val(),
			civil_status: $('#modalDependent #civil_status').val(),
			complement: $('#modalDependent #complement').val(),
			cpf: $('#modalDependent #cpf').val(),
			district: $('#modalDependent #district').val(),
			email: $('#modalDependent #email').val(),
			holder_id: $('#modalDependent #holder_id').val(),
			id: $('#modalDependent #id').val(),
			injuction: $('#modalDependent #injuction').val(),
			issuing_body: $('#modalDependent #issuing_body').val(),
			issuing_date: $('#modalDependent #issuing_date').val(),
			kinship_id: $('#modalDependent #kinship_id').val(),
			mother_name: $('#modalDependent #mother_name').val(),
			name: $('#modalDependent #name').val(),
			number: $('#modalDependent #number').val(),
			rg: $('#modalDependent #rg').val(),
			sex: $('#modalDependent #sex').val(),
			state: $('#modalDependent #state').val(),
			status: $('#modalDependent #status').val(),
			sus_card: $('#modalDependent #sus_card').val(),
			wedding_date: $('#modalDependent #wedding_date').val(),
			zip_code: $('#modalDependent #zip_code').val()
		};

		$('#modalDependent').modal('hide');

	});

	// FIM

	$('#modalHolder').on('shown.bs.modal', function () {
		
		let holder_cpf = $("#modalHolder #cpf");
		let holder_zip = $("#modalHolder #zip_code");
		let holder_phone = $("#modalHolder #personal_phone");
		
		holder_cpf.unmask();
		holder_zip.unmask();
		holder_phone.unmask();
		
		holder_cpf.mask('000.000.000-00');
		holder_zip.mask('00000-000');
		holder_phone.mask('(00) 0 0000-0000');

	});

	$('#modalDependent').on('shown.bs.modal', function () {
		
		let dependent_cpf = $("#modalDependent #cpf");
		let dependent_zip = $("#modalDependent #zip_code");
		let dependent_phone = $("#modalDependent #personal_phone");
		
		dependent_cpf.unmask();
		holder_zip.unmask();
		dependent_phone.unmask();
		
		dependent_cpf.mask('000.000.000-00');
		holder_zip.mask('00000-000');
		dependent_phone.mask('(00) 0 0000-0000');

	});

	$(document).ready(function() {
		let company_id = $('#company_id').val();
		let requests_type_id = $('#requests_type_id').val();

		const url = `{{ route('api.contracts.getCompaniesByProduct', [':companyId', ':requestsTypeId']) }}`;

		const urlWithIds = url
			.replace(':companyId', company_id)
			.replace(':requestsTypeId', requests_type_id);

		axios.get(urlWithIds, {
			headers: {
				"Authorization": "Bearer {{ session('Authorization') }}"
			}
		})
		.then(function(response) {
			console.log('deu certo', response.data);

			$('#current_supplier').empty();
			$('#current_supplier').append('<option value="" selected disabled>Selecione um fornecedor</option>');

			let uniqueSuppliers = response.data.filter((supplier, index, self) =>
				index === self.findIndex((s) => s.supplier_id === supplier.supplier_id)
			);

			$('#current_supplier').select2({
				multiple: false,
				placeholder: "Selecione uma Empresa",
				data: uniqueSuppliers.map(function(supplier) {
					return {
						id: supplier.supplier_id,
						text: supplier.supplier_name
					};
				})
			});

			let currentSupplierId = "{{ $requests->current_supplier }}";
			$('#current_supplier').val(currentSupplierId).trigger('change');

			let filteredSuppliers = uniqueSuppliers.filter(supplier => supplier.supplier_id !== currentSupplierId);

			$('#new_supplier').empty();
			$('#new_supplier').append('<option value="" selected disabled>Selecione um novo fornecedor</option>');
			$('#new_supplier').select2({
				multiple: false,
				placeholder: "Selecione um Novo Fornecedor",
				data: filteredSuppliers.map(function(supplier) {
					return {
						id: supplier.supplier_id,
						text: supplier.supplier_name
					};
				})
			});

			let newSupplierId = "{{ $requests->new_supplier }}";
			$('#new_supplier').val(newSupplierId).trigger('change');

			$('#current_supplier').on('change', function() {
				let selectedSupplierId = $(this).val();

				filteredSuppliers = uniqueSuppliers.filter(supplier => supplier.supplier_id !== selectedSupplierId);

				$('#new_supplier').empty();
				$('#new_supplier').append('<option value="" selected disabled>Selecione um novo fornecedor</option>');
				$('#new_supplier').select2({
					multiple: false,
					placeholder: "Selecione um Novo Fornecedor",
					data: filteredSuppliers.map(function(supplier) {
						return {
							id: supplier.supplier_id,
							text: supplier.supplier_name
						};
					})
				});

				$('#new_supplier').val(newSupplierId).trigger('change');
			});

			$('#current_supplier').trigger('change');
		})
		.catch(function(error) {
			console.error('Erro na requisição:', error);
		});
	});


	
</script>
@endsection