@extends('layouts.app')

@section('content')
    <div class="container">
        <h1>Crear Nuevo Cliente</h1>

        <!-- Formulario para crear un nuevo cliente -->
        <form action="{{ route('clientes.store') }}" method="POST">
            @csrf
            <div class="mb-3">
                <label for="nombre" class="form-label">Nombre:</label>
                <input type="text" name="Nombre" id="nombre" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="telefono" class="form-label">Teléfono:</label>
                <input type="text" name="Telefono" id="telefono" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="rut" class="form-label">RUT:</label>
                <input type="text" name="RUT" id="rut" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="direccion" class="form-label">Dirección:</label>
                <input type="text" name="Direccion" id="direccion" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="codigo" class="form-label">Código:</label>
                <input type="number" name="codigo" id="codigo" class="form-control">
            </div>
            <div class="mb-3">
                <label for="razon_social" class="form-label">Razón Social:</label>
                <input type="text" name="RazonSocial" id="razon_social" class="form-control">
            </div>
            <div class="mb-3">
                <label for="movil" class="form-label">Móvil:</label>
                <select name="MOVIL_ID" id="movil" class="form-control">
                    <option value="">Seleccionar Móvil</option>
                    @foreach($moviles as $movil)
                        <option value="{{ $movil->MovilID }}">{{ $movil->nombre }}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group">
                <label for="es_iman">¿Es imán? </label>
                <input type="hidden" name="es_iman" value="0">
                <input type="checkbox" name="es_iman" value="1">
            </div>
            <button type="submit" class="btn btn-primary">Guardar</button>
        </form>
    </div>
@endsection