@extends('adminlte::page')

@section('title', 'Nuevo Estatus de Pago')

@section('content_header')
    <h1 class="m-0 text-dark">Nuevo Estatus de Pago</h1>
@stop

@section('content')
    <x-adminlte-card title="Captura">
        <form method="POST" action="{{ route('payment-statuses.store') }}" autocomplete="off">
            @csrf

            <div class="row">
                <div class="col-md-4">
                    <x-adminlte-input name="code" label="Código" placeholder="p.ej. PAID"
                                      value="{{ old('code') }}" required/>
                    @error('code') <x-adminlte-alert theme="danger">{{ $message }}</x-adminlte-alert> @enderror
                </div>
                <div class="col-md-8">
                    <x-adminlte-input name="description" label="Descripción" placeholder="Pagado"
                                      value="{{ old('description') }}" required/>
                    @error('description') <x-adminlte-alert theme="danger">{{ $message }}</x-adminlte-alert> @enderror
                </div>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> Guardar
                </button>
                <a href="{{ route('payment-statuses.index') }}" class="btn btn-secondary">
                    Cancelar
                </a>
            </div>
        </form>
    </x-adminlte-card>
@stop