@extends('layout.main')
@section('contenido')
@if(Session::has('mensaje'))
    <div class="alert alert-success 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>Ok. </strong>{{Session::get('mensaje')}}
    </div>
@endif
@if(Session::has('error'))
    <div class="alert alert-success 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('error')}}
    </div>
@endif
<div class="card mb-2 mt-2">
    <div class="card-header">
        <div class="navbar">
            <div class="col-md-4">
                <h4>Lista de Transacciones</h4>
            </div>
            <div class="col-md-4" align="right">
                <table>
                    <tr>
                        <td>
                            <button class="btn btn-info me-2" title="Ocultar búsqueda avanzada" id="boton-ocultar-avanzada" onclick="ocultar_avanzada()"><i class="fas fa-binoculars"></i></button>
                            <button class="btn btn-warning me-2" title="Búsqueda avanzada" id="boton-busqueda-avanzada" onclick="busqueda_avanzada()"><i class="fas fa-binoculars"></i></button>
                        </td>
                        <td>
                            <form class="d-flex" role="search">
                                <input name="texto" autocomplete="off" class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar" value="{{$texto}}">
                                <button class="btn btn-secondary me-2" type="submit" title="Buscar"><i class="fas fa-search"></i></button>
                            </form>
                        </td>
                        <td>
                            <a href="{{url('/')}}" class="btn btn-primary" title="Nuevo"><i class="fas fa-plus"></i></a>
                        </td>
                    </tr>
                </table>
            </div>  
        </div>
    </div>
    <div class="card-body">
        <form class="d-flex" role="search">
            {{-- <input type="text" name="avanzada" id="avanzada"> --}}
            <div id="block-avanzada">
                <table class="table-light table-bordered table-sm" width="60%">
                    <tr>
                        <td align="center" colspan="6"><b>Busqueda Avanzada</b></td>
                    </tr>
                    <tr>
                        <td><b>ID</b></td>
                        <td><b>D Fecha</b></td>
                        <td><b>H Fecha</b></td>
                        <td><b>Tipo</b></td>
                        <td><b>Condición</b></td>
                        <td><b>Estado</b></td>
                    </tr>
                    <tr>
                        <td class="col-md-1"><input type="text" name="idtransaccion" class="form-control form-control-sm"></td>
                        <td class="col-md-1"><input type="date" class="form-control form-control-sm"></td>
                        <td class="col-md-1"><input type="date" class="form-control form-control-sm"></td>
                        <td class="col-md-1">
                            <select name="tipo" id="" class="form-select form-select-sm">
                                <option value="NINGUNO">Seleccionar</option>
                                <option value="CARGO">Cargo</option>
                                <option value="ABONO">Abono</option>
                                <option value="COMPRA">Compra</option>
                                <option value="VENTA">Venta</option>
                                <option value="TRANSFERENCIA">Transferencia</option>
                                <option value="TODOS">Todos</option>
                            </select>
                        </td>
                        <td class="col-md-1">
                            <select name="" id="" class="form-select form-select-sm">
                                <option value="NINGUNA">Seleccionar</option>
                                <option value="CONTADO">Contado</option>
                                <option value="CREDITO">Crédito</option>
                                <option value="TODOS">Todos</option>
                            </select>
                        </td>
                        <td class="col-md-1">
                            <select name="estado" id="" class="form-select form-select-sm">
                                <option value="NINGUNA">Ninguna</option>
                                <option value="CONCILIADA">Conciliada</option>
                                <option value="TODOS">Todos</option>
                            </select>
                        </td>
                    </tr>
                </table>
                <table class="table-light table-bordered table-sm" width="80%">
                    <tr>
                        <td><b>Beneficiario</b></td>
                        <td><b>Cuenta</b></td>
                        <td><b>Categoría</b></td>
                        <td><b>Nota</b></td>
                    </tr>
                    <tr>
                        <td class="col-md-3">
                            <select name="idbeneficiario" id="idbeneficiario" class="form-select form-select-sm" style="width: 95%">
                                @foreach ($beneficiarios as $beneficiario)
                                    <option value="{{$beneficiario['idbeneficiario']}}" {{ old('idbeneficiario') == $beneficiario['idbeneficiario'] ? 'selected' : '' }}>
                                        {{ "RUC/CI: ".$beneficiario['ruc_ci']." - ".$beneficiario['denominacion'] }}
                                    </option>                    
                                @endforeach
                            </select>
                            <script>
                                $(document).ready(function() {
                                    $('#idbeneficiario').select2();
                                });
                            </script>
                        </td>
                        <td class="col-md-3">
                            <select name="idcuenta" id="idcuenta" class="form-select" style="width: 95%">
                                @foreach ($cuentas as $cuenta)
                                    <option value="{{$cuenta['idcuenta']}}" {{ old('idcuenta') == $cuenta['idcuenta'] ? 'selected' : '' }}>
                                        {!! $cuenta['denominacion'].' - Saldo: '.number_format($cuenta['saldo'], 0, ',', '.') !!}
                                    </option>                    
                                @endforeach
                            </select>
                            <script>
                                $(document).ready(function() {
                                    $('#idcuenta').select2();
                                });
                            </script>
                        </td>
                        <td class="col-md-3">
                            <select name="idcategoria" id="idcategoria" class="form-select" style="width: 95%">
                                @foreach ($categorias as $categoria)
                                    <option value="{{$categoria['idcategoria']}}" {{ old('idcategoria') == $categoria['idcategoria'] ? 'selected' : '' }}>
                                        {{ $categoria['descripcion'] }}
                                    </option>                    
                                @endforeach
                            </select>
                            <script>
                                $(document).ready(function() {
                                    $('#idcategoria').select2();
                                });
                            </script>
                        </td>
                        <td class="col-md-3">
                            {{-- <input type="text" class="form-control form-control-sm"> --}}
                        </td>
                    </tr>
                </table>
            </div>
            {{-- <input type="submit"> --}}
        </form>
        <div class="table-responsive mb-2">
            <table class="table table-light table-condensed table-striped table-sm table-bordered">
                <thead>
                    <tr class="table-secondary">
                        <th>&nbsp;</th>
                        <th><div align="center">ID</div></th>    
                        <th>Fecha</th>
                        <th>Cuenta</th>
                        <th>Tipo</th>
                        <th>Condición</th>
                        <th>Beneficiario</th>
                        <th>Categoria</th>
                        <th>Cargo</th>
                        <th>Abono</th>
                        {{-- <th>Saldo</th> --}}
                        <th>Nota</th>
                        <th><div align="center">Acciones</div></th>

                    </tr>
                </thead>
                <tbody>
                    @foreach($transacciones as $transaccion)
                        @if($transaccion->estado=="CONCILIADA")
                            <tr class="table-success">
                        @else
                            <tr>
                        @endif
                        <td align="center">
                            @php
                                if($transaccion->tipo=='COMPRA'||$transaccion->tipo=='VENTA'){
                                    echo '<a href="transaccion/'.$transaccion->idtransaccion.'" class="btn btn-success btn-sm"><i class="fas fa-info"></i></a>';
                                }
                            @endphp
                        </td>
                        <td width=7% align="center">{{$transaccion->idtransaccion}}</td>
                        <td>{{ date('d/m/Y', strtotime($transaccion->fecha)) }}</td>
                        <td>
                            <strong>
                                {!!$transaccion->cuenta!!}
                            {{-- @foreach ($cuentas as $cuenta)
                                @if ($transaccion->idcuenta == $cuenta->idcuenta)
                                    {{ $cuenta->denominacion }}
                                @endif
                            @endforeach --}}
                            </strong>
                        </td>
                        <td>{{$transaccion->tipo}}</td>
                        <td>{{$transaccion->condicion}}</td>
                        <td>
                            {!!$transaccion->beneficiario!!}
                            {{-- @foreach ($beneficiarios as $beneficiario)
                                @if ($transaccion->idbeneficiario == $beneficiario->idbeneficiario)
                                    {{ $beneficiario->denominacion }}
                                @endif
                            @endforeach --}}
                        </td>
                        <td>
                            {!!$transaccion->categoria!!}
                            {{-- @foreach ($categorias as $categoria)
                                @if ($transaccion->idcategoria == $categoria->idcategoria)
                                    {{ $categoria->descripcion }}
                                @endif
                            @endforeach --}}
                        </td>
                        <td align="right">{{number_format($transaccion->cargo, 0, ',', '.')}}</td>
                        <td align="right">{{number_format($transaccion->abono, 0, ',', '.')}}</td>
                        {{-- <td align="right">{{number_format($transaccion->saldo, 0, ',', '.')}}</td> --}}
                        <td>{{$transaccion->nota}}</td>
                        <td width=10% align="center">
                            <table>
                                <tr>
                                    <td>
                                        <form action="{{route('transaccion.destroy',$transaccion->idtransaccion)}}" method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Quieres borrar?')" title="Borrar"><i class="fas fa-trash"></i></button>
                                        </form>
                                    </td>
                                    <td>
                                        <a href="{{url('/transaccion/'.$transaccion->idtransaccion.'/edit')}}" class="btn btn-warning btn-sm">
                                            <i class="fas fa-pen fa-lg" title="Editar" style="cursor: pointer"></i>
                                        </a>  
                                    </td>
                                    {{-- <td>
                                        <form action="transaccion_edit" method="post">
                                            @csrf
                                            <input type="hidden" name="idtransaccion" value="{!! $transaccion->idtransaccion !!}">
                                            <button class="btn btn-warning btn-sm" title="Editar"><i class="fas fa-pen fa-lg"></i></button>
                                        </form>
                                    </td> --}}
                                </tr>
                            </table>
                        </td>   
                    </tr>
                    @endforeach
                </tbody>
            </table> 
            @if ($texto!='')
                {!! $transacciones->links() !!} Registros listados: {!! $transacciones->total() !!}
            @else
                Registros listados: {!! $transacciones->count() !!}    
            @endif
            {{-- {!! $transacciones->links() !!} --}}
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        $('#block-avanzada').hide();
        $('#boton-busqueda-avanzada').show();
        $('#boton-ocultar-avanzada').hide();
        $("#boton-busqueda-avanzada").click(function() {
            $('#avanzada').val(1);
            $('#block-avanzada').show();
            $('#boton-busqueda-avanzada').hide();
            $('#boton-ocultar-avanzada').show();
        });
        $("#boton-ocultar-avanzada").click(function() {
            $('#avanzada').val("");
            $('#block-avanzada').hide();
            $('#boton-ocultar-avanzada').hide();
            $('#boton-busqueda-avanzada').show();
        });
    });
</script>
@endsection