@extends('layouts.app')

@section('title', 'Nueva Cuenta Bancaria')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0 text-gray-800">
                        <i class="fas fa-credit-card me-2"></i>Nueva Cuenta Bancaria
                    </h1>
                    <p class="text-muted">Registrar una nueva cuenta bancaria</p>
                </div>
                <div>
                    <a href="{{ route('admin.bank.accounts.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i>Volver
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        <i class="fas fa-info-circle me-2"></i>Información de la Cuenta Bancaria
                    </h6>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.bank.accounts.store') }}">
                        @csrf
                        
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="bank_id" class="form-label">Banco *</label>
                                <select class="form-select @error('bank_id') is-invalid @enderror" 
                                        id="bank_id" name="bank_id" required>
                                    <option value="">Seleccionar banco</option>
                                    @foreach($banks as $bank)
                                        <option value="{{ $bank->id }}" {{ old('bank_id') == $bank->id ? 'selected' : '' }}>
                                            {{ $bank->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('bank_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="account_number" class="form-label">Número de Cuenta *</label>
                                <input type="text" class="form-control @error('account_number') is-invalid @enderror" 
                                       id="account_number" name="account_number" value="{{ old('account_number') }}" required>
                                @error('account_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="account_type" class="form-label">Tipo de Cuenta *</label>
                                <select class="form-select @error('account_type') is-invalid @enderror" 
                                        id="account_type" name="account_type" required>
                                    <option value="">Seleccionar tipo</option>
                                    @foreach($accountTypes as $key => $label)
                                        <option value="{{ $key }}" {{ old('account_type') == $key ? 'selected' : '' }}>
                                            {{ $label }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('account_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="currency" class="form-label">Moneda *</label>
                                <select class="form-select @error('currency') is-invalid @enderror" 
                                        id="currency" name="currency" required>
                                    <option value="">Seleccionar moneda</option>
                                    @foreach($currencies as $currency)
                                        <option value="{{ $currency }}" {{ old('currency') == $currency ? 'selected' : '' }}>
                                            {{ $currency }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('currency')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="opening_balance" class="form-label">Saldo Inicial *</label>
                                <input type="number" step="0.01" min="0" class="form-control @error('opening_balance') is-invalid @enderror" 
                                       id="opening_balance" name="opening_balance" value="{{ old('opening_balance', 0) }}" required>
                                @error('opening_balance')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="account_holder_name" class="form-label">Titular de la Cuenta *</label>
                                <input type="text" class="form-control @error('account_holder_name') is-invalid @enderror" 
                                       id="account_holder_name" name="account_holder_name" value="{{ old('account_holder_name') }}" required>
                                @error('account_holder_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="routing_number" class="form-label">Código de Ruta</label>
                                <input type="text" class="form-control @error('routing_number') is-invalid @enderror" 
                                       id="routing_number" name="routing_number" value="{{ old('routing_number') }}">
                                @error('routing_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="iban" class="form-label">IBAN</label>
                                <input type="text" class="form-control @error('iban') is-invalid @enderror" 
                                       id="iban" name="iban" value="{{ old('iban') }}">
                                @error('iban')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label for="notes" class="form-label">Notas</label>
                                <textarea class="form-control @error('notes') is-invalid @enderror" 
                                          id="notes" name="notes" rows="3">{{ old('notes') }}</textarea>
                                @error('notes')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" 
                                           {{ old('is_active', true) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">
                                        Cuenta Activa
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="is_primary" name="is_primary" value="1" 
                                           {{ old('is_primary') ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_primary">
                                        Marcar como Cuenta Principal
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('admin.bank.accounts.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times me-1"></i>Cancelar
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save me-1"></i>Guardar
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card shadow">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-info">
                        <i class="fas fa-info-circle me-2"></i>Información
                    </h6>
                </div>
                <div class="card-body">
                    <p class="mb-2"><strong>Número de Cuenta:</strong> Debe ser único para cada banco</p>
                    <p class="mb-2"><strong>Tipo de Cuenta:</strong> Corriente, Ahorros, Inversión o Crédito</p>
                    <p class="mb-2"><strong>Saldo Inicial:</strong> El monto con el que inicia la cuenta</p>
                    <p class="mb-2"><strong>Cuenta Principal:</strong> Solo puede haber una cuenta principal por banco</p>
                    <p class="mb-0"><strong>Estado:</strong> Activar/desactivar según sea necesario</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection