@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/liquidaciones" 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.detalleInfoLiqui')  }}</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-12">
                        <div class="form-group">
                            <label for="aplicacion"> {{  trans('payments.taxes') }}</label>
                            <table class="table table-bordered">
                                <thead>
                                    <tr >
                                        <th class="text-center">{{  trans('payments.nombreImpuesto') }}</th>
                                        <th class="text-center">{{  trans('payments.porcentaje') }}</th>
                                        <th class="text-center">{{  trans('payments.monto') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {{-- @php
                                        $datos = json_decode($detalle->taxes);
                                        // dd($datos);
                                    @endphp
                                    @if ($datos != null && count($datos) > 0)
                                        @foreach ($datos as $item)
                                            <tr class="text-center">
                                                <td>{{$item->name}}</td>
                                                <td>{{$item->porcentaje}}%</td>
                                                <td>{{"$". number_format($item->amount)}}</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr class="text-center">
                                            <td colspan="2">{{ trans('payments.noHaytaxes') }}</td>
                                        </tr>
                                    @endif --}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="dia"> {{  trans('payments.fechaSolicitada') }}</label>
                            <input type="text" name="dia" id="dia" class="form-control" disabled value="{{date('d/m/Y h:i a', strtotime($detalle->request_date))}}" >
                            <input type="hidden" name="dia" id="dia">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="tokenL"> {{  trans('payments.token') }}</label>
                            <input type="text" name="tokenL" class="form-control" id="tokenL" disabled value="{{$detalle->token}}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="moneda"> {{  trans('payments.solicitadoPor') }}</label>
                            <input type="text" name="moneda" id="moneda" class="form-control" disabled  value="{{$detalle->requested_by}}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <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>
                @if ($detalle->answer_date != null)
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="moneda"> {{  trans('payments.fechaRespuesta') }}</label>
                                <input type="text" name="moneda" id="moneda" class="form-control" disabled  value="{{$detalle->answer_date}}">
                            </div>
                            <div class="row">
                                @if ($detalle->voucher_tranfer_file != null)
                                    <div class="col-md-12">
                                        <div class="formgroup">
                                            <h6 for="">{{  trans('payments.comprobante') }}</h6>
                                            <a type="button" class="btn btn-info" target="_blank" href="{{Illuminate\Support\Facades\Storage::disk('s3')->temporaryUrl($detalle->voucher_tranfer_file, now()->addMinutes(5))}}">{{  trans('payments.verComprobante') }}</a>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="observaciones"> {{  trans('payments.observaciones') }}</label>
                                <textarea  name="observaciones" id="observaciones" class="form-control" cols="60" rows="7" disabled>{{$detalle->observation}}</textarea>
                            </div>
                        </div>
                    </div>
                @endif
            </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