@extends('template.main')

@section('titulo','Registrar gasto')

@section('contenido')
<div style="padding-left: 50px; padding-right: 50px;" class="row" >
    <div class="col-lg-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Inicio </a></li>
                <li class="breadcrumb-item"><i class="fas fa-money-check-alt"></i> Gastos Administrativos</li>
                <li class="breadcrumb-item active"><i class="far fa-plus-square"></i> Registrar</li>
            </ol>
        </nav>
        <hr>
    </div>
    <div class="col-lg-12">
        <h3 class="contexto"> <i class="far fa-plus-square"></i> Registrar gasto. </h3>
        <hr>
    </div>

    <div class="col-lg-4">
        <form method="post" action="{{ route('gastos.store') }}">
            @csrf
        <label>* Cuenta</label>
        <select name="cuenta" class="form-control" required>
            <option value="">Seleccione una cuenta</option>
            @foreach($cuentas as $cuenta)
                <option value="{{ $cuenta->id }}">{{ $cuenta->nombre }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-lg-4">
        <label>* Concepto</label>
        <input type="text" name="concepto" class="form-control" maxlength="200" required>
    </div>
    <div class="col-lg-4">
        <label>* Cantidad</label>
        <input type="number" min="0" step="any" name="cantidad" class="form-control" required>
    </div>


    <div class="col-lg-4">
        <label>* Fecha</label>
       <input type="date" class="form-control" name="fecha" required>
    </div>
    <div class="col-lg-8">
        <label>Observación</label>
        <textarea class="form-control" name="observacion" maxlength="200"></textarea>
    </div>
    <div class="col-lg-12">
        <button type="submit" style="float: right" class="btn btn-success">Registrar</button>
    </div>
    </form>
</div>
@endsection