@extends('layouts.layout')

@section('title', 'Constructor de Páginas')

@section('content')

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

<x-ui.card class="mt-4 mb-4">   
    <x-ui.form 
        action="{{ route('comercial.vendedores.store') }}"
        method="POST"
        class="space-y-4"
    >
        <x-ui.row gap="6">

            <x-ui.col xs="12" md="12" lg="2">
                <x-ui.label value="Codigo" />
                <x-ui.input
                    name="codigo"
                    value="{{ old('codigo') }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="2">
                <x-ui.label value="Cedula" />
                <x-ui.input
                    name="cedula"
                    value="{{ old('cedula') }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="4">
                <x-ui.label value="Nombre" />
                <x-ui.input
                    name="nombre"
                    value="{{ old('nombre') }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="4">
                <x-ui.label value="Teléfono" />
                <x-ui.input
                    name="telefono"
                    value="{{ old('telefono') }}"
                />
            </x-ui.col>

        </x-ui.row>
        
        <x-ui.row gap="6">
            
            <x-ui.col xs="12" md="12" lg="4">
                <x-ui.label value="Email" />
                <x-ui.input
                    name="email"
                    value="{{ old('email') }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="4">
                <x-ui.label value="Dirección" />
                <x-ui.input
                    name="direccion"
                    value="{{ old('direccion') }}"
                />
            </x-ui.col>

            <x-ui.col xs="12" md="12" lg="4">
                <x-ui.label value="Ciudad" />
                <x-ui.input
                    name="ciudad"
                    value="{{ old('ciudad') }}"
                />
            </x-ui.col>

        </x-ui.row>

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

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

@endsection