@extends('layouts.app')
@section('title', 'Crear Vendedor')
@section('content')
    <div class="row">
        <div class="col-12 p3">
            <div class="x_panel">
                <div class="x_title">
                <h2><i class="fa fa-plus-square"></i> Crear vendedor</h2> 
                    <div class="clearfix"></div>
                </div> 
                <br>
                <div class="x_content p-3">
                    <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->code }} - {{ $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>
        </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>