@extends("app")
<div id="_token" class="hidden" data-token="{{ csrf_token() }}"></div>

@section("content")
<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/css/jqueryui-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/js/jqueryui-editable.min.js"></script> 
<br>
<br>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h1 class="dashboard-heading">
                Divisas<h2 class="dashborad-heading">Detalle</h2>
            </h1>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 text-center">
            <h2 class="dashboard-heading">Dolares</h2>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <table class="table table-striped big-table u-mb0">
                <thead>
                    <tr>
                        <th><span>SANTANDER 5375</span></th>
                    </tr>
                </thead>
            </table>
            <div class="table-responsive">
                <table class="table big-table table-striped table-hover big-table detail-account">
                    <thead>
                        <tr>
                            <th>
                                FECHA 	
                            </th>
                            <th>
                                MONTO
                            </th>
                            <th>
                                TIPO CAMBIO
                            </th>
                            <th>
                                MXN
                            </th>
                            <th>
                                CONCEPTO	
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($santander as $transaction)
                        <tr>
                            <td>
                                <span>
                                    {{ $transaction->date }}
                                </span>
                            </td>
                            <td>
                                <span >    
                                    $<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto">{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                                </span>
                            </td>
                            <td>
                                <span >
                                    ${{number_format($transaction->exchange_rate,2)}}</a>
                                </span>
                            </td>
                            <td>
                                <span >
                                    ${{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                                </span>
                            </td>
                            <td>
                                <span>
                                    {{ $transaction->concept }}
                                </span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-6">
            <table class="table table-striped big-table u-mb0">
                <thead>
                    <tr>
                        <th><span>SANTANDER 7067</span></th>
                    </tr>
                </thead>
            </table>
            <div class="table-responsive">
                <table class="table big-table table-striped table-hover big-table detail-account">
                    <thead>
                        <tr>
                            <th>
                                FECHA 	
                            </th>
                            <th>
                                MONTO
                            </th>
                            <th>
                                TIPO CAMBIO
                            </th>
                            <th>
                                MXN
                            </th>
                            <th>
                                CONCEPTO	
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($santander2 as $transaction)
                        <tr>
                            <td>
                                <span>
                                    {{ $transaction->date }}
                                </span>
                            </td>
                            <td>
                                <span>
                                   $<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                               </span>
                           </td>
                           <td>
                            <span>
                             ${{number_format($transaction->exchange_rate,2)}}</a>
                         </span>
                     </td>
                     <td>
                        <span >
                            ${{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                        </span>
                    </td>
                    <td>
                        <span>
                            {{ $transaction->concept }}
                        </span>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

</div>
<div class="row">
    <div class="col-md-6">
        <table class="table table-striped big-table u-mb0">
            <thead>
                <tr>
                    <th><span>BANORTE</span></th>
                </tr>
            </thead>
        </table>
        <div class="table-responsive">
            <table class="table big-table table-striped table-hover big-table detail-account">
                <thead>
                    <tr>
                        <th>
                            FECHA 	
                        </th>
                        <th>
                            MONTO
                        </th>
                        <th>
                            TIPO CAMBIO
                        </th>
                        <th>
                            MXN
                        </th>
                        <th>
                            CONCEPTO	
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($banorte as $transaction)
                    <tr>
                        <td>
                            <span>
                                {{ $transaction->date }}
                            </span>
                        </td>
                        <td>
                            <span >
                                $<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                            </span>
                        </td>
                        <td>
                            <span>
                                ${{number_format($transaction->exchange_rate,2)}}</a>
                            </span>
                        </td>
                        <td>
                            <span >
                                ${{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                            </span>
                        </td>
                        <td>
                            <span> 
                                {{ $transaction->concept }}
                            </span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>



    <div class="col-md-6">
        <table class="table table-striped big-table u-mb0">
            <thead>
                <tr>
                    <th><span>MONEX</span></th>
                </tr>
            </thead>
        </table>
        <div class="table-responsive">
            <table class="table big-table table-striped table-hover big-table detail-account">
                <thead>
                    <tr>
                        <th>
                            FECHA 	
                        </th>
                        <th>
                            MONTO
                        </th>
                        <th>
                            TIPO CAMBIO
                        </th>
                        <th>
                            MXN
                        </th>
                        <th>
                            CONCEPTO	
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($monex as $transaction)
                    <tr>
                        <td>
                            <span>
                                {{ $transaction->date }}
                            </span>
                        </td>
                        <td>
                            <span>
                                $<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                            </span>
                        </td>
                        <td>
                            <span  >
                                ${{number_format($transaction->exchange_rate,2)}}</a>
                            </span>
                        </td>
                        <td>
                            <span  >
                                ${{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                            </span>
                        </td>
                        <td>
                            <span>
                                {{ $transaction->concept }}
                            </span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <table class="table table-striped big-table u-mb0">
            <thead>
                <tr>
                    <th><span>INTERCAM</span></th>
                </tr>
            </thead>
        </table>
        <div class="table-responsive">
            <table class="table big-table table-striped table-hover big-table detail-account">
                <thead>
                    <tr>
                        <th>
                            FECHA 	
                        </th>
                        <th>
                            MONTO
                        </th>
                        <th>
                            TIPO CAMBIO
                        </th>
                        <th>
                            MXN
                        </th>
                        <th>
                            CONCEPTO	
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($intercam as $transaction)
                    <tr>
                        <td>
                            <span>
                                {{ $transaction->date }}
                            </span>
                        </td>
                        <td>
                            <span >
                                $<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                            </span>
                        </td>
                        <td>
                            <span >
                              ${{number_format($transaction->exchange_rate,2)}}</a>
                          </span>
                      </td>
                      <td>
                        <span >
                            ${{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                        </span>
                    </td>
                    <td>
                        <span>
                            {{ $transaction->concept }}
                        </span>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<div class="col-md-6">
    <table class="table table-striped big-table u-mb0">
        <thead>
            <tr>
                <th><span>Vector</span></th>
            </tr>
        </thead>
    </table>
    <div class="table-responsive">
        <table class="table big-table table-striped table-hover big-table detail-account">
            <thead>
                <tr>
                    <th>
                        FECHA 	
                    </th>
                    <th>
                        MONTO
                    </th>
                    <th>
                        TIPO CAMBIO
                    </th>
                    <th>
                        MXN
                    </th>
                    <th>
                        CONCEPTO	
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach($vector as $transaction)
                <tr>
                    <td>
                        <span>
                            {{ $transaction->date }}
                        </span>
                    </td>
                    <td>
                        <span>
                            $<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                        </span>
                    </td>
                    <td>
                        <span>
                            ${{number_format($transaction->exchange_rate,2)}}</a>
                        </span>
                    </td>
                    <td>
                        <span  >
                            ${{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                        </span>
                    </td>
                    <td>
                        <span>
                            {{ $transaction->concept }}
                        </span>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
</div>
<div class="row">
    <div class="col-md-12 text-center">
        <h2 class="dashboard-heading">Euros</h2>
    </div>
</div>


<div class="row">
    <div class="col-md-6">
        <table class="table table-striped big-table u-mb0">
            <thead>
                <tr>
                    <th><span>MONEX</span></th>
                </tr>
            </thead>
        </table>
        <div class="table-responsive">
            <table class="table big-table table-striped table-hover big-table detail-account">
                <thead>
                    <tr>
                        <th>
                            FECHA 	
                        </th>
                        <th>
                            MONTO
                        </th>
                        <th>
                            TIPO CAMBIO
                        </th>
                        <th>
                            MXN
                        </th>
                        <th>
                            CONCEPTO	
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($monex_eur as $transaction)
                    <tr>
                        <td>
                            <span>
                                {{ $transaction->date }}
                            </span>
                        </td>
                        <td>
                            <span >
                                €<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                            </span>
                        </td>
                        <td>
                            <span>
                                €{{number_format($transaction->exchange_rate,2)}}</a>
                            </span>
                        </td>
                        <td>
                            <span  >
                                €{{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                            </span>
                        </td>
                        <td>
                            <span>
                                {{ $transaction->concept }}
                            </span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <table class="table table-striped big-table u-mb0">
            <thead>
                <tr>
                    <th><span>INTERCAM</span></th>
                </tr>
            </thead>
        </table>
        <div class="table-responsive">
            <table class="table big-table table-striped table-hover big-table detail-account">
                <thead>
                    <tr>
                        <th>
                            FECHA 	
                        </th>
                        <th>
                            MONTO
                        </th>
                        <th>
                            TIPO CAMBIO
                        </th>
                        <th>
                            MXN
                        </th>
                        <th>
                            CONCEPTO	
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($intercam_eur as $transaction)
                    <tr>
                        <td>
                            <span>
                                {{ $transaction->date }}
                            </span>
                        </td>
                        <td>
                            <span >
                                €<a href="#" class="testedit lesszero" data-type="text" data-url="{{url('update_field',['id'=>$transaction->id])}}" data-pk="{{$transaction->id}}" data-title="change" data-name="monto" >{{$transaction->mount}}<i class="fa fa-fw fa-pencil"></i></a>
                            </span>
                        </td>
                        <td>
                            <span >
                                €{{number_format($transaction->exchange_rate,2)}}</a>
                            </span>
                        </td>
                        <td>
                            <span  >
                                €{{ number_format($transaction->exchange_rate * $transaction->mount,2) }}
                            </span>
                        </td>
                        <td>
                            <span >
                                {{ $transaction->concept }}
                            </span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <div class=" col-md-12 text-right ">
            <!--            <a href="{{ action('CashFlowController@create') }}" class="btn btn-primary btn-header">-->              
            <a href="/update_divisas/{{ $date_transaction_edit}}" class="btn btn-primary btn-header">
                Actualizar Información
            </a>
        </div>
    </div>
</div>





</div>

@endsection
@section('script')
<script>
    $(document).ready(function(){
     $('[style="color:red;"]').each(function(i,v){
         let monto = $(v).text();
         $(v).text(monto.replace('-',''));
     }); 
 });
</script>
<script>
    $(document).ready(function(){
       $('.lesszero').each(function(i,v){
           let monto = $(v).text();
           if (monto < 0) {
               $(v).css('color', 'red');
               $(v).text(monto.before('-'));
           }   
       }); 
   });
</script>
<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script>
    $.fn.editable.defaults.mode = 'inline';
    $.fn.editable.defaults.emptytext = "N/A";
    $(document).ready(function() {
        $('.testedit').editable({
           params: function(params) {
            // add additional params from data-attributes of trigger element
            params._token = $("#_token").data("token");
            /*params.tipo = $(this).editable().data('monto');*/
            return params;
        },  
        error: function(response, newValue) {
            if(response.status === 500) {
                return 'Server error. Check entered data.';
            } else {
                /*return response.responseText;*/
                return "Error.";
            }
        }

    });
    });
</script>
<!-- <script>

    $('.testedit').on('shown', function(e, editable) {
        $(document).on('change', editable, function() {
            editable.input.$input[0].before('-');
            alert(editable.input.$input[0].value);

    });
});
    </script> -->

    @endsection