@extends('layouts.dashboard')

@section('dashboard')

    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Crear boleta o factura de venta</strong></li>
    </ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Crear boleta o factura de venta</h1>
        </div>
    </div>

    <form class="row mx-0 form-registro" action="{{ route('ins-boleta-factura-venta') }}" id="form-registro-venta" method="post" enctype="multipart/form-data" onsubmit="return validarFoliosVentaExterna(this.id)">
        {{ csrf_field() }}
        <div class="col-md pl-0">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3 form-group">
	            			<label for="rut-busqueda">RUT <span class="href-rosa">*</span></label>
	            			<input type="text" class="form-control cursor-text" name="rut" id="rut-busqueda" required="required" onclick="clearRUT(this, this.value)" oninput="autocompleteRUT(this)" onfocusout="updUsuario(this.value, 'rut');formatRUT(this);">
	            		</div>
	            		<div class="col-md-3 form-group">
	            			<label for="nombre">Razón social <span class="href-rosa">*</span></label>
	            			<input type="text" class="form-control" name="nombre" id="nombre" required="required">
	            		</div>
	            		<div class="col-md-3 form-group">
	            			<label for="giro">Giro <span class="href-rosa">*</span></label>
	            			<input type="text" class="form-control" name="giro" id="giro" required="required">
	            		</div>
	            		<div class="col-md-3 form-group">
	            			<label for="numero-folio">Folio <span class="href-rosa">*</span></label>
	            			<input type="number" class="form-control" name="numero-folio" id="numero-folio" min="1" required="required">
	            		</div>
	                    <div class="col-md-4 form-group">
		            		<label for="region">Región <span class="href-rosa">*</span></label>
							@php $regiones = \FCR::getRegiones(); @endphp
		    				<select name="region" id="region" class="form-control select2" required="required" onchange="updComunas(this.value)">
		    					<option value="">Seleccione...</option>
		    					@foreach($regiones as $r)
		    						<option value="{{ $r->region_id }}">{{ $r->region_nombre }}</option>
		    					@endforeach
		    				</select>
			            </div>
			            <div class="col-md-4 form-group">
		            		<label for="comuna">Comuna <span class="href-rosa">*</span></label>
							<select name="comuna" id="comuna" class="form-control select2" required="required">
		    					<option value="">Seleccione...</option>
		    				</select>
			            </div>
			            <div class="col-md-4 form-group">
	            			<label for="direccion">Dirección <span class="href-rosa">*</span></label>
	            			<input type="text" class="form-control" name="direccion" id="direccion" required="required">
	            		</div>
	            		<div class="col-md-4 form-group">
	            			<label for="documento">Documento <span class="href-rosa">*</span></label>
	            			<select name="documento" id="documento" class="form-control select2" required="required" onchange="updDocumentoNCExterno(this.value)">
	            				<option value="7">Boleta Electrónica</option>
	            				<option value="3">Factura Electrónica</option>
	            			</select>
	            		</div>
	            		<div class="col-md-4 form-group">
	            			<label for="fecha-ingreso">Fecha Ingreso <span class="href-rosa">*</span></label>
	            			<input type="date" class="form-control input-date" name="fecha-ingreso" id="fecha-ingreso" required="required" value="{{ date('Y-m-d') }}" max="{{ date('Y-m-d') }}">
	            		</div>
	            		<div class="col-md-4 form-group">
	            			<label for="fecha-vencimiento">Fecha Vencimiento</label>
	            			<input type="date" class="form-control input-date" name="fecha-vencimiento" id="fecha-vencimiento">
	            		</div>
	            		<div class="col-12 form-group">
                            <label for="clasificacion" class="d-block font-weight-bold">Observación </label>
                            <textarea name="observacion-compra" rows="3" class="form-control"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 mt-4 pl-0">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-auto">
                            <h3 class="titulo-h1 mb-3">Productos</h3>
                        </div>
                        	                        <div class="col-auto">
	                             <button type="button" class="btn btn-success btn-sm" onclick="addProductoVentaExterna()">+ Agregar fila</button>
	                        </div>
                                            </div>
                    <div class="table-responsive">
                        <table class="table" id="table-productos-venta-externa">
                            <thead>
                                <tr>
            						<th>SKU</th>
            						<th>Título</th>
            						<th>Cantidad</th>
            						<th>Precio<span class="d-block small font-italic">{{ \FCR::textTipoPrecio($tipo_precio) }}</span></th>
            						<th>Subtotal</th>
            						<th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $num = 1; @endphp
	            				@include('dashboard.dte.table-producto-venta-externa')
                            </tbody>
                        </table>
                    </div>

                    <div class="col-12 text-right">
                        <button type="submit" class="btn btn-primary btn-sm" name="button">Ingresar</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection