@extends('includes.navbarclient')
@section('content')
<div class="container-fluid" id="xd">
	<div class="row" style="height: 100%;">
		<!--<div class="col-md-2 col-12" style="background-color: #93a6b7">
			<div class="row">
				<div class="col-12">
					<br>
					<h2>{{ trans( 'messages.configuracion' ) }}</h2>
				</div>
			</div>
			<hr>
			<div class="row">

			</div><br>
			<div class="row">

			</div>
		</div>-->
		<div class="col-md-12 col-12">
				<div class="container-fluid">
					<div class="row">
						<div class="col-12">
							<h5>General {{ trans( 'messages.configuracion' ) }}</h5>
						</div>
					</div>
					<div class="row">
						<div class="col-12">
							<form enctype="multipart/form-data" id="formuploadajax" method="post">
							<div class="card" style="width: 100%; height: 100%; margin-top: 0px; background-color: rgba(220,220,220, 0.3) !important;">
								<div class="card-body">
									<div class="row">
										
									<div class="col-md-6 col-12">
										<div class="row">
											<div class="col-12">
												<label>{{ trans( 'messages.nombre_empresa' ) }}</label>
												<input id="nombre" name="nombre" type="text" class="form-control form-rounded" value="{{ $datos->nombre_empresa }}">
											</div>
										</div>
										<div class="row">
											<div class="col-12">
												<label>{{ trans( 'messages.direccion' ) }}</label>
												<input id="direccion" name="direccion" type="text" class="form-control form-rounded" value="{{ $datos->direccion }}">
											</div>
										</div>
										<div class="row">
											<div class="col-12">
												<label>{{ trans( 'messages.telefono' ) }}</label>
												<input id="telefono" name="telefono" type="text" class="form-control form-rounded" value="{{ $datos->telefono }}">
											</div>
										</div>
										<div class="row">
											<div class="col-12">
												<label>{{ trans( 'messages.correo' ) }}</label>
												<input id="email" name="email" type="email" class="form-control form-rounded" value="{{ $datos->email }}">
											</div>
										</div>
										<div class="row">
											<div class="col-12">
												<label>{{ trans( 'messages.paginaweb' ) }}</label>
												<input id="paginaweb" name="paginaweb" type="text" class="form-control form-rounded" value="{{ $datos->paginaweb }}">
											</div>
										</div>
									</div>
									<div class="col-md-6 col-12">
										<div class="row">
											<div class="col-12">
												<label>RFC</label>
												<input id="rfc" name="rfc" type="text" class="form-control form-rounded" value="{{ $datos->rfc }}"> 
											</div>
										</div>
										<div class="row">
											<div class="col-12">
												<label>Regimen Fiscal</label>
												<input id="regimen" name="regimen" type="text" class="form-control form-rounded" value="{{ $datos->regimen }}">
											</div>
									</div>
									<!--	<div class="row">
											<div class="col-12">
												<label>{{ trans( 'messages.logotipo' ) }}</label>
												<input id="logo" name="logo" type="file" class="form-control form-rounded" value="{{ $datos->logo }}">
											</div>
										</div> -->
									</div>
										
									</div>
									<div class="row">
										<div class="col-12" align="right">
												
											<button class="btn btn-danger badge-pill">X {{ trans( 'messages.cancelar' ) }}</button>
											<!--<button class="btn btn-primary badge-pill" onclick="guardarConfig();">Aceptar</button>-->
											<input class="btn btn-primary badge-pill" type="submit" value="{{ trans( 'messages.guardar' ) }}"/>
										</div>
									</div>
								</div>	
							</form> 
							</div>	
						</div>
					</div>		
				</div>	
		</div>
	</div>	
</div>
<script>
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
	function guardarConfig(){
		var nombre = $('#nombre').val();
		var direccion = $('#direccion').val();
		var telefono = $('#telefono').val();
		var email = $('#email').val();
		var web = $('#web').val();
		var rfc = $('#rfc').val();
		var regimen = $('#regimen').val();
	//	var logo = $('#logo').val();
		console.log(logo)
		$.ajax({
			url: 'guarda_config_g',
			type: 'POST',
			dataType: 'json',
			data: {
				nombre : nombre,
				direccion : direccion,
				telefono : telefono,
				email : email,
				web : web,
				rfc : rfc,
				regimen : regimen,
			//	logo : logo,
			},
		})
		.done(function(resp) {
			console.log("success");
		})
		.fail(function() {
			console.log("error");
		})
		.always(function() {
			console.log("complete");
		});
		

	}
	 $("#formuploadajax").on("submit", function(e){
            e.preventDefault();
            var f = $(this);
            var formData = new FormData(document.getElementById("formuploadajax"));
            console.log(formData);
          //  formData.append("dato", "valor");
        //    formData.append('image', $('input[type=file]')[0].files[0]); 
            //formData.append(f.attr("name"), $(this)[0].files[0]);
            $.ajax({
                url: "guarda_config_g",
                type: "post",
                dataType: "json",
                data: formData,
                cache: false,
                contentType: false,
	     processData: false
            })
                .done(function(res){
                    console.log(res)
                    if(res.result==1){
                    	alert(res.msj)
                    	window.location.reload();
                    }
                });
        });
</script>
@endsection