@extends('layouts.app')

@section('styles')
	<link href="{{ asset('assets/plugins/input-tags/css/tagsinput.css') }}" rel="stylesheet" />
@endsection

@section('content')

    <div class="page-wrapper">
        <div class="page-content">

        	<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
				<div class="breadcrumb-title pe-3">Configuración</div>
				<div class="ps-3">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb mb-0 p-0">
							<li class="breadcrumb-item">
								<a href="{{route('home')}}"><i class="bx bx-home"></i></a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">Configuración del negocio</li>
						</ol>
					</nav>
				</div>
				<div class="ms-auto">
                    <a class="btn btn-dark" href="{{route('appmovil')}}">QR para aplicación móvil</a>
                    <a class="btn btn-dark" href="{{route('metodos')}}">Métodos de pago</a>
                </div>
			</div>
			
			@include('layouts.partials.session')

			<div class="card">
				<form class="card-body" accept-charset="utf-8" enctype="multipart/form-data" method="post" action="{{route('configuracion.update')}}">
					@csrf
					<input type="hidden" name="id" value="1">
					<div>
						<h5 class="card-title">Datos basicos</h5>
					</div>
					<hr>
					<div class="row">
						<div class="col-md-6">
							<center>
								<img src="{{$negocio->logo()}}" height="120" lass="img-fluid rounded">
							</center>

							<div class="mb-3">
								<label for="formFile" class="form-label"></label>
								<input class="form-control" name="logo" accept="image/*" type="file" id="formFile">
							</div>
							<div class="mb-3">
								<label>Nombre del negocio</label>
								<input 
									class="form-control mb-3" 
									type="text"
									name="nombre" 
									value="{{$negocio->nombre}}" 
									placeholder="Ingresa el nombre de tu negocio" 
								>
							</div>
						</div>
						<div class="col-md-6">
							<div class="mb-3">
								<label>Cedula / NIT  del negocio</label>
								<input 
									class="form-control mb-3" 
									type="text"
									name="nit" 
									value="{{$negocio->nit}}"
									placeholder="00000000" 
								>
							</div>
							<div class="mb-3">
								<label>Teléfono del negocio</label>
								<input 
									class="form-control mb-3" 
									type="text" 
									name="telefono" 
									value="{{$negocio->telefono}}"
									placeholder="Ingresa el teléfono del negocio" 
								>
							</div>
							<div class="mb-3">
								<label>Dirección del negocio</label>
								<textarea 
									class="form-control" 
									name="direccion" 
									placeholder="Ingresa la dirección de tu negocio" 
									rows="3"
								>{{$negocio->direccion}}</textarea>
							</div>
						</div>
					</div>
					<br>
					<div>
						<h5 class="card-title">Datos de contacto</h5>
					</div>
					<hr>
					<div class="row">
						<div class="col-md-4">
							<div class="mb-3">
								<label><i class="bx bx-mail-send"></i> Correo electrónico</label>
								<input 
									class="form-control mb-3" 
									type="email"
									name="email" 
									value="{{$negocio->email}}"
									placeholder="Ingresa el correo electrónico del negocio" 
								>
							</div>
							<div class="mb-3">
								<label><i class="lni lni-facebook-oval"></i> Facebook</label>
								<input 
									class="form-control mb-3" 
									type="text" 
									name="f" 
									value="{{$negocio->f}}"
									placeholder="https://" 
								>
							</div>
						</div>
						<div class="col-md-4">
							<div class="mb-3">
								<label><i class="lni lni-instagram-original"></i> Instagram</label>
								<input 
									class="form-control mb-3" 
									type="text" 
									name="i" 
									value="{{$negocio->i}}"
									placeholder="https://" 
								>
							</div>
						</div>
						<div class="col-md-4">
							<div class="mb-3">
								<label><i class="lni lni-whatsapp"></i> Whatsapp</label>
								<input 
									class="form-control mb-3" 
									type="text" 
									name="w" 
									value="{{$negocio->w}}"
									placeholder="00000000" 
								>
							</div>
						</div>
					</div>
					<br>
					<div>
						<h5 class="card-title">Notificaciones</h5>
					</div>
					<hr>
					<div class="row">
						<div class="col-md-4">
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="notificaciones_cierre" 
									type="checkbox" 
									id="notificaciones_cierre" 
									@if($negocio->notificaciones_cierre == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="notificaciones_cierre">Notificaciones de cierre</label>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="notificaciones_inventario" 
									type="checkbox" 
									id="notificaciones_inventario" 
									@if($negocio->notificaciones_inventario == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="notificaciones_inventario">Notificaciones de inventario</label>
							</div>
						</div>
						<div class="col-md-4">
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									type="checkbox" 
									name="notificaciones_proveedores" 
									id="Notificaciones_proveedores" 
									@if($negocio->notificaciones_proveedores == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="Notificaciones_proveedores">Notificaciones de proveedor</label>
							</div>
						</div>
					</div>
					<hr>
					<div class="mb-3">
						<label class="form-label">Correos a donde deben llegar las notificaciones</label>
						<input 
							type="text" 
							name="emails_notificaciones" 
							class="form-control visually-hidden" 
							data-role="tagsinput" 
							value="{{$negocio->emails_notificaciones}}"
						>
					</div>
					<br>
					<div>
						<h5 class="card-title">Funcionalidades del sistema</h5>
					</div>
					<hr>
					<div class="row">
						<div class="col-md-6">
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="tema" 
									type="checkbox" 
									id="tema" 
									@if($negocio->tema == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="tema">Tema oscuro / Tema claro</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="visualizar_caja_menor" 
									type="checkbox" 
									id="visualizar_caja_menor" 
									@if($negocio->visualizar_caja_menor == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="visualizar_caja_menor">Visualizar el dinero de la caja menor.</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="imprimir_comandas" 
									type="checkbox" 
									id="imprimir_comandas" 
									@if($negocio->imprimir_comandas == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="imprimir_comandas">Opción de imprimir comandas en módulo de ventas</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="custom_sale" 
									type="checkbox" 
									id="custom_sale" 
									@if($negocio->custom_sale == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="custom_sale">Opción de ventas personalizadas en módulo de ventas</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="print_sale" 
									type="checkbox" 
									id="print_sale" 
									@if($negocio->print_sale == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="print_sale">Opción de imprimir factura (siempre activa)</label>
							</div>
						</div>

						<div class="col-md-6">
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="discount_code" 
									type="checkbox" 
									id="discount_code" 
									@if($negocio->discount_code == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="discount_code">Permitir códigos de descuento</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="printer_80" 
									type="checkbox" 
									id="printer_80" 
									@if($negocio->printer_80 == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="printer_80">Impresora 50mm / Impresora 80mm</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="can_uptade_price_inventory" 
									type="checkbox" 
									id="can_uptade_price_inventory" 
									@if($negocio->can_uptade_price_inventory == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="can_uptade_price_inventory">Actualizar precios en ajuste de inventario</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="can_update_price_spend" 
									type="checkbox" 
									id="can_update_price_spend" 
									@if($negocio->can_update_price_spend == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="can_update_price_spend">Actualizar precios de los productos en registro de gastos</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="use_socket_aws" 
									type="checkbox" 
									id="use_socket_aws" 
									@if($negocio->use_socket_aws == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="use_socket_aws">Pantalla de comandas en tiempo real</label>
							</div>
							<div class="form-check form-switch">
								<input 
									class="form-check-input" 
									name="can_pay_table" 
									type="checkbox" 
									id="can_pay_table" 
									@if($negocio->can_pay_table == 'on')
										checked="checked"
									@endif
								>
								<label class="form-check-label" for="can_pay_table">Permitir eliminar, pagar y descuentos desde dispositivos móviles</label>
							</div>
						</div>
					</div>
					<br>
					<hr>
					<button type="submit" class="btn btn-primary px-5">Actualizar información</button>
				</form>
			</div>
			<center>
				<img src="{{asset('logo_small.png')}}" style="display: block; margin-bottom: 20px;" width="90">
				<span>Versión 1.5.2 - Power by <a href="https://hexasoftware.net">Hexa Software</a></span>
			</center>
			<center>
				<span id="button_settings_app"></span>
			</center>
        </div>
    </div>


@endsection
@section('scripts')
	<script src="{{asset('assets/plugins/input-tags/js/tagsinput.js')}}"></script>
	<script>
		$(document).ready(function(){
			$("#tema").change(function(){
				if($(this).prop('checked')){
					$("html").removeClass("dark-theme");
				}else{
					$("html").addClass("dark-theme");					
				}
			})
		})
	</script>
@endsection