@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="/home">Inicio</a></li>
    <li class="breadcrumb-item"><a href="/vendedores">Vendedores</a></li>
    <li class="breadcrumb-item active">Datos del vendedor</li>
</ol>
<div class="row px-4 mb-2">
    <div class="col-sm-12">
        @if($globalId == 0)
            <h2>Nuevo vendedor</h2>
        @else
            <h2>Modificar vendedor</h2>
        @endif
    </div>
    <div class="col-sm-12 my-2">
        <a title="Nuevo" href="/vendedor/nuevo" class="buttonRecargar btn" aria-hidden="true"><span>Nuevo</span></a></li>
        <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 ="/vendedores";
}
</script>

@endsection
@section('contenido')
<div class="row">
    <div id = "msg"></div>
    </div>

<form id="form1" method="POST">
    <div class="row formularioVendedor">
        <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
        <input type="hidden" id="id" name="id" class="form-control" value="{{$globalId}}" required>
        <div class="col-sm-12">
        <div class="card mb-4">
                <div class="card-header py-3">
                  <h6 class="m-0 font-weight-bold text-primary">Datos vendedor</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                    <div class="form-group col-sm-6">
                        <label>Nombre:</label>
                        <input type="text" class="form-control" id="txtNombre" name="txtNombre" value="{{$vendedor->nombre  }}" required>
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Apellido:</label>
                        <input type="text" class="form-control" id="txtApellido" name="txtApellido" value="{{$vendedor->apellido  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Email:</label>
                        <input type="email" id="txtEmail" name="txtEmail" class="form-control" required value="{{$vendedor->mail  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Usuario:</label>
                        <input type="text" id="txtUsuario" name="txtUsuario" class="form-control" value="{{$vendedor->usuario  }}">
                    </div>
                    <div class="form-group col-sm-6">
                        <label>Cupo máximo:</label>
                        <input type="number" id="txtCupo" name="txtCupo" class="form-control" value="{{$vendedor->cupo  }}">
                    </div>
                </div>
                </div>
        </div>
        </div>
    </div>
</form>
<script>

    $("#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