@extends('adminlte::page')

@section('title', 'Editar Compañía')

@section('content_header')
    <h1>Editar Compañía</h1>
@stop

@section('content')
    <x-adminlte-card title="Datos de la Compañía" theme="light" theme-mode="outline">
        <form method="POST" action="{{ route('catalogs.company.update', $company) }}">
            @csrf
            @method('PUT')

            <div class="row g-3">
                <div class="col-md-3">
                    <x-adminlte-input name="code" label="Código (≤10)"
                                      value="{{ old('code', $company->code) }}"
                                      maxlength="10" enable-old-support/>
                    <small class="text-muted">A-Z, 0-9, guion (-) y guion bajo (_)</small>
                    @error('code') <x-adminlte-alert theme="danger" title="Error" class="mt-1">{{ $message }}</x-adminlte-alert> @enderror
                </div>

                <div class="col-md-5">
                    <x-adminlte-input name="name" label="Nombre *"
                                      value="{{ old('name', $company->name) }}" enable-old-support/>
                    @error('name') <x-adminlte-alert theme="danger" title="Error" class="mt-1">{{ $message }}</x-adminlte-alert> @enderror
                </div>

                <div class="col-md-2">
                    <x-adminlte-input name="rfc" label="RFC / Tax ID"
                                      value="{{ old('rfc', $company->rfc) }}" enable-old-support/>
                    @error('rfc') <x-adminlte-alert theme="danger" title="Error" class="mt-1">{{ $message }}</x-adminlte-alert> @enderror
                </div>

                <div class="col-md-1">
                    <x-adminlte-input name="country_iso" label="País (ISO-2) *"
                                      value="{{ old('country_iso', $company->country_iso) }}"
                                      maxlength="2" enable-old-support/>
                    @error('country_iso') <x-adminlte-alert theme="danger" title="Error" class="mt-1">{{ $message }}</x-adminlte-alert> @enderror
                </div>

                <div class="col-md-1 d-flex align-items-end">
                    <x-adminlte-input-switch name="is_active" label="Activa" data-on-text="Sí" data-off-text="No"
                                             :checked="old('is_active', $company->is_active)"/>
                    @error('is_active') <x-adminlte-alert theme="danger" title="Error" class="mt-1">{{ $message }}</x-adminlte-alert> @enderror
                </div>
            </div>

            <div class="mt-4">
                <x-adminlte-button type="submit" theme="primary" label="Actualizar" class="btn-update"/>
                <a href="{{ route('catalogs.company.index') }}" class="btn btn-secondary ms-1 btn-cancel">Cancelar</a>
            </div>
        </form>
    </x-adminlte-card>

    {{-- Sugerencia visual para uppercase (opcional) --}}
    <style>
        input[name="code"], input[name="country_iso"], input[name="rfc"] { text-transform: uppercase; }
    </style>
@stop