@extends('template.layoutAdmin', ['activeButton'=>'pagos'])

@section('cabecera')
    <div class="row">
        <div class="col-6">
            <h1 style="margin: 15px 0 10px 0;">
                <a href="http://{{$_SERVER["HTTP_HOST"]}}/administrator/payments/online/novu/pagos" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> {{  trans('reservas.regresar') }}</a>
            </h1>
        </div>
        <div class="col-6 text-right">
            <h1>
                <small> {{  trans('payments.detalleInfo')  }}</small>
            </h1>
        </div>
    </div>
@endsection

@section('contenido')
    <div class="col-12" >
        <div class="box">
            <div class="box-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="nombre"> {{  trans('payments.nombre') }}</label>
                            <input type="text" name="nombre" id="nombre" class="form-control" disabled value="{{$detalle->customer->fun_user->name ." ". $detalle->customer->fun_user->lastname}}" >
                            <input type="hidden" name="nombre" id="nombre">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="tokenL"> {{  trans('payments.token') }}</label>
                            <input type="text" name="tokenL" class="form-control" id="tokenL" disabled value="{{$detalle->payment_token}}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="moneda"> {{  trans('payments.moneda') }}</label>
                            <input type="text" name="moneda" id="moneda" class="form-control" disabled  value="{{$detalle->currency}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="monto"> {{  trans('payments.monto') }}</label>
                            <input type="text" name="monto" class="form-control" id="monto" disabled value="{{"$". number_format($detalle->amount)}}">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="aplicacion"> {{  trans('payments.aplicacion_fee') }}</label>
                            <input type="text" name="aplicacion" id="aplicacion" class="form-control" disabled value="{{$detalle->application_fee}}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="pagoDividido"> {{  trans('payments.pagoDividido') }}</label>
                            <input type="text" name="pagoDividido" class="form-control" id="pagoDividido" disabled value="{{$detalle->split_payment ? 'true':'false'}}" placeholder="{{  trans('payments.pagoDividido') }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="divisiones"> {{  trans('payments.divisiones') }}</label>
                            <table class="table table-bordered">
                                <thead>
                                    <tr class="text-center">
                                        <th>Account ID</th>
                                        <th>Amount</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $datos = json_decode($detalle->json_transfer_data);
                                        $dato = array_key_exists('idAccount', $datos);
                                        // dd($datos);
                                    @endphp
                                    @if ($dato != false && count($datos) > 0)
                                        @foreach ($datos as $item)
                                            <tr class="text-center">
                                                <td>{{$item->idAccount}}</td>
                                                <td>{{$item->amount}}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr class="text-center">
                                            <td colspan="2">{{ trans('payments.noHayDivisiones') }}</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="detalles"> {{  trans('payments.detalles') }}</label>
                            <textarea name="detalles" class="form-control" id="detalles" cols="60" rows="15" disabled></textarea>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="extra"> {{  trans('payments.extra') }}</label>
                            <textarea name="extra" id="extra" class="form-control" cols="60" rows="15" disabled></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script  type="text/javascript">
    
    $(document).ready(() => {

            var jsonMethod = {!!json_encode($detalle->payment_method_info)!!};
            var jsonExtras = {!!json_encode($detalle->payment_extras)!!};
    
            var str2 = JSON.stringify(JSON.parse(jsonMethod), undefined, 4);
            var str3 = JSON.stringify(JSON.parse(jsonExtras), undefined, 4);

            // display pretty printed object in text area:
            document.getElementById('detalles').innerHTML = str2;
            document.getElementById('extra').innerHTML = str3;
        })
    </script>
@endsection