@extends('layouts.app')

@section('content')
<div class="mb-4 d-flex">
    <h3 class="text-muted my-auto"><b><i class="fas fa-dolly mr-2"></i>Re-Ship Shipment</b></h3>
</div>
<div class="card">
    <div class="card-body">
                        <form id="item_grid" action="{{ URL::to('shipment/reship_shipment/book') }}" method="POST">
            @csrf
            <input type="hidden" name="order_token" placeholder="order_token" value="{{ $order_token }}">
            <input type="hidden" name="remarks" placeholder="remarks" value="Handle With Care">
            <input type="hidden" name="order_number" placeholder="order_number" value="{{ $order->order_number }}">
            <input type="hidden" name="id" placeholder="id" value="{{ $order->id }}">
            <input type="hidden" name="order_id" placeholder="order_id" value="{{ $order->order_id }}">
            <input type="hidden" name="shipment_id" placeholder="shipment_id" value="{{ $order->shipment_id }}">
            <input type="hidden" name="apiId" placeholder="apiId" value="{{ $apiId }}">
            <div class="row">
                <div class="col-12 col-md-6">
                    <ul class="booking-general-details my-4 list-unstyled">
                        <li>
                            <div class="text"><i class="fas fa-user"></i> Name: <b>{{ ucfirst($order->customer_name) }}</b></div>
                            <input type="hidden" name="customer_name" value="{{ $order->customer_name }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-city"></i> City: <b>{{ ucfirst($order->customer_city) }}</b></div>
                            <input type="hidden" name="destination_city" value="{{ $order->customer_city }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-address-card"></i> Address: <b>{{ ucfirst($order->customer_address) }}</b></div>
                            <input type="hidden" name="customer_address" value="{{ $order->customer_address }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-phone-square"></i> Phone: <b>{{ ucfirst($order->customer_phone) }}</b></div>
                            <input type="hidden" name="customer_mobile_no" value="{{ $order->customer_phone }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-phone-square"></i> Email: <b>{{ $order->customer_email }}</b></div>
                            <input type="hidden" name="customer_email" value="{{ $order->customer_email }}">
                        </li>
                    </ul>   
                </div>
                <div class="col-12 col-md-6">
                    <ul class="booking-general-details my-4 list-unstyled">
                        <li>
                            <div class="text"><i class="fas fa-money-bill"></i> Subtotal: <b>{{ number_format($order->subtotal, 2) }}</b></div>
                            <input type="hidden" name="order_subtotal" value="{{ $order->subtotal }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-shipping-fast"></i> Shipping Amount: <b>{{ number_format($order->shipping_amount, 2) }}</b></div>
                            <input type="hidden" name="order_shipping_amount" value="{{ $order->shipping_amount }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-tag"></i> Tax Amount: <b>{{ number_format($order->tax_amount, 2) }}</b></div>
                            <input type="hidden" name="order_tax_amount" value="{{ $order->tax_amount }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-tags"></i> Discount Amount: <b>{{ number_format($order->discount_amount, 2) }}</b></div>
                            <input type="hidden" name="order_discount_amount" value="{{ $order->discount_amount }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-money-check"></i> Payment Method: <b>{{ $order->payment_method }}</b></div>
                            <input type="hidden" name="order_payment_method" value="{{ $order->payment_method }}">
                        </li>
                        <li>
                            <div class="text"><i class="fas fa-truck"></i> Shipping Method: <b>{{ $api->name }}</b></div>
                            <input type="hidden" name="order_shipping_method" value="{{ $api->name }}">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="table-wrapper">
                <table class="table item-table table-responsive">
                    <thead class=" text-primary">
                        <th>Sku</th>
                        <th>Weight</th>
                        <th>Row Total</th>
                        <th>Ordered Quantity</th>
                        {{-- <th>Remaining Quantity</th> --}}
                        <th>Shipped Quantity</th>
                        {{-- <th>Remarks</th> --}}
                        <th>Package</th>
                    </thead>
                    <tbody>
                        @foreach($orderItems as $orderItem)
                                                        <input type="hidden" name="item_id[]" class="{{ $orderItem->upc }}" value="{{ $orderItem->item_id }}">
                            <tr class="{{ $orderItem->item_id }}">
                                <td>
                                    {{ $orderItem->item_sku }}
                                    <input type="hidden" name="sku[]" value="{{ $orderItem->item_sku }}">
                                </td>
                                <td>
                                    {{ $orderItem->item_weight }}
                                    <input type="hidden" name="item_weight[]" value="{{ $orderItem->item_weight }}">
                                </td>
                                <td>
                                    {{ number_format(($orderItem->item_row_total - $orderItem->item_discount_amount), 2) }}
                                    <input type="hidden" name="item_row_total[]" value="{{ $orderItem->item_row_total }}">
                                    <input type="hidden" name="item_discount[]" value="{{ $orderItem->item_discount_amount }}">
                                    <input type="hidden" name="item_tax[]" value="{{ $orderItem->item_tax_amount }}">
                                </td>
                                <td class="ordered_quantity_{{ $orderItem->item_id }}">
                                    <div>{{ floor($orderItem->item_quantity_ordered) }}</div>
                                    <input type="hidden" name="quantity_ordered[]" value="{{ floor($orderItem->item_quantity_ordered) }}">
                                </td>
                                <td class="remaining_quantity_{{ $orderItem->item_id }}" style="display: none;">
                                    <div>{{ floor($orderItem->item_quantity_ordered) - floor($orderItem->qty_confirmed) }}</div>
                                    <input type="hidden" name="quantity_remaining[]" value="{{ floor($orderItem->item_quantity_ordered) - floor($orderItem->qty_confirmed) }}">
                                </td>
                                <td class="confirmed_quantity_{{ $orderItem->item_id }}">
                                    <div>{{ floor($orderItem->qty_confirmed) }}</div>
                                    <input type="hidden" name="quantity_confirmed[]" value="{{ floor($orderItem->qty_confirmed) }}">
                                </td>
                                <td class="remarks_{{ $orderItem->item_id }}" style="display: none;">
                                    <select class="form-control remarks_change" data-id="{{ $orderItem->item_id }}" name="item_remarks[]"> 
                                        <option value="Shipped">Shipped</option> 
                                    </select>
                                </td>
                                <td class="package_{{ $orderItem->item_id }}">
                                    <input type="text" name="package[]" class="form-control" value="1">
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>  
            @if(!is_null($api->extra_fields))
                                @foreach($extra_fields as $key => $value)
                    <div class="form-group">
                        <label for="">{{ ucfirst(str_replace('_', ' ', $key)) }}</label>
                        <select name="{{ $key }}" id="{{ $key }}" class="form-control">
                            @foreach($value as $key2 => $value2)
                                <option value="{{ str_replace('-', '', $key2) }}">{{ $value2 }}</option>
                            @endforeach
                        </select>
                    </div>
                @endforeach
            @endif
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-sm">Book</button>
            </div>
        </form>
    </div>
</div>
@endsection


@section('script') 

@endsection