@extends('admin.layout')
@section('content')
<div class="page-header">
   <h4 class="page-title">Customer Details</h4>
   <ul class="breadcrumbs">
      <li class="nav-home">
         <a href="{{route('admin.dashboard')}}">
         <i class="flaticon-home"></i>
         </a>
      </li>
      <li class="separator">
         <i class="flaticon-right-arrow"></i>
      </li>
      <li class="nav-item">
         <a href="{{url()->previous()}}">Customers</a>
      </li>
      <li class="separator">
         <i class="flaticon-right-arrow"></i>
      </li>
      <li class="nav-item">
         <a href="#">Customer Details</a>
      </li>
   </ul>

   <a href="{{ url()->previous() }}" class="btn-md btn btn-primary" style="margin-left: auto;">Back</a>
</div>
<div class="row">
   <div class="col-md-12">
            <div class="row">
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-header">
                            <div class="h4 card-title">
                                Profile Picture
                            </div>
                        </div>
                        <div class="card-body text-center py-4">
                            @if (strpos($user->photo, 'facebook') !== false || strpos($user->photo, 'google'))
                              <img class="rounded-circle" src="{{$user->photo ? $user->photo : asset('assets/front/img/user/profile.jpg')}}" alt="" width="150">
                          @else
                              <img src="{{!empty($user->photo) ? asset('assets/front/img/user/'.$user->photo) : ''}}" alt="" width="150">
                          @endif
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Customer Details')}}</h4>
                        </div>
                        <div class="card-body">
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('First Name:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->fname}}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('Last Name:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->lname}}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('Username:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->username}}
                                </div>
                            </div>

                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('Email:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->email}}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('Number:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->number}}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('Country:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->country}}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('City:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->city}}
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-lg-6">
                                    <strong>{{__('Address:')}}</strong>
                                </div>
                                <div class="col-lg-6">
                                    {{$user->address}}
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <div class="col-md-9">
                    <div class="row">

                        <div class="col-md-6">
                         <div class="card">
                             <div class="card-header">
                                 <h4 class="card-title">{{__('Shipping Details')}}</h4>
                             </div>
                             <div class="card-body">
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Email:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_email}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Phone:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_number}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('City:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_city}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Address:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_address}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Country:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_country}}
                                     </div>
                                 </div>

                             </div>
                         </div>

                        </div>
                        <div class="col-md-6">
                         <div class="card">
                             <div class="card-header">
                                 <h4 class="card-title">{{__('Billing Details')}}</h4>
                             </div>
                             <div class="card-body">
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Email:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_email}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Phone:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_number}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('City:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_city}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Address:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_address}}
                                     </div>
                                 </div>
                                 <div class="row mb-2">
                                     <div class="col-lg-6">
                                         <strong>{{__('Country:')}}</strong>
                                     </div>
                                     <div class="col-lg-6">
                                         {{$user->billing_country}}
                                     </div>
                                 </div>

                             </div>
                         </div>

                        </div>
                        <div class="col-12">
                            <div class="card">
                              <div class="card-header">
                                  <h4 class="card-title">Orders of [{{ $user->username}}]</h4>
                              </div>
                              <div class="card-body">
                                  <div class="table-responsive product-list">
                                      <h5></h5>
                                      <table class="table table-striped mt-3">
                                         <thead>
                                            <tr>
                                               <th scope="col">Date</th>
                                               <th scope="col">Total</th>
                                               <th scope="col">Payment Status</th>
                                               <th scope="col">Order Status</th>
                                               <th scope="col">Details</th>
                                            </tr>
                                         </thead>
                                         <tbody>
                                            @foreach ($orders as $key => $order)
                                            <tr>
                                               <td>{{convertUtf8($order->created_at->format('d-m-Y'))}}</td>
                                               <td>$ {{round($order->total,2)}}</td>
                                               <td>
                                                  @if ($order->payment_status == 'Pending' || $order->payment_status == 'pending')
                                                  <p class="badge badge-danger">{{$order->payment_status}}</p>
                                                  @else
                                                  <p class="badge badge-success">{{$order->payment_status}}</p>
                                                  @endif
                                               </td>
                                               <td>
                                                  <form id="statusForm{{$order->id}}" class="d-inline-block" action="{{route('admin.product.orders.status')}}" method="post">
                                                     @csrf
                                                     <input type="hidden" name="order_id" value="{{$order->id}}">
                                                     <select class="form-control
                                                        @if ($order->order_status == 'pending')
                                                        bg-warning
                                                        @elseif ($order->order_status == 'processing')
                                                        bg-primary
                                                        @elseif ($order->order_status == 'completed')
                                                        bg-success
                                                        @elseif ($order->order_status == 'reject')
                                                        bg-danger
                                                        @endif
                                                        " name="order_status" onchange="document.getElementById('statusForm{{$order->id}}').submit();">
                                                     <option value="pending" {{$order->order_status == 'pending' ? 'selected' : ''}}>Pending</option>
                                                     <option value="processing" {{$order->order_status == 'processing' ? 'selected' : ''}}>Processing</option>
                                                     <option value="completed" {{$order->order_status == 'completed' ? 'selected' : ''}}>Completed</option>
                                                     <option value="reject" {{$order->order_status == 'reject' ? 'selected' : ''}}>Rejected</option>
                                                     </select>
                                                  </form>
                                               </td>
                                               <td>
                                                  <a href="{{route('admin.product.details',$order->id)}}" class="btn btn-primary btn-sm editbtn"><i class="fas fa-eye"></i> View</a>
                                               </td>
                                            </tr>
                                            @endforeach
                                         </tbody>
                                      </table>
                                   </div>

                                   <div class="text-center d-block">
                                       {{$orders->links()}}
                                   </div>
                              </div>
                          </div>
                        </div>
                    </div>
                </div>

            </div>


   </div>
</div>
@endsection