@extends('layout.main')
@section('contenido')
    <div class="card mt-2">
        <div class="card-header">
            <div class="col-md-4">
                <h4>Transacción</h4>
            </div>
        </div>
        <div class="card-body">
            <div class="mb-2">
                <div class="row align-items-start">
                    <div class="col-md-1">
                        <div class="form-floating">
                            <input type="text" class="form-control" readonly
                                value="{{ number_format($transacciones['0']->idtransaccion, 0, ',', '.') }}">
                            <label for="floatingInput">ID</label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-floating">
                            <input type="text" class="form-control" readonly
                                value="{{ date('d/m/Y', strtotime($transacciones['0']->fecha)) }} ">
                            <label for="floatingInput">Fecha</label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-floating ">
                            <input type="text" class="form-control" readonly value="{{ $transacciones['0']->cuenta }}">
                            <label for="floatingInput">Cuenta</label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-floating ">
                            <input type="text" class="form-control" readonly value="{{ $transacciones['0']->tipo }}">
                            <label for="floatingInput">Tipo</label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-floating">
                            <input type="text" class="form-control" readonly
                                value="{{ $transacciones['0']->condicion }}">
                            <label for="floatingInput">Condición</label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-floating">
                            <input type="text" class="form-control" readonly
                                value="{{ $transacciones['0']->entrega }}">
                            <label for="floatingInput">Entrega</label>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <div class="col-4">
                <div class="form-floating">
                    <input type="text" readonly value="{{ $transacciones['0']->denominacion }}" class="form-control">
                    <label for="floatingInput">Beneficiario</label>
                </div>
            </div> --}}
            <div class="row align-items-start">
                <div class="col-md-4">
                    <div class="form-floating">
                        <input type="text" readonly value="{{ $transacciones['0']->denominacion }}" class="form-control">
                        <label for="floatingInput">Beneficiario</label>
                    </div>
                </div>
                <div class="col-3">
                    <div class="form-floating">
                        <input type="text" readonly value="{{ $transacciones['0']->categoria }}" class="form-control">
                        <label for="floatingInput">Categoría</label>
                    </div>
                </div>
                <div class="col-3">
                    <div class="form-floating">
                        <textarea class="form-control" name="nota" rows="3" readonly>{{$transacciones['0']->nota}}</textarea>
                        <label for="floatingInput">Nota</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card mb-2">
        <div class="card-header">
            <div class="col-md-4">
                <h4>Detalle</h4>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-striped table-bordered table-condensed table-sm">
                <thead>
                    <tr class="table-secondary">
                        <th>
                            <div align="center">ID</div>
                        </th>
                        <th>
                            <div align="center">Impuesto</div>
                        </th>
                        <th>Artículo</th>
                        <th>
                            <div align="center">Precio</div>
                        </th>
                        <th>
                            <div align="center">Cantidad</div>
                        </th>
                        <th>
                            <div align="center">Subtotal</div>
                        </th>
                    </tr>
                </thead>
                @foreach ($detalles as $detalle)
                    <tr>
                        <td align="center" width="10%">{{ $detalle->idarticulo }}</td>
                        <td align="center" width="10%">{{ $detalle->tipo_impuesto }}</td>
                        <td>
                            @foreach ($articulos as $articulo)
                                @if ($detalle->idarticulo == $articulo->idarticulo)
                                    {{ $articulo->nombre }}
                                @endif
                            @endforeach
                        </td>
                        <td align="right" width="10%">
                            {{ number_format($detalle->precio, 0, ',', '.') }}
                        </td>
                        <td align="right" width="10%">
                            {{ number_format($detalle->cantidad, 0, ',', '.') }}
                        </td>
                        <td align="right" width="10%">
                            {{ number_format($detalle->subtotal, 0, ',', '.') }}
                        </td>
                    </tr>
                @endforeach
            </table>
            <div align="right">
                <div class="col-1">
                    <div class="form-floating">
                        @if ($transacciones['0']->tipo == 'COMPRA')
                            <input type="text" readonly
                                value="{{ number_format($transacciones['0']->cargo, 0, ',', '.') }}" class="form-control"
                                id="total" name="total">
                        @else
                            <input type="text" readonly
                                value="{{ number_format($transacciones['0']->abono, 0, ',', '.') }}" class="form-control"
                                id="total" name="total">
                        @endif
                        <label for="total" class="col-form-label"><strong>Total</strong></label>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer" align="right">
            <a class="btn btn-primary" href="{{ url('/transaccion') }}"><strong>Volver</strong></a>
        </div>
    </div>
@endsection