@extends('layout.main')
@section('contenido')
    <form action="{{ url('/cuenta') }}" method="post">
        @csrf
        @if (Session::has('mensaje'))
            <div class="alert alert-danger alert-dismissible fade show mb-2 mt-2" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <strong>Atención. </strong>{{Session::get('mensaje')}}
            </div>
        @endif
        <div class="card mb-2 mt-2">
            <div class="card-header">
                <h4>Registrar Cuenta</h4>
            </div>
            <div class="card-body">
                <div class="form-floating mb-2 col-md-4">
                    <input type="text" class="form-control" name="denominacion" autocomplete="off">
                    <label for="floatingInput">Denominación</label>
                </div>
                <div class="form-floating mb-2 col-md-4">
                    <select name="idtipo_cuenta" id="idtipo_cuenta" class="form-control js-example-basic-single">
                        @foreach ($tipos as $tipo)
                            <option value="{{ $tipo['idtipo_cuenta'] }}">{{ $tipo['descripcion'] }}</option>
                        @endforeach
                    </select>
                    <label for="floatingInput">Tipo</label>
                </div>
                <div class="form-floating mb-2 col-md-2">
                    <input type="date" class="form-control" value="{{ $date['0']->fecha }}" name="fecha_creacion"
                        id="fecha_creacion" autocomplete="off">
                    <label for="floatingInput">Fecha creación</label>
                </div>
                <div class="form-floating mb-2 col-md-2">
                    <input type="tel" class="form-control" value="0" name="saldo" autocomplete="off"
                        onkeyup="format(this)" onchange="format(this)">
                    <label for="floatingInput">Saldo</label>
                </div>
            </div>
            <div class="card-footer" align="right">
                <a href="{{ url('/cuenta') }}" class="btn btn-secondary btn-lg" title="Cancelar"><i
                        class="fas fa-ban"></i></a>
                <button class="btn btn-success btn-lg" title="Guardar"><i class="fas fa-save"></i></button>
            </div>
        </div>
    </form>
@endsection