@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')
    <div class="row">
        <div class="col">

            <div class="card">
                <div class="card-header">
                    <strong>Basic Details</strong>
                    <div class="float-right"><button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#order_update_details">Update Details</button></div>
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table class="table table-hover table-striped table-bordered">
                            <tr>
                                <th width="30%">Order ID</th>
                                <td width="70%">{{ $data['order']->id }}</td>
                            </tr>
                            <tr>
                                <th>Order Date</th>
                                <td>
                                    {{ \Carbon\Carbon::parse($data['order']->created_at)->format('M d, Y H:i:s') }}
                                    &nbsp;
                                    ({{ \Carbon\Carbon::parse($data['order']->created_at)->diffForHumans() }})
                                </td>
                            </tr>
                            <tr>
                                <th>Order Status</th>
                                <td>{{ \App\Models\Order::$statuses[$data['order']->order_status] }}</td>
                            </tr>
                            <tr>
                                <th>Checkout Type</th>
                                <td>
                                    @if($data['order']->customer_id > 0)
                                        Checkout by Registered Customer
                                    @else
                                        Guest Checkout
                                        <a target="_blank" href="javascript:;" data-toggle="modal" data-target="#assign_customer_order" class="btn btn-info btn-sm text-white"><i class="fa fa-user-check"></i></a>
                                    @endif
                                </td>
                            </tr>
                            @if($data['order']->ups_tracking_id != '')
                                <tr>
                                    <th>Tracking ID</th>
                                    <td>
                                        &bull; {!! implode('<br>&bull; ', $data['tracking_ids']) !!}
                                    </td>
                                </tr>
                            @endif
                            @if($data['order']->utm_code != '')
                                <tr>
                                    <th>UTM Code</th>
                                    <td>
                                        {{ $data['order']->utm_code }}
                                        @if(isset($data['utm']->description))
                                            ({{ $data['utm']->description or '' }})
                                        @endif
                                    </td>
                                </tr>
                            @endif
                            @if($data['order']->wp_ref != '')
                                <tr>
                                    <th>Web POS Ref</th>
                                    <td>
                                        {{ $data['order']->wp_ref }}                                        
                                    </td>
                                </tr>
                            @endif

                            <tr>
                                <th>Packing Slip</th>
                                <td><a target="_blank" href="javascript:;" onclick="window.open('{{ route('admin.orders.show', $data['order']->id) }}?file=packing-slip&cmd=print', '_blank', 'toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=800,height=1000');" class="btn btn-info btn-sm text-white"><i class="fa fa-print"></i> Print</a> <a href="{{ route('admin.orders.show', $data['order']->id) }}?file=packing-slip&cmd=pdf" class="btn btn-danger btn-sm text-white"><i class="fas fa-file-pdf"></i> PDF</a></td>
                            </tr>
                            <tr>
                                <th>Invoice</th>
                                <td><a target="_blank" href="javascript:;" onclick="window.open('{{ route('admin.orders.show', $data['order']->id) }}?file=invoice&cmd=print', '_blank', 'toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=800,height=1000');" class="btn btn-info btn-sm text-white"><i class="fa fa-print"></i> Print</a> <a href="{{ route('admin.orders.show', $data['order']->id) }}?file=invoice&cmd=pdf" class="btn btn-danger btn-sm text-white"><i class="fas fa-file-pdf"></i> PDF</a></td>
                            </tr>
                            <tr>
                                <th>Customer Sales Order</th>
                                <td><a target="_blank" href="javascript:;" onclick="window.open('{{ route('admin.orders.show', $data['order']->id) }}?file=sales-order&cmd=print', '_blank', 'toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=800,height=1000');" class="btn btn-info btn-sm text-white"><i class="fa fa-print"></i> Print</a> <a href="{{ route('admin.orders.show', $data['order']->id) }}?file=sales-order&cmd=pdf" class="btn btn-danger btn-sm text-white"><i class="fas fa-file-pdf"></i> PDF</a></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div> <!-- end card -->

            <div class="card">
                <div class="card-header">
                    <strong>List of Ordered Items</strong>
                    @if ($logged_in_user->isAdmin() && $data['order']->order_status != 7)
                        <div class="float-right"><button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#order_add_item">Add Item</button></div>
                    @endif
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table class="table table-hover">
                            <tbody><tr>
                                <th width="10%">Image</th>
                                <th width="40%">Product</th>
                                <th width="15%" class="text-right">Price</th>
                                <th width="15%" class="text-right">Quantity</th>
                                <th width="15%" class="text-right">Total</th>
                                <th width="5%" class="text-right">&nbsp;</th>
                            </tr>
                            @foreach($data['order']->items as $item)

                                @php
                                    if($item->image != '')
                                        $path = '/up_data/products/images/thumbnails/'.$item->image;
                                    else
                                        $path = '/up_data/na.jpg';

                                    $total_price = $item->price * $item->quantity;

                                    $bogo = null;
                                    if(trim($item->bogo) != null)
                                        $bogo = json_decode($item->bogo);


                                    $vt_promo_text = '';    
                                    if($item->has_promo == 'Y')    
                                    {
                                        $promo_products = json_decode($item->promo_products, true);
                                        $vt_promo_text = \App\Models\Product::get_vt_promo_text($promo_products);        
                                    }
                                    
                                @endphp

                                <tr onmouseover="$('.div_edit_link_{{ $item->id }}').removeClass('d-none');" onmouseout="$('.div_edit_link_{{ $item->id }}').addClass('d-none');">
                                    <td><img src="{{ $path }}" class="img-thumbnail" alt="{{ $item->name }}"></td>
                                    <td>{{ $item->name }}
                                        <br><em>&bull; {{ $item->sku }}</em>
                                        {!! $vt_promo_text !!}
                                        @if($item->engraving_text_primary != '' || $item->engraving_icon != '')
                                            <div class="pt-2">
                                                @if($item->engraving_text_primary != '')
                                                    <strong>Engraving Text:</strong>
                                                    <div>&bull; {{ $item->engraving_text_primary }}</div>
                                                    @if(trim($item->engraving_text_secondary) != null)
                                                        <div>&bull; {{ $item->engraving_text_secondary }}</div>
                                                    @endif
                                                @else
                                                    <strong>Engraving Logo / Icon:</strong>
                                                    <div>&bull; <a target="_blank" href="/up_data/engraving-files/{{ $item->engraving_icon }}">Click here to see</a></div>
                                                @endif
                                            </div>
                                        @endif

                                            @if($item->custom_set == 'Y')
                                                @php
                                                    $sub_products = json_decode($item->custom_set_items, true);
                                                @endphp
                                                <h6><a href="javascript:;" onclick="$('#custom_set_{{ $item->id }}').toggleClass('d-none');">Customized Surgical Set</a></h6>
                                                <div class="d-none" id="custom_set_{{ $item->id }}">
                                                    <div class="pt-2">
                                                        <table class="table table-bordered table-striped">
                                                            @foreach($sub_products as $sp)
                                                            @php   
                                                                $price = $sp['price'];
                                                                if($sp['sale_price'] > 0)
                                                                    $price = $sp['sale_price'];
                                                            @endphp
                                                            <tr>
                                                                <td>{{ $sp['qty'] }} &nbsp; <span class="text-danger">x</span> &nbsp; {{ $sp['name'] }}</td>
                                                                <!-- <td>{{ $sp['qty'] }}</td> -->
                                                                <td>${{ number_format($price * $sp['qty'], 2) }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </table>
                                                    </div>
                                                </div>
                                            @endif

                                            @if($item->is_backorder == 'Y')
                                                <div class="pt-2"><strong>BACKORDER ITEM</strong></div>
                                            @endif

                                            @if ($logged_in_user->isAdmin() && $data['order']->order_status != 7)
                                                <div class="d-none pt-4 div_edit_link_{{ $item->id }}">
                                                    <a href="javascript:;" onclick="show_order_item_edit({{ $data['order']->id }}, {{ $item->id }});"><i class="fa fa-edit"></i> Edit</a>
                                                </div>
                                            @endif
                                    </td>
                                    <td class="text-right">
                                        @if(!is_null($bogo) && isset($bogo->is_free))
                                            <div style="color: #FF0000;">Free Product</div>
                                        @else
                                            @if($item->price_original > $item->price)
                                                <div class="discounted-price">{{ '$'.number_format($item->price_original, 2) }}</div>
                                            @endif
                                            {{ '$'.number_format($item->price, 2) }}
                                        @endif
                                    </td>
                                    <td class="text-right">{{ $item->quantity }}</td>
                                    <td class="text-right">
                                        @if(!is_null($bogo) && isset($bogo->is_free))
                                            <div style="color: #FF0000;">Free Product</div>
                                        @else
                                            @if($item->price_original > $item->price)
                                                <div class="discounted-price">{{ '$'.number_format($item->price_original * $item->quantity, 2) }}</div>
                                            @endif
                                            @if(!is_null($bogo))
                                                @php
                                                    echo '<span !class="discounted-price">$'.number_format($total_price - $bogo->discount_amount, 2).'</span>';
                                                    if(isset($bogo->bogo_free))
                                                        echo  '<br><small>'.$bogo->bogo_free . ' free item(s)</small>';
                                                    else
                                                        echo  '<br><small>'.$bogo->bogod_percent.'% discount on ' . $bogo->bogod_count . ' item(s)</small>';
                                                @endphp
                                            @else
                                                {{ '$'.number_format($total_price, 2) }}
                                            @endif
                                        @endif
                                    </td>
                                    <td class="text-right ">
                                        @if ($logged_in_user->isAdmin() && $data['order']->order_status != 7)
                                            <div class="d-none div_edit_link_{{ $item->id }}">
                                                <a href="{{ route('admin.orders.remove-item', [$data['order']->id, $item->id]) }}" onclick="return window.confirm('Are you sure, you want to remove this item?');"><i class="fa fa-trash-alt"></i></a>
                                            </div>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>


                    <div class="table-responsive">
                        <table class="table table-hover table-striped table-bordered">
                            <tbody>
                            <tr>
                                <th width="75%" class="text-right">Sub Total</th>
                                <td width="25%" class="text-right">{{ '$'.number_format($data['order']->sub_total, 2) }}</td>
                            </tr>
                            <tr>
                                <th class="text-right">Shipping Fee</th>
                                <td class="text-right">
                                    <em>({{ $data['order']->shipping_service }})</em> &nbsp; {{ '$'.number_format($data['order']->shipping_fee, 2) }}
                                    @if(!in_array($data['order']->order_status, [6,7,8,9]))
                                        <br><a href="javascript:;" data-toggle="modal" data-target="#order_update_shipping_fee">Edit Shipping Fee</a>
                                    @endif
                                </td>
                            </tr>
                            @if($data['order']->discount > 0)
                                <tr>
                                    <th class="text-right">Discount</th>
                                    <td class="text-right">{{ '$'.number_format($data['order']->discount, 2) }}</td>
                                </tr>
                            @endif
                            @if($data['order']->tax > 0)
                                <tr>
                                    <th class="text-right">Tax</th>
                                    <td class="text-right">{{ '$'.number_format($data['order']->tax, 2) }}</td>
                                </tr>
                            @endif
                            @if($data['order']->engraving_charges > 0)
                                <tr>
                                    <th class="text-right">Engraving Charges</th>
                                    <td class="text-right">{{ '$'.number_format($data['order']->engraving_charges, 2) }}</td>
                                </tr>
                            @endif
                            <tr>
                                <th class="text-right">Grand Total</th>
                                <td class="text-right"><strong>{{ '$'.number_format($data['order']->grand_total, 2) }}</strong></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div> <!-- end card -->


            <div class="card">
                <div class="card-header">
                    <strong>Shipping Details</strong>
                    @if ($logged_in_user->isAdmin() && $data['order']->order_status != 7)
                        <div class="float-right"><button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#order_update_shipping">Update Shipping</button></div>
                    @endif
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table class="table table-hover table-striped table-bordered">
                            <tbody>
                            @if($data['order']->customer_id > 0)
                            <tr>
                                <th width="30%">Customer Name</th>
                                <td width="70%">{{ \App\Models\Customer::getCustomerName($data['order']->customer_id) }}</td>
                            </tr>
                            @endif
                            <tr>
                                <th width="30%">Email Address</th>
                                <td width="70%">{{ $data['order']->email ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Ship-to Name</th>
                                <td>{{ $data['order']->first_name . ' ' . $data['order']->last_name }}</td>
                            </tr>
                            <tr>
                                <th>Company</th>
                                <td>{{ $data['order']->company ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Address Line 1</th>
                                <td>{{ $data['order']->address1 }}</td>
                            </tr>
                            <tr>
                                <th>Address Line 2</th>
                                <td>{{ $data['order']->address2 ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>City</th>
                                <td>{{ $data['order']->city }}</td>
                            </tr>
                            <tr>
                                <th>Zip / Postal Code</th>
                                <td>{{ $data['order']->zip_code }}</td>
                            </tr>
                            <tr>
                                <th>State</th>
                                <td>
                                    @if(is_numeric($data['order']->state))
                                        {{ \App\Models\State::get_state_name($data['order']->state) }}
                                    @else
                                        {{ $data['order']->state }}
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Country</th>
                                <td>{{ \App\Models\Country::get_country_name($data['order']->country) }}</td>
                            </tr>
                            <tr>
                                <th>Phone</th>
                                <td>{{ $data['order']->phone ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Notes</th>
                                <td>{{ $data['order']->notes ?? 'N/A' }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div> <!-- end card -->




            @if($data['order']->bl_first_name != '')

            <div class="card">
                <div class="card-header">
                    <strong>Billing Details</strong>
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table class="table table-hover table-striped table-bordered">
                            <tbody>
                            <tr>
                                <th width="30%">Billing Email Address</th>
                                <td width="70%">{{ $data['order']->email ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Billing Name</th>
                                <td>{{ $data['order']->bl_first_name . ' ' . $data['order']->bl_last_name }}</td>
                            </tr>
                            <tr>
                                <th>Billing Company</th>
                                <td>{{ $data['order']->bl_company ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Billing Address Line 1</th>
                                <td>{{ $data['order']->bl_address1 }}</td>
                            </tr>
                            <tr>
                                <th>Billing Address Line 2</th>
                                <td>{{ $data['order']->bl_address2 ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Billing City</th>
                                <td>{{ $data['order']->bl_city }}</td>
                            </tr>
                            <tr>
                                <th>Billing Zip / Postal Code</th>
                                <td>{{ $data['order']->bl_zip_code }}</td>
                            </tr>
                            <tr>
                                <th>Billing State</th>
                                <td>
                                    @if(is_numeric($data['order']->bl_state))
                                        {{ \App\Models\State::get_state_name($data['order']->bl_state) }}
                                    @else
                                        {{ $data['order']->bl_state }}
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Billing Country</th>
                                <td>{{ \App\Models\Country::get_country_name($data['order']->bl_country) }}</td>
                            </tr>
                            <tr>
                                <th>Billing Phone</th>
                                <td>{{ $data['order']->bl_phone ?? 'N/A' }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div> <!-- end card -->

            @endif



            @if($data['order']->order_status == 3)
                <div class="card">
                    <div class="card-header">
                        <strong>Followup Emails</strong>
                    </div>
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="table table-hover table-striped table-bordered">
                                <tr>
                                    <th width="70%">Subject</th>
                                    <th width="30%">Date Sent</th>
                                </tr>
                                @foreach($data['messages'] as $message)
                                <tr>
                                    <td><a href="javascript:;" onclick="show_message({{ $message->id }});">{{ $message->subject }}</a></td>
                                    <td>
                                        {{ \Carbon\Carbon::parse($message->created_at)->format('M d, Y H:i:s') }} ({{ \Carbon\Carbon::parse($message->created_at)->diffForHumans() }})
                                    </td>
                                </tr>
                                @endforeach
                            </table>
                        </div>

                        @if($data['order']->ac_emails > 2)
                            <a href="javascript:;" class="btn btn-primary" data-toggle="modal" data-target="#modal_send_followup_messages">Send Followup Email</a>
                        @endif

                    <!-- START MODAL FOR SENT FOLLOWUP MESSAGES -->
                        <div class="modal fade" id="modal_send_followup_messages" tabindex="-1" role="dialog" aria-labelledby="modal_send_followup_messages_label" aria-hidden="true">
                            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    {!! Form::open(array('route' => 'admin.orders.send-followup-email', 'method' => 'POST')) !!}

                                    <div class="modal-header">
                                        <h5 class="modal-title">Send Followup Message</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">

                                        @php
                                            if($data['order']->country == 233 || $data['order']->country == 39)
                                            {
                                                $messages = \App\Models\Messages::$subjects1;
                                            }
                                            else
                                            {
                                                $messages = \App\Models\Messages::$subjects2;
                                            }
                                        @endphp

                                        {!! Form::select('ac_message', $messages, null,['class'=>'form-control', 'required', 'placeholder'=>'Please Select ...']) !!}

                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary">Send Message</button>
                                    </div>

                                    {!! Form::hidden('order_id', $data['order']->id) !!}
                                    {!! Form::hidden('customer_id', $data['order']->customer_id) !!}

                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                        <!-- END MODAL FOR SENT FOLLOWUP MESSAGES -->

                    </div>
                </div> <!-- end card -->



                <!-- START MODAL FOR SENT FOLLOWUP MESSAGES -->
                <div class="modal fade" id="modal_followup_messages" tabindex="-1" role="dialog" aria-labelledby="modal_followup_messages_label" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="modal_followup_messages_subject"></h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body" id="modal_followup_messages_text">

                            </div>
                        </div>
                    </div>
                </div>
                <!-- END MODAL FOR SENT FOLLOWUP MESSAGES -->

            @else
                @if($data['order']->payment_type == 'Credit Card')
                    <div class="card">
                        <div class="card-header">
                            <strong>Payment Details</strong>
                        </div>
                        <div class="card-body">

                            <div class="table-responsive">
                                <table class="table table-hover table-striped table-bordered">
                                    <tr>
                                        <th width="30%">Transaction Tag</th>
                                        <td width="70%">{{ $data['order']->transaction_id }}</td>
                                    </tr>
                                    <tr>
                                        <th>Authorization Number</th>
                                        <td>{!! $data['order']->balance_transaction !!}</td>
                                    </tr>
                                    <tr>
                                        <th>Transaction Reference</th>
                                        <td>{!! $data['order']->payment_method !!}</td>
                                    </tr>
                                    <tr>
                                        <th>Card Number</th>
                                        <td>{!! $data['order']->card_number . ' - <em><strong>'. strtoupper($data['order']->card_type) .'</strong></em>' !!}</td>
                                    </tr>
                                    <tr>
                                        <th>Transaction Record</th>
                                        <td><a href="javascript:;" data-toggle="modal" data-target="#modal_transaction_record">Click to View</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div> <!-- end card -->
                @endif

            <!-- START MODAL FOR TRANSACTION RECORD -->
            <div class="modal fade" id="modal_transaction_record" tabindex="-1" role="dialog" aria-labelledby="modal_transaction_record_label" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modal_transaction_record_label">Transaction Record</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            {!! nl2br($data['order']->receipt_url) !!}
                        </div>
                    </div>
                </div>
            </div>
            <!-- END MODAL FOR TRANSACTION RECORD -->
            @endif

            <div class="card">
                <div class="card-header">
                    <strong>Order Status Updates</strong>
                </div>
                <div class="card-body">

                    <div class="table-responsive">
                        <table class="table table-hover table-striped table-bordered">
                            <tbody>
                            <tr>
                                <th width="10%">Subject</th>
                                <th width="45%">Message</th>
                                <th width="15%">Status</th>
                                <th width="15%">Customer Notified</th>
                                <th width="15%">Date</th>
                            </tr>
                            @foreach($data['notifications'] as $notification)
                                <tr>
                                    <td>{{ $notification->subject }}</td>
                                    <td>{{ $notification->message }}</td>
                                    <td>{{ \App\Models\Order::$statuses[$notification->order_status] }}</td>
                                    <td>{{ ($notification->email_sent == 'Y') ? 'Yes' : 'No' }}</td>
                                    <td>
                                        {{ \Carbon\Carbon::parse($notification->created_at)->format('M d, Y H:i:s') }}
                                        <br>
                                        <em>({{ \Carbon\Carbon::parse($notification->created_at)->diffForHumans() }})</em>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
            </div> <!-- end card -->


            <div class="card">
                <div class="card-header">
                    <strong>Update Order Status</strong>
                </div>
                <div class="card-body">


                    {!! Form::open(array('route' => 'admin.orders.save-status', 'method' => 'POST')) !!}
                    <div class="form-group">
                        {!! Form::label('order_status', 'Status') !!}
                        {!! Form::select('order_status', \App\Models\Order::$statuses, null,['class'=>'form-control', 'required', 'placeholder'=>'Please Select ...']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('ups_tracking_id', 'Shipping Tracking ID') !!}
                        {!! Form::text('ups_tracking_id', null,['class'=>'form-control', 'placeholder'=>'Please enter tracking ID ...']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('subject', 'Subject') !!}
                        {!! Form::text('subject', null,['class'=>'form-control', 'required', 'placeholder'=>'Please enter subject ...']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('message', 'Message') !!}
                        {!! Form::textarea('message', null,['class'=>'form-control', 'required', 'placeholder'=>'Please enter message ...']) !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('email_sent', 'Notify Customer') !!}
                        <br>
                        {!! Form::checkbox('email_sent', 'Y', ['class'=>'form-control', 'placeholder'=>'Please Select ...']) !!} Yes, Send email to customer with status update
                    </div>
                    <button type="submit" class="btn btn-primary mb-2">Submit</button>

                    {!! Form::hidden('order_id', $data['order']->id) !!}
                    {!! Form::hidden('customer_id', $data['order']->customer_id) !!}
                    {!! Form::close() !!}

                </div>
            </div> <!-- end card -->


        </div>
    </div>

    <!-- Modal -->
    <form action="{{ route('admin.orders.save-details') }}" method="post">
        @CSRF
        <input type="hidden" name="order_id" value="{{ $data['order']->id }}">
    <div class="modal fade" id="order_update_details" tabindex="-1" role="dialog" aria-labelledby="order_update_details_title" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="order_update_details_long_title">Update Details</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            
            <div class="form-group">
                <label for="po_number">P.O. Number</label>
                <input type="text" class="form-control" id="po_number" name="po_number" value="{{ $data['order']->po_number }}">
            </div> 
            <div class="form-group">
                <label for="fob">FOB</label>
                <input type="text" class="form-control" id="fob" name="fob" value="{{ $data['order']->fob }}">
            </div> 
            <div class="form-group">
                <label for="project">Project</label><br>
                @foreach(\App\Models\Order::$order_sources as $k => $v)
                    <label><input type="radio" name="project" id="project" value="{{ $k }}" @if($data['order']->project == $k) checked="checked" @endif> {{ $v }}</label> &nbsp;
                @endforeach
            </div> 
            <div class="form-group">
                <label for="project">Term</label>
                <br>
                @foreach(\App\Models\Order::$order_terms as $k => $v)
                    <label><input type="radio" name="order_source" id="order_source" value="{{ $k }}" @if($data['order']->order_source == $k) checked="checked" @endif> {{ $v }}</label> &nbsp;
                @endforeach
            </div> 
            <div class="form-group">
                <label for="shipped_at">Shipping Date</label>
                <input type="date" class="form-control" id="shipped_at" name="shipped_at" value="@if(trim($data['order']->shipped_at) != null){{ date('Y-m-d', strtotime($data['order']->shipped_at)) }}@endif">
            </div> 
            <div class="form-group">
                <label for="shipping_service_id">Shipping Service</label><br>
                @foreach(\App\Models\Order::$shipping_services as $k => $v)
                    <label><input type="radio" name="shipping_service_id" id="shipping_service_id" value="{{ $k }}" @if($data['order']->shipping_service_id == $k) checked="checked" @endif> {{ $v }}</label> &nbsp;
                @endforeach
            </div> 
            <div class="form-group">
                <label for="ups_tracking_id">Shipping Tracking ID</label>
                <input type="text" class="form-control" id="ups_tracking_id" name="ups_tracking_id" value="{{ $data['order']->ups_tracking_id }}">
            </div> 
            
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Save changes</button>
        </div>
        </div>
    </div>
    </div>
    <input type="hidden" name="cmd" value="printing_info">
</form>


<!-- Update Order Item Modal -->
    <form action="{{ route('admin.orders.save-details') }}" method="post">
        @CSRF
        <input type="hidden" name="order_id" value="{{ $data['order']->id }}">
        <input type="hidden" name="item_id" id="item_id" value="">
    <div class="modal fade" id="order_update_item" tabindex="-1" role="dialog" aria-labelledby="order_update_item_title" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="order_update_item_long_title">Update Item</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            
            <table class="table table-striped" id="product_tbl">
                <tbody>
                <tr>
                    <td rowspan="6" width="40%"><img id="product_img" src="" class="img-fluid"></td>
                    <td id="product_name"></td>
                </tr>
                <tr>
                    <td id="product_sku"></td>
                </tr>
                <tr>
                    <td id="product_price_txt"></td>
                </tr>
                <tr>
                    <td><input type="text" id="product_price" name="product_price" class="form-control" /></td>
                </tr>
                <tr>
                    <td><input type="number" id="product_qty" name="product_qty" class="form-control" /></td>
                </tr>
                <tr>
                    <td><label><input type="checkbox" id="is_backorder" name="is_backorder" /> Mark as Back Order</label></td>
                </tr>
                
                </tbody>
            </table>


            
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Save Changes</button>
        </div>
        </div>
    </div>
    </div>
    <input type="hidden" name="cmd" value="update_item">
</form>
<!-- Update Order Item Modal -->




<!-- Add Order Item Modal -->
    <form action="{{ route('admin.orders.save-details') }}" method="post">
        @CSRF
        <input type="hidden" name="order_id" value="{{ $data['order']->id }}">
        
    <div class="modal fade" id="order_add_item" tabindex="-1" role="dialog" aria-labelledby="order_add_item_title" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="order_add_item_long_title">Add Item</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <input type="text" name="search" id="search" class="form-control input-lg auto-complete" placeholder="Enter SKU or Name to Search ..." autocomplete="off">
                </div>
            </div>

            <table class="table table-striped d-none" id="add_product_tbl">
                <tbody>
                <tr>
                    <td rowspan="6" width="40%"><img id="add_product_img" src="" class="img-fluid"></td>
                    <td id="add_product_name"></td>
                </tr>
                <tr>
                    <td id="add_product_sku"></td>
                </tr>
                <tr>
                    <td id="add_product_price_txt"></td>
                </tr>
                <tr>
                    <td><input type="text" id="add_product_price" name="add_product_price" class="form-control" /></td>
                </tr>
                <tr>
                    <td><input type="number" id="add_product_qty" name="add_product_qty" class="form-control" /></td>
                </tr>
                
                </tbody>
            </table>


            
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Add Item</button>
        </div>
        </div>
    </div>
    </div>

    <input type="hidden" id="hd_id" name="hd_id">
    <input type="hidden" id="hd_sku" name="hd_sku">
    <input type="hidden" id="hd_name" name="hd_name">
    <input type="hidden" id="hd_price" name="hd_price">
    <input type="hidden" id="hd_sale_price" name="hd_sale_price">
    <input type="hidden" id="hd_image" name="hd_image">

    <input type="hidden" name="cmd" value="add_item">
</form>
<!-- Add Order Item Modal -->



<!-- Update Order Shipping Modal -->
    <form action="{{ route('admin.orders.save-details') }}" method="post">
        @CSRF
        <input type="hidden" name="order_id" value="{{ $data['order']->id }}">
        
    <div class="modal fade" id="order_update_shipping" tabindex="-1" role="dialog" aria-labelledby="order_update_shipping_title" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="order_update_shipping_long_title">Update Shipping Details</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            
            


            <div class="form-group">
                {!! Form::label('email', 'Email:') !!}
                {!! Form::text('email', $data['order']->email, ['class'=>'form-control', 'placeholder'=>'Enter email address ...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('first_name', 'First Name:') !!}
                {!! Form::text('first_name', $data['order']->first_name, ['class'=>'form-control', 'placeholder'=>'Enter first name ...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('last_name', 'Last Name:') !!}
                {!! Form::text('last_name', $data['order']->last_name,['class'=>'form-control', 'placeholder'=>'Enter last name ...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('company', 'Company:') !!}
                {!! Form::text('company', $data['order']->company,['class'=>'form-control', 'placeholder'=>'Enter company name ...']) !!}
            </div>

            <div class="form-group">
                {!! Form::label('address1', 'Address Line 1:') !!}
                {!! Form::text('address1', $data['order']->address1,['class'=>'form-control', 'placeholder'=>'Enter address line 1...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('address2', 'Address Line 2:') !!}
                {!! Form::text('address2', $data['order']->address2,['class'=>'form-control', 'placeholder'=>'Enter address line 2 ...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('country', 'Country:') !!}
                {!! Form::select('country', $data['countries'], $data['order']->country,['class'=>'form-control', 'onchange="get_states(this.value);"', 'placeholder'=>'Select country ...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('state', 'State:') !!}
                <div id="div_state">

                    @php
                        $show_text_field = true;
                        if(is_numeric($data['order']->state))
                            $show_text_field = false;
                    @endphp

                    @if($show_text_field)
                        {!! Form::text('state', $data['order']->state,['class'=>'form-control', 'placeholder'=>'Enter state ...']) !!}
                    @else
                        {!! Form::select('state', $data['states'], $data['order']->state,['class'=>'form-control', 'placeholder'=>'Enter state ...']) !!}
                    @endif

                </div>
            </div>
            <div class="form-group">
                {!! Form::label('city', 'City:') !!}
                {!! Form::text('city', $data['order']->city, ['class'=>'form-control', 'placeholder'=>'Enter city ...']) !!}
            </div>


            <div class="form-group">
                {!! Form::label('zip', 'Zip / Post Code:') !!}
                {!! Form::text('zip', $data['order']->zip_code, ['class'=>'form-control', 'placeholder'=>'Enter zip / post code ...']) !!}
            </div>

            <div class="form-group">
                {!! Form::label('phone', 'Phone:') !!}
                {!! Form::text('phone', $data['order']->phone, ['class'=>'form-control', 'placeholder'=>'Enter phone ...']) !!}
            </div>
            <div class="form-group">
                {!! Form::label('notes', 'Notes:') !!}
                {!! Form::textarea('notes', $data['order']->notes, ['class'=>'form-control', 'placeholder'=>'Enter notes ...']) !!}
            </div>




            
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Update</button>
        </div>
        </div>
    </div>
    </div>

    <input type="hidden" name="cmd" value="update_shipping">
</form>
<!-- Update Order Shipping Modal -->

<!-- Update Order Shipping Charges -->
    <form action="{{ route('admin.orders.save-details') }}" method="post">
        @CSRF
        <input type="hidden" name="order_id" value="{{ $data['order']->id }}">
        
    <div class="modal fade" id="order_update_shipping_fee" tabindex="-1" role="dialog" aria-labelledby="order_update_shipping_fee_title" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="order_update_shipping_fee_long_title">Update Shipping Charges</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            

            <div class="form-group">
                {!! Form::label('shipping_fee', 'Shipping Charges:') !!}
                {!! Form::text('shipping_fee', $data['order']->shipping_fee, ['class'=>'form-control', 'placeholder'=>'Enter shipping charges ...']) !!}
            </div>
            
            
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Update</button>
        </div>
        </div>
    </div>
    </div>

    <input type="hidden" name="cmd" value="update_shipping_fee">
</form>
<!-- Update Order Shipping Modal -->


<!-- Assign Customer Modal -->
<form action="{{ route('admin.orders.save-details') }}" method="post">
    @CSRF
    <input type="hidden" name="order_id" value="{{ $data['order']->id }}">
    <div class="modal fade" id="assign_customer_order" tabindex="-1" role="dialog" aria-labelledby="assign_customer_order_title" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="assign_customer_order_long_title">Assign to Existing Customer</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            
            <div id="assign_customer_order_messages" class="d-none">

            </div>
            
            <div class="form-group">
                <label for="customer_id">Customer</label>
                <br>
                <select required="required" style="width: 100%;" class="form-control select2" name="customer_id" id="customer_id" aria-describedby="customer-id-help" placeholder="Select Customer">
                    <option id="new_customer_option" value="">Select Customer ...</option>
                    @foreach($data['customers'] as $id => $name)
                        <option value="{{ $id }}">{{ $name }}</option>
                    @endforeach
                </select>
                <small id="customer-id-help" class="form-text text-muted">Please select the customer for order.</small>
                <div id="div_customer_shipping_addresses" class="pt-2 d-none"></div>
            </div>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="submit" id="assign_customer_order_button" class="btn btn-primary">Assign</button>
        </div>
        </div>
    </div>
    </div>

    <input type="hidden" name="cmd" value="update_order_customer">
</form>
<!-- Assign Customer Modal -->


@push('after-styles')
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<style>
    ul.ui-autocomplete {
        z-index: 1100;
    }
</style>
@endpush
@push('after-scripts')
<script src="/js/jquery.min.js" type="ef5d33dedd1ace020d568391-text/javascript"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
@endpush

@stop