@extends('fragments.fullTemplate')
@section('titulo')
Movimientos
@endsection
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Bancos</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Movimientos</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    {{--
    <div class="ui segment">
        <form class="ui form" action="bancos_search" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Cuenta...">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar">
                </div>
            </div>
        </form>
    </div>
    --}}

    <div class="sx-autorender mb-3">
        <div class="card text-center">
            <div class="card-header">
              Datos de la cuenta
            </div>
            <div class="card-body">
            <h5 class="card-title">{{$datos_cuenta->banco}}</h5>
            @if ($datos_cuenta->saldo >= 0)
                <h1 class="text-success"><strong>${{number_format($datos_cuenta->saldo, 2, '.', ',')}}</strong></h1>
            @else 
                <h1 class="text-danger"><strong>${{number_format($datos_cuenta->saldo, 2, '.', ',')}}</strong></h1>
           
            @endif
            <p class="card-text">Número de cuenta: {{$datos_cuenta->numero_cuenta}}</p>
            </div>
            <div class="card-footer text-muted">
                @php
                    $arr_updated_at = explode(" ",$datos_cuenta->updated_at);
                    $fecha_updated_at = $arr_updated_at[0];
                    $hora_updated_at = $arr_updated_at[1];
                @endphp
            Último movimiento realizado el: {{date("d-m-Y",strtotime($fecha_updated_at))}} a las {{$hora_updated_at}}
            </div>
        </div>
    </div>
    
	@if ($permisos->crear == 1)
    <button class="ui button fluid primary create_modal_movimiento">
        <i class="pencil alternate icon"></i> Nuevo movimiento
    </button>    
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            
            <ul class="nav nav-pills mb-3 nav-justified" id="pills-tab" role="tablist">
                <li class="nav-item">
                  <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Todos</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Ingresos</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Egresos</a>
                </li>
            </ul>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <div class="dt-responsive table-responsive">
                        <table id="lang-dt" class="ui celled table unstackable structured">
                            <thead>
                                <tr>
                                    <th>Concepto</th>
                                    <th>Importe</th>
                                    <th>Fecha</th>
                                    <th>Movimiento</th>
                                    <th class="collapsing">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($movimientos->count())
                                
                                @foreach ($movimientos as $dato_movimiento)
                                    <tr>
                                    <td>{{$dato_movimiento->concepto}}</td>
                                    <td>${{number_format($dato_movimiento->importe, 2, '.', ',')}}</td>
                                    <td>{{date("d-m-Y",strtotime($dato_movimiento->fecha))}}</td>
                                    <td>{{$dato_movimiento->movimiento}}</td>
                                        <td>
                                            <div class="ui tiny icon buttons">
                                            @if ($permisos->actualizar == 1)
                                                <!-- Editar -->   
                                                                            
                                                <a class="ui button green edit_movimiento_banco" 
                                                title="Modifica" 
                                                id="{{$dato_movimiento->id_movimiento_banco}}"
                                                
                                                data-id_movimiento_banco="{{$dato_movimiento->id_movimiento_banco}}">
                                                    <i class="pencil alternate icon"></i>
                                                </a>
                                                
                                            @endif
                                                
                                            @if ($permisos->eliminar == 1)
                                                <button class="ui button red eliminarMovimiento" data-id_movimiento_banco="{{$dato_movimiento->id_movimiento_banco}}" data-concepto="{{$dato_movimiento->concepto}}" data-fecha="{{date("d-m-Y",strtotime($dato_movimiento->fecha))}}">
                                                    <i class="trash alternate icon"></i>
                                                </button>
                                            @endif
                                            @if ($permisos->verqr == 1)
                                                
                                            @endif
                                                
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                @else
                                <tr class="text-center">
                                    <td colspan="8">No se encontraron registros</td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                    <div class="dt-responsive table-responsive">
                        <table id="lang-dt" class="ui celled table unstackable structured">
                            <thead>
                                <tr>
                                    <th>Concepto</th>
                                    <th>Importe</th>
                                    <th>Fecha</th>
                                    <th>Movimiento</th>
                                    <th class="collapsing">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($movimientos_ingresos->count())
                                
                                @foreach ($movimientos_ingresos as $dato_movimiento)
                                    <tr>
                                    <td>{{$dato_movimiento->concepto}}</td>
                                    <td>${{number_format($dato_movimiento->importe, 2, '.', ',')}}</td>
                                    <td>{{date("d-m-Y",strtotime($dato_movimiento->fecha))}}</td>
                                    <td>{{$dato_movimiento->movimiento}}</td>
                                        <td>
                                            <div class="ui tiny icon buttons">
                                            @if ($permisos->actualizar == 1)
                                                <!-- Editar -->   
                                                                            
                                                <a class="ui button green edit_movimiento_banco" 
                                                title="Modifica" 
                                                id="{{$dato_movimiento->id_movimiento_banco}}"
                                                
                                                data-id_movimiento_banco="{{$dato_movimiento->id_movimiento_banco}}">
                                                    <i class="pencil alternate icon"></i>
                                                </a>
                                                
                                            @endif
                                                
                                            @if ($permisos->eliminar == 1)
                                                <button class="ui button red eliminarMovimiento" data-id_movimiento_banco="{{$dato_movimiento->id_movimiento_banco}}" data-concepto="{{$dato_movimiento->concepto}}" data-fecha="{{date("d-m-Y",strtotime($dato_movimiento->fecha))}}">
                                                    <i class="trash alternate icon"></i>
                                                </button>
                                            @endif
                                            @if ($permisos->verqr == 1)
                                                
                                            @endif
                                                
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                @else
                                <tr class="text-center">
                                    <td colspan="8">No se encontraron registros</td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div> 
                </div>
                <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                    <div class="dt-responsive table-responsive">
                        <table id="lang-dt" class="ui celled table unstackable structured">
                            <thead>
                                <tr>
                                    <th>Concepto</th>
                                    <th>Importe</th>
                                    <th>Fecha</th>
                                    <th>Movimiento</th>
                                    <th class="collapsing">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($movimientos_egresos->count())
                                
                                @foreach ($movimientos_egresos as $dato_movimiento)
                                    <tr>
                                    <td>{{$dato_movimiento->concepto}}</td>
                                    <td>${{number_format($dato_movimiento->importe, 2, '.', ',')}}</td>
                                    <td>{{date("d-m-Y",strtotime($dato_movimiento->fecha))}}</td>
                                    <td>{{$dato_movimiento->movimiento}}</td>
                                        <td>
                                            <div class="ui tiny icon buttons">
                                            @if ($permisos->actualizar == 1)
                                                <!-- Editar -->   
                                                                            
                                                <a class="ui button green edit_movimiento_banco" 
                                                title="Modifica" 
                                                id="{{$dato_movimiento->id_movimiento_banco}}"
                                                
                                                data-id_movimiento_banco="{{$dato_movimiento->id_movimiento_banco}}">
                                                    <i class="pencil alternate icon"></i>
                                                </a>
                                                
                                            @endif
                                                
                                            @if ($permisos->eliminar == 1)
                                                <button class="ui button red eliminarMovimiento" data-id_movimiento_banco="{{$dato_movimiento->id_movimiento_banco}}" data-concepto="{{$dato_movimiento->concepto}}" data-fecha="{{date("d-m-Y",strtotime($dato_movimiento->fecha))}}">
                                                    <i class="trash alternate icon"></i>
                                                </button>
                                            @endif
                                            @if ($permisos->verqr == 1)
                                                
                                            @endif
                                                
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                                @else
                                <tr class="text-center">
                                    <td colspan="8">No se encontraron registros</td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div> 
                </div>
            </div>
            
        </div>
        <div class="ui divider"></div>
        
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <a class="ui button gray" href="{{url('bancos')}}">
                        <i class="arrow circle left icon"></i>Atrás
                    </a>
                </div>
            </div>
    </div>
    @include('Bancos.Movimientos.create_modal')
    <script>
        $(document).on('click','.create_modal_movimiento',function(){
            //alert("abrir modal");
            /*var id_cuenta_correo_electronico=$(this).attr('data-id_cuenta_correo_electronico');
            var correo_electronico=$(this).attr('data-correo_electronico');
           
            $('#id_usr').val(id_cuenta_correo_electronico);
            $('#nombre_usr').html(correo_electronico);*/

            $('#create_modal').modal('show'); 
        });
    </script>
    @include('Bancos.Movimientos.modify_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_movimiento_banco').on('click', function(){
                //alert("id_movimiento_banco");
                idMovimiento = $(this).attr('id');
                //alert(idMovimiento);
                id_movimiento_banco = $('#'+idMovimiento).data('id_movimiento_banco');
                $('#id_movimiento_banco_edit').val(id_movimiento_banco);
                
                $.ajax({
                    url:"show_movimiento_bancos",
                    method:"POST",
                    data:{'id_movimiento_banco': id_movimiento_banco, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        console.log(resultData);
                        $('#modify_movimiento_modal').modal('show');
                    }
                });
        
            });
        });
        
        $('#modify_movimiento_modal').on('show.bs.modal', function () {
            
            $("#modify_movimiento_modal :input").each(function(){
                
                input = $(this).attr('id');
                console.log(input);
                if(input in resultData){
                    $('#modify_movimiento_modal #'+input).val(resultData[input]);
                    //$('#modify_cuenta_modal #'+input).selectpicker('val', resultData[input]);
                }
            });  
        });
    </script>
    @include('Bancos.Movimientos.delete_modal')
    <script>
        $(document).on('click','.eliminarMovimiento',function(){
            var id_movimiento_banco=$(this).attr('data-id_movimiento_banco');
            var concepto=$(this).attr('data-concepto');
            var fecha=$(this).attr('data-fecha');
           
            $('#id_movimiento_delete').val(id_movimiento_banco);
            $('#concepto_delete').html(concepto);
            $('#fecha_delete').html(fecha);

            $('#delete_movimiento_modal').modal('show'); 
        });
    </script>

@endsection