@foreach($customer as $data)
    <!-- Button Modal -->
    {{-- <td class="text-center">
        <button type="button" class="btn btn-warning btn-xs btn-search" data-toggle="modal" data-target="#myModal{{ $data->unverif_id }}">
            <i class="fa fa-search"></i>
        </button>
    </td> --}}

    <!-- Modal -->
    <div class="modal fade" tabindex="-1" role="dialog" id="myModal{{ $data->unverif_id }}" style="top: 150px;">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            {{-- <input type="hidden" name="uploadeddate" class="input-uploadeddate"/> --}}
    
            {{-- <form class="form-horizontal" id=""> --}}
                {{-- <input type="hidden" id="keyModal" name="keyModal" />
                <input type="hidden" name="id" class="input-idcustomer" />
                <input type="hidden" name="approve" class="input-approve" /> --}}
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Unverifikasi KTP</h4>
    
                    </div>
    
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <label class="col-xs-4">Nama</label>
                                    <div class="col-xs-8 bold">: {{ $data->name }}</div>
                                </div>
    
                                <div class="row">
                                    <label class="col-xs-4">Nomor KTP</label>
                                    <div class="col-xs-8 bold">: @if($data && $data->tanda_pengenal) {{ json_decode($data->tanda_pengenal)->nomor}} @else Nomor KTP belum diinput @endif</div>
                                </div>
    
                                <div class="row">
                                    <label class="col-xs-4">Tanggal Lahir</label>
                                    <div class="col-xs-8 bold">: @if ($data->tanggal_lahir) {{ $data->tanggal_lahir}} @else Tanggal Lahir Belum diinput @endif
                                    </div>
                                </div>

                                <div class="row">
                                    <label class="col-xs-4">Waktu Daftar</label>
                                    <div class="col-xs-8 bold">: {{ $data->created_at }}</div>
                                </div>


                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <label class="col-xs-4">Email</label> 
                                    <div class="col-xs-8 bold">: @if($data->email)
                                        {{ $data->email }}
                                        @else
                                            Nama Email Belum diinput
                                        @endif
                                    </div>
                                </div>
    
                                <div class="row form-group-reason">
                                    <label class="col-xs-4">Nomor Handphone</label>
                                    <div class="col-xs-8 bold">: {{ $data->handphone }}</div>
                                </div>

                                <div class="row form-group-reason">
                                    <label class="col-xs-4">Saldo Akhir Emas</label>
                                    <div class="col-xs-8 bold">: {{ $data->saldo }} Gram</div>
                                </div>

                                <div class="row form-group-reason">
                                    <label class="col-xs-4">Alasan Unverikasi</label>
                                    <div class="col-xs-8 bold">: {{ $data->reason }}</div>
                                </div>

                            </div>
                            <div class="col-md-12"><hr></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-6 text-center">
                                        <label class="control-label"><strong>Foto Tanda Pengenal</strong></label>
                                    <div>
                                        <td id="modal-image" style="padding-left: 10px;">
                                            <img id="modal-image" src="{{ env("ALIYUN_OSS_IMAGE_URL") }}/customer/tanda_pengenal/{{ $data->image_tanda_pengenal }}?x-oss-process=image/resize,w_350,limit_0" alt="image">
                                        </td>
                                    </div>
                                    </div>
    
                                    <div class="col-xs-12 col-sm-6 text-center">
    
                                        <label class="control-label"><strong>Foto Selfie</strong></label>
                                            <div>
                                            <td id="modal-image" style="padding-left: 10px;">
                                                <img id="modal-image" src="{{ env("ALIYUN_OSS_IMAGE_URL") }}/customer/tanda_pengenal_selfie/{{ $data->image_selfie }}?x-oss-process=image/resize,w_350,limit_0" alt="image">
                                            </td>
                                            </div>
                                                {{-- <div class="text-center div-imageselfie" style="margin-bottom:4px; overflow: auto;"></div>
ownload</a></div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
    
                    <div class="modal-footer">
                        <div>
                            @if (empty($data->approve || $data->reject))
                                <div class="row">
                                    <div class="col-md-6">
                                        <form action="{{ route('/unverif/approve', ['id' => $data->unverif_id]) }}" method="POST">
                                            {!! csrf_field() !!}
                                            <button type="submit" class="btn btn-success approve-btn btn-process"><span class="loading-data"></span>Approve</button>
                                        </form>
                                    </div>
                                    <div class="col-md-1">
                                        <form action="{{ route('/unverif/reject', ['id' => $data->unverif_id]) }}" method="POST">
                                            {!! csrf_field() !!}
                                            <button type="submit" class="btn btn-danger reject-btn btn-process"><span class="loading-data"></span>Reject</button>
                                        </form>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    
                </div>
            {{-- </form> --}}
        </div>
    </div>
@endforeach