@extends('layouts.layout')

@section('title', 'Editar data')

@section('content')

<x-ui.title text="{{ $title }}" />

<x-ui.card class="mt-4 mb-4">   
    <x-ui.form 
        action="{{ route('configuracion.usuarios.update', $data->id) }}"
        method="POST"
        formMethod="PUT"
        class="space-y-4"
    >

    @csrf
    @method('PUT')

    <x-ui.form-group title="Datos básicos">
        <x-ui.row gap="6">

            <x-ui.col xs="12" md="12" lg="2">
                <x-ui.label value="Usuario" />
                <x-ui.input
                    name="usr_name"
                    value="{{ old('usr_name', $data->usr_name) }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="2">
                <x-ui.label value="Alias" />
                <x-ui.input
                    name="usuario"
                    value="{{ old('usuario', $data->usuario) }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="3">
                <x-ui.label value="Vendedor" />
                <x-ui.select
                    name="idCli"
                    :options="$vendedores"
                    value="{{ old('idCli', $data->idCli) }}"
                />
            </x-ui-col>

            <x-ui.col xs="12" md="12" lg="3">
                <x-ui.label value="Roles" />
                <x-ui.select
                    name="idRol"
                    :options="$roles"
                    value="{{ old('idRol', $data->idRol) }}"
                />
            </x-ui-col>

        </x-ui.row>

        <x-ui.row>

            <x-ui.col xs="12" md="12" lg="1">
                <x-ui.label value="Admin" />
                <x-ui.checkbox
                    name="admin"
                    :checked="old('admin', $data->admin)"
                />
            </x-ui-col>

            <x-ui.col xs="12" md="12" lg="3">
                <x-ui.label value="Email" />
                <x-ui.input
                    name="usr_email"
                    value="{{ old('usr_email', $data->usr_email) }}"
                />
            </x-ui-col>

            <x-ui.col xs="12" md="12" lg="3">
                <x-ui.label value="Estado" />
                <x-ui.select
                    name="usr_active"
                    :options="[
                        ['id' => 1, 'nombre' => 'Activo'],
                        ['id' => 0, 'nombre' => 'Inactivo'],
                    ]"
                    value="{{ old('usr_active', $data->usr_active) }}"
                />
            </x-ui-col>

        </x-ui.row>
    </x-ui.form-group>

    <x-ui.form-group title="Permisos de pedidos">
        <x-ui.row>

            <x-ui.col xs="12" md="12" lg="3">
                <x-ui.label value="Aprobador de pedidos" />
                <x-ui.checkbox
                    name="aprobarPedidos"
                    :checked="old('aprobarPedidos', $data->aprobarPedidos)"
                />
            </x-ui-col>

            <x-ui.col xs="12" md="12" lg="1">
                <x-ui.label value="Digitador" />
                <x-ui.checkbox
                    name="digitador"
                    :checked="old('digitador', $data->digitador)"
                />
            </x-ui-col>

        </x-ui.row>
    </x-ui.form-group>

    <x-ui.form-group title="Cambiar clave">
        <x-ui.row>

            <x-ui.col xs="12" md="12" lg="2">
                <x-ui.label value="Nueva clave" />
                <x-ui.input
                    name="usr_password"
                    type="password"
                />
            </x-ui-col>

            <x-ui.col xs="12" md="12" lg="2">
                <x-ui.label value="Repetir clave" />
                    
                <x-ui.input
                    type="password"
                    name="usr_password_confirmation"
                />
            </x-ui-col>


            <x-ui.col xs="12" md="12" lg="3">
                <x-ui.label value="Cambiar de clave?" />
                <x-ui.checkbox
                    name="validarPassword"
                />
            </x-ui-col>

        </x-ui.row>
    </x-ui.form-group>

    <x-ui.button-save 
        icon="lucide-save" 
        type="submit"
        value="Actualizar"
    />

    </x-ui.form>
</x-ui.card>



<x-ui.button-back
    color="Atrás"  
    href="{{ url('configuracion/usuarios') }}"
/>

@endsection