@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
                                    @endif
                                </td>
                            </tr>
                            @if($data['order']->ups_tracking_id != '')
                                <tr>
                                    <th>Tracking ID</th>
                                    <td>{{ $data['order']->ups_tracking_id }}</td>
                                </tr>
                            @endif
                            @if($data['order']->site_id > 0)
                                <tr>
                                    <th>Website</th>
                                    <td>{{ \App\Models\MicroSites::getName($data['order']->site_id) }}</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() && !in_array($data['order']->order_status, [6,7,8,9]))
                        <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;
                                @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>

                                        @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($item->price_original > $item->price)
                                            <div class="discounted-price">{{ '$'.number_format($item->price_original, 2) }}</div>
                                        @endif
                                        {{ '$'.number_format($item->price, 2) }}
                                    </td>
                                    <td class="text-right">{{ $item->quantity }}</td>
                                    <td class="text-right">
                                        @if($item->price_original > $item->price)
                                            <div class="discounted-price">{{ '$'.number_format($item->price_original * $item->quantity, 2) }}</div>
                                        @endif
                                        @if(trim($item->bogo) != null)
                                            @php
                                                $bogo = json_decode($item->bogo);
                                                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
                                    </td>
                                    <td class="text-right ">
                                        @if ($logged_in_user->isAdmin() && !in_array($data['order']->order_status, [6,7,8,9]))
                                            <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
                            <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>
                </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 -->



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

                    <div class="table-responsive">
                        @if($data['order']->payment_method == 'credit-card')
                            <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']->reference_id !!}</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>
                        @else
                            <table class="table table-hover table-striped table-bordered">
                                <tr>
                                    <th width="30%">Buyer ID</th>
                                    <td width="70%">{{ $data['order']->receipt_url }}</td>
                                </tr>
                                <tr>
                                    <th>PayPal Token</th>
                                    <td>{!! $data['order']->paypal_token !!}</td>
                                </tr>
                                <tr>
                                    <th>Payment Method</th>
                                    <td><em><strong>PayPal</strong></em></td>
                                </tr>
                            </table>
                        @endif
                    </div>
                </div>
            </div> <!-- end card -->

            @if($data['order']->payment_method == 'credit-card')
                <!-- 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 -->


    @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