@extends('main.layouts.app')
@section('content')

<div class="card my-5">
    <div class="card-header">
        <div class="row white-bg page-heading">
            <div class="col-sm-12">
                <h2> Customer Info  </h2>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"> <a href="/admin/orders"> Home </a>  </li>
                </ol>
            </div>
        </div>
    </div>

    <div class="card-body">
        <div class="wrapper-content">
            <div class="animated fadeInUp" style="overflow-x: scroll;">
                <table id="photos_table" class="display  table table-bordered text-nowrap border-bottom" style="width:100%;">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Mobile</th>
                           
                          
                      </tr>
                    </thead>
                    <tbody>
                                             @if($customer->isNotEmpty())
                     @foreach($customer as $data)
                     <tr>
                       
                             {{-- <td>
                                 <input type="checkbox" name="row_id" id="checkbox_{{ $data->id }}" value="{{ $data->id }}">
                             </td> --}}
                       
                         {{-- @foreach($dataType->browseRows as $row) --}}
                      
                             <td>{{$data->id}}</td>
                             <td>{{$data->name}}</td>
                             <td>{{$data->email}}</td>
                             <td>{{$data->mobile}}</td>
                            
                     </tr>
                     @endforeach
                        @endif
                </table>
        
            </div>
        </div>
    </div>
</div>

.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.all.min.js"></script>
    <script>



        function myFunction(id,billing_email,billing_name) {
                //  alert(id);
                var status = $("#mySelect" + id).val();
                //alert(status);

                $.ajax({
                    //type
                    //url: "/changeStatus",
                  
                    url:"{{route('changeStatus') }}",
                    type: "get",
                    data: {
                        "id": id,
                        "status": status,
                        "billing_name": billing_name,
                        "billing_email": billing_email
                    },
                    success: function(r) {
                        Swal.fire({
                                    icon: 'success',
                                    text:'order status changed to ' +r,
                                })
                           
                            $('#order_status').html(r); 
                            location.reload();

                    }
                })
            }
    </script>
@endsection