@extends('backEnd.layouts.master')
@section('title','Customer Manage')
@section('content')

<form action="{{ route('customers.serach') }}" method="GET" class="row mb-3">
    <div class="input-group" style="max-width: 500px;">
        <input type="text" placeholder="Search Customer..." class="form-control" name="keyword" value="{{ request('keyword') }}">
        <button type="submit" class="btn btn-outline-secondary">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
                <circle cx="11" cy="11" r="8"></circle>
                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
            </svg>
        </button>

    </div>

</form>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                @if(isset($orders) && $orders->count())
                <h5>Search Results ({{ $orders->count() }} orders found)</h5>
                <table class="table table-bordered dt-responsive nowrap w-100">
                    <thead>
                        <tr>
                            <th style="width:2%">SL</th>
                            <th style="width:8%">Invoice</th>
                            <th style="width:10%">Date</th>
                            <th style="width:10%">Product</th>
                            <th style="width:10%">Name</th>
                            <th style="width:10%">Phone</th>
                            <th style="width:10%">Assign</th>
                            <th style="width:10%">Amount</th>
                            <th style="width:10%">Status</th>
                            <th style="width:10%">Note</th>
                            <th style="width:10%">IP</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($orders as $order)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                <div class="button-list custom-btn-list">
                                    <a href="{{route('admin.order.invoice',['invoice_id'=>$order->invoice_id])}}" title="Invoice"><i class="fe-eye"></i></a>
                                    <a href="{{route('admin.new_weborder.edit',['id'=>$order->id])}}" title="Edit" class="text-info"><i class="fe-edit"></i></a>
                                </div>
                            </td>
                            <td>{{ $order->created_at->format('d-m-Y') }}</td>
                            <td>
                                @foreach ($order->orderdetails as $details)

                                    <div style="margin-bottom: 2px;">
                                    <strong style="font-size: 15px;">{{ $details->product_name }}</strong>

                                    <small>
                                        @if($details->product_color)<br> Color: {{ $details->product_color }}  @endif
                                        @if($details->product_size)<br> Size: {{ $details->product_size }} @endif
                                    </small><br>


                                    </div>
                                @endforeach
                            </td>
                            <td>
                                <strong>{{$order->shipping?$order->shipping->name:''}}</strong>
                                <p>{{$order->shipping?$order->shipping->address:''}}</p>
                            </td>
                            <td>
                                {{$order->shipping?$order->shipping->phone:''}}<br>

                                <a  href="tel:{{$order->shipping?$order->shipping->phone:''}}" style="color: #5d87ff;font-size: 20px; margin-right: 14px;"><i class="fa fa-phone-alt"></i></a>
                                <a href="https://wa.me/88{{$order->shipping?$order->shipping->phone:''}}" style="color: #25D366;font-size: 25px"><i class="fab fa-whatsapp"></i></a>
                            </td>
                            <td>{{$order->user?$order->user->name:''}}</td>
                            <td>
                                Sub Total: {{$order->amount - $order->shipping_charge}}<br>
                                Shipping Cost: {{ $order->shipping_charge }}<br>
                                Discount: {{ $order->discount }}<br>
                                Payment: 0<br>
                                <span style="white-space: nowrap;"> Total Collectables: {{ $order->amount }}</span><br>
                                <span style="white-space: nowrap;">Total Amount: {{ $order->amount }}</span>
                            </td>
                            <td>{{$order->status?$order->status->name:''}}</td>
                            <td>{{$order->admin_note?$order->admin_note:''}}</td>
                            <td>{{$order->ip_address?$order->ip_address:''}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @elseif(request('keyword'))
                <p>No orders found for "{{ request('keyword') }}"</p>
                @endif
            </div>
        </div>
    </div>
</div>

@endsection