<!-- Título -->
<h3 id="page-title" class="ma-20"></h3>

<!-- Acciones de página -->
<div id="page-actions" class="d-flex flex-row-reverse justify-content-between ma-20 mb-0"></div>

<div class="row p-2 glass-effect">
	<div class="col-12 p-0">
		<!-- Header -->
		<div class="d-flex justify-content-between p-0 c-pointer">
			<div class="d-flex align-items-center">
				<!-- Título de sección -->
				<span class="section-title mx-3" idRSC="RSC2078">RSC2078</span>
			</div>

			<!-- Botón Collapse -->
			<button type="button" class="btn btn-link text-body text-decoration-none arrow" data-toggle="collapse" data-target="#bodyCollapse" data-arrow="down">
				<svg class="bi bi-chevron-down ml-1" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"/>
				</svg>
			</button>
		</div>

		<!-- Body -->
		<div id="bodyCollapse" class="m-0 px-3 pt-3 pb-2 collapse show section-body">
			<!-- Archivo .lss -->
			<div class="row">
				<div class="form-group col-6">
					<label for="file" idRSC="RSC2079">RSC2079</label><span class="text-danger">*</span>
					<input id="file" type="file" class="form-control-file" accept=".lss">
				</div>

				<!-- Archivo actual -->
				<div class="form-group col-6">
					<label for="currentFile" idRSC="RSC2087">RSC2087</label>
					<input id="currentFile" type="text" class="form-control" name="currentFile" disabled>
				</div>
			</div>

			<div class="row">
				<!-- Nombre -->
				<div class="form-group col-6">
					<label for="name" idRSC="RSC123">RSC123</label><span class="text-danger">*</span>
					<input id="name" type="text" class="form-control" name="name">
				</div>

				<!-- País -->
				<div class="form-group col-6">
					<label for="country" idRSC="RSC550">RSC550</label>
					<div class="input-group new-input-style">
						<input id="country" type="text" class="form-control" aria-label="Lider" disabled>
						<span id="countryDelete" class="c-pointer">
							<svg class="bi bi-trash icon-color" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
								<path d="M5.5 5.5A.5.5 0 016 6v6a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm2.5 0a.5.5 0 01.5.5v6a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zm3 .5a.5.5 0 00-1 0v6a.5.5 0 001 0V6z"/>
								<path fill-rule="evenodd" d="M14.5 3a1 1 0 01-1 1H13v9a2 2 0 01-2 2H5a2 2 0 01-2-2V4h-.5a1 1 0 01-1-1V2a1 1 0 011-1H6a1 1 0 011-1h2a1 1 0 011 1h3.5a1 1 0 011 1v1zM4.118 4L4 4.059V13a1 1 0 001 1h6a1 1 0 001-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" clip-rule="evenodd"/>
							</svg>
						</span>
						<div class="input-group-append">
							<button id="searchCountry" type="button" class="btn btn-outline-secondary f-content" data-toggle="modal" data-target="#modalContainer">
								<svg class="bi bi-three-dots" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
								</svg>
							</button>
						</div>
					</div>
				</div>
			</div>

			<!-- Descripción -->
			<div class="form-group">
				<label for="description" idRSC="RSC178">RSC178</label><span class="text-danger">*</span>
				<input id="description" type="text" class="form-control" name="description">
			</div>
		</div>
	</div>
</div>