@extends('motomel.plantilla')
@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
<script>
    globalId = '0';
    
</script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/inicio">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/linea-negocios">Líneas de negocio</a></li>
    <li class="breadcrumb-item active">Modificar</li>
</ol>
<div class="row mb-2">
    <div class="col-sm-12">
        <h2>Línea de negocio</h2>
    </div>
    <div class="col-sm-12">
        <a title="Nuevo" href="/linea-negocio/nuevo" class="buttonRecargar btn" aria-hidden="true"><span>Nuevo</span></a>
        <a title="Guardar" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalGuardar').modal('toggle');"><span>Guardar</span></a>
        <a title="Salir" href="#" class="buttonRecargar btn" aria-hidden="true" onclick="javascript: $('#modalSalir').modal('toggle');"><span>Salir</span></a>
    </div>
</div>
<script>
function fsalir(){
    location.href ="/linea-negocios";
}
</script>
@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>
<form id="form1" method="POST">
    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
    <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
    <div class="row">
        <div class="form-group col-lg-6">
            <label>Nombre: *</label>
            <input type="text" id="txtNombre" name="txtNombre" class="form-control" value="{{$grupo->descarea  }}" required>
        </div>
        <div class="form-group col-lg-6">
            <label>Nombre corto: *</label>
            <input type="text" id="txtNombreCorto" name="txtNombreCorto" class="form-control" value="{{$grupo->ncarea  }}" required>
        </div>
        <div class="form-group col-lg-6">
            <label>Activo: *</label>
            <select id="lstEstado" name="lstEstado" class="form-control" required>
                <option value="" disabled selected>Seleccionar</option>
                <option value="1" {{isset($grupo) && $grupo->activo == 1? 'selected' : ''}}>Si</option>
                <option value="0" {{isset($grupo) &&$grupo->activo == 0? 'selected' : ''}}>No</option>
            </select>
        </div>
        <div class="form-group col-lg-6">
            <label>Hoja de estilos css:</label>
            <input class="form-control" type="text" id="txtCss" name="txtCss" value="{{$grupo->css  }}">
        </div>
        <div class="form-group col-lg-6">
            <label>Logo:</label>
            <input class="form-control" type="text" id="txtLogo" name="txtLogo" value="{{$grupo->logo  }}">
        </div>
        <div class="form-group col-lg-6">
            <label>Precio editable: *</label>
            <select id="lstPrecioEditable" name="lstPrecioEditable" class="form-control" required>
                <option value="" disabled selected>Seleccionar</option>
                <option value="1" {{isset($grupo) && $grupo->activo == 1? 'selected' : ''}}>Si</option>
                <option value="0" {{isset($grupo) &&$grupo->activo == 0? 'selected' : ''}}>No</option>
            </select>
        </div>
    </div> 
</form>
<script>

    //Define constantes
    globalId = '0';

    $("#form1").validate();
   

    function guardar() {
        if ($("#form1").valid()) {
            modificado = false;
            form1.submit(); 
        } else {
            $("#modalGuardar").modal('toggle');
            msgShow("Corrija los errores e intente nuevamente.", "danger");
            return false;
        }
    }

</script>
@endsection