@extends('layouts.app')
@section('title', 'Crear Vendedor')
@section('content')
    <div class="row">
        <div class="col-12">
            <form method="POST" action="{{route("sale_persons.store")}}">
                @csrf
                <div class="form-group">
                    <label class="label">Lista usuarios sin codigo asignado</label>
                    
                    <select name="user" id="user" class="form-control" >
                        <option>Seleccione</option>
                    @foreach ($users  as $key => $value)
                        <option value="{{ json_encode($value) }}"
                        >{{ $value->document }} - {{ $value->name }}</option>
                    @endforeach
                    </select>
                    <input type="text" name="user_id" id="user_id" hidden>
                </div>
                <div class="form-group">
                    <label class="label">Lista de tiendas</label>
                    <select name="store_id" id="store_id" class="form-control" >
                    @foreach ($stores as $key => $value)
                        <option value="{{ $value->id }}"
                        >{{ $value->name }}</option>
                    @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="label">Codigo vendedor sugerido</label>
                    <input required autocomplete="off" name="code" class="form-control" type="text" id="code" >
                </div>

                
                <button class="btn btn-success">Guardar</button>
                <a class="btn btn-primary" href="{{route("sale_persons.index")}}">Volver al listado</a>
            </form>
        </div>
    </div>
@endsection
<script>
	window.onload=function() {
        $('#user').on('change', function (e) {
            var optionSelected = $("option:selected", this);
            var valueSelected = this.value;
            var user = JSON.parse(valueSelected)
            $('#code').val(user.code)
            $('#user_id').val(user.id)
            
        });		
	}
	
</script>