@extends('layout.backend')

@section('scripts')
<script>
	function updateFileName(input) {
			const maxLength = 30; // Set the maximum length of the file name to display
			let fileName = input.files[0].name;
			if (fileName.length > maxLength) {
				fileName = fileName.substring(0, maxLength) + '....pdf';
			}
			document.getElementById('fileLabel').innerText = fileName;
			
			toggleSubmitButton();
		}
		
	function toggleSubmitButton() {
		const fileInput = document.getElementById('image');
		const submitButton = document.getElementById('submitButton');
		
		if (fileInput.files && fileInput.files.length > 0) {
			submitButton.disabled = false;
			submitButton.classList.remove('btn-secondary');
			submitButton.classList.add('btn-primary');
		} else {
			submitButton.disabled = true;
			submitButton.classList.remove('btn-primary');
			submitButton.classList.add('btn-secondary');
		}
	}
	
	document.addEventListener('DOMContentLoaded', function() {
		toggleSubmitButton();
	});
</script>	
@endsection

@section('content')

<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h5 class="m-0 font-weight-bold text-primary"><i class="fas fa-file-import mr-2"></i>Importar hlc-7 em PDF</h5>
    </div>
    <div class="card-body">

		{{--ERROS --}}
		@include('components.widget.alerts')

		
        {!! Form::open(['url' => route('triggers-colih.importcreate'), 'method' => 'post', 'files' => true]) !!}
		<div class="form-group">
			<div class="row">
                <div class="col-12 mb-2 text-primary">
                    Este recurso permite importar casos novos a partir de um formulário hlc-7 em PDF.<br/>
				</div>
				<div class="col-12 small mb-4">
					Use apenas o formulário oficial preenchível <em>hlc-7-T Ba 01/12 (04/22)</em>.<br/>
					Não é possível atualizar casos já existentes. 
                </div>
	            <div class="col-11 col-lg-6 col-xl-4 mx-2 mb-4">
					<label for="image" id="fileLabel" class="custom-file-label">Selecione o arquivo</label>
					<input type="file" class="custom-file-input btn" name="image" id="image" accept="application/pdf" onchange="updateFileName(this)">
				</div>
				<div class="col-12 mt-2">
					{!! Form::submit('Importar', ['class' => 'btn btn-secondary mt-4', 'id' => 'submitButton', 'disabled' => 'disabled']) !!}
                </div>
            </div>
        {!! Form::close() !!}

    </div>
</div>


@endsection