@extends('layouts.dashboard')

@section('dashboard')

	@if(session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Integraciones Softnet</strong></li>
    </ul>
    <h1 class="titulo-h1 mb-4">Integraciones Softnet</h1>

	<ul class="nav nav-tabs text-uppercase text-center no-gutters border-bottom" id="myTab" role="tablist">
		<li class="nav-item col-md">
			<a class="nav-link active show" id="info-1-tab" data-toggle="tab" href="#info-1" role="tab" aria-controls="info-1" aria-selected="true">Conectar API</a>
		</li>
		@if(!empty($api_softnet_username))
			<li class="nav-item col-md">
				<a class="nav-link" id="info-2-tab" data-toggle="tab" href="#info-2" role="tab" aria-controls="info-2" aria-selected="false">Parametros</a>
			</li>
		@endif
	</ul>
	<div class="tab-content" id="myTabContent">
		<div class="tab-pane fade active show" id="info-1" role="tabpanel" aria-labelledby="info-1-tab">
			<div class="card">
				<div class="card-body">
			    	<form class="form-registro" method="post" action="{{ route('conexion-api-softnet') }}">
			    		{{ csrf_field() }}
				        <div id="form-softnet">
			               	<div class="form-group">
			                    <label for="username" class="text-uppercase">Username:</label>
			                    <input type="text" name="username" id="username" class="form-control">
			                </div>
			                <div class="form-group">
			                	<label for="password" class="text-uppercase">Password:</label>
			                    <input type="password" name="password" id="password" class="form-control">
			                </div>
			                <div class="form-group">
			                	<label for="rut-api" class="text-uppercase">RUT:</label>
			                    <input type="text" name="rut" id="rut-api" class="form-control">
			                </div>