@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.users') }} @endsection
@section('heading') {{ __('common.category') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection

@section('content')
<style>
    .label {
        display: inline-block;
        color: white;
        padding: 0.5rem;
        font-family: sans-serif;
        border-radius: 0.3rem;
        cursor: pointer;
        margin-top: 1rem;

        background: {
                {
                config('custom.btn-back')
            }
        }

        ;

        background: {
                {
                config('custom.btn-back')
            }
        }

        ;
        border: 0;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .invalid-feedback {
        display: block;
    }

    label {
        font-family: 'Nunito', sans-serif;
        font-weight: bold;
        font-size: 15px;
    }
</style>

<div class="card card-secondary">
    <div class="card-header" style="background-color: {{config('custom.background')}}">
        <h3 class="card-title p-2">
            @if(optional($form)->id)
            {{ __('common.order_detail') }} - {{ optional($form)->id }}
            @endif
        </h3>
        <a href="{{ route('admin.order.index','all') }}" class="btn float-right" style="background-color: {{config('custom.btn-back')}}">
            <i class="material-icons">reply_all</i>&nbsp;
            {{ __('common.go_back') }}
        </a>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-12">

                <!-- User Information -->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">
                            {{ __('common.order_info') }}
                        </h3>
                        <i class="badge badge-success" style="float:right; font-size:20px;">{{$form->status}}</i>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 col-sm-12">
                                <div class="card-body">
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item">{{ __('common.order_number') }}: {{$form->order_number}}</li>
                                        <li class="list-group-item">{{ __('common.trans_id') }}: {{$form->transaction_id}}</li>
                                        <li class="list-group-item">{{ __('common.reselling') }}: {{$form->reselling}}</li>
                                        <li class="list-group-item">{{ __('common.payment_methot') }}: {{$form->payment_method}}</li>
                                        @if($form->commission_total_price)
                                        <li class="list-group-item">{{ __('common.comm_price') }}: {{$form->commission_total_price}}</li>
                                        @endif
                                        <li class="list-group-item">{{ __('common.price') }}: {{$form->original_price}}</li>
                                        <li class="list-group-item">{{ __('common.discount') }}: {{$form->discount_price}}</li>
                                        @if($form->coupon_code)
                                        <li class="list-group-item">{{ __('common.coupon_code') }}: {{$form->coupon_code}}</li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-12">
                                <div class="card-body">
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item">{{ __('common.seller_name') }}: {{$form->getUser->name}}</li>

                                        <li class="list-group-item">{{ __('common.phone') }}: {{$form->getUser->phone}}</li>
                                        <li class="list-group-item">{{ __('common.pincode') }}: {{$form->getVendor->pin}}</li>
                                        <li class="list-group-item">{{ __('common.cityError') }}: {{$form->getVendor->city}}</li>
                                        <li class="list-group-item">{{ __('common.location_state') }}: {{$form->getVendor->state}}</li>
                                        <li class="list-group-item">{{ __('common.address') }}: {{$form->getVendor->address}}</li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-12">
                                <div class="card-body">
                                    @php
                                    $address = json_decode($form->address,true);
                                    @endphp
                                    <h3>{{ __('common.shipping_address') }}</h3>
                                    <address>
                                        <b>{{ __('common.customer_name') }} </b> {{$form->getUser->username}}<br>
                                        <b>{{ __('common.mobile') }}:</b> {{ $address["mobile"]??'' }}<br>
                                        <b>{{ __('common.address_type') }}</b> {{ $address["address_type"]??'' }}<br>
                                        <b>{{ __('common.name') }}:</b> {{ $address["name"]??'' }}<br>

                                        <b>{{ __('common.pincode') }}:</b> {{ $address["pincode"]??'' }}<br>
                                        <b>{{ __('common.locality') }}:</b> {{ $address["locality"]??'' }}<br>
                                        <b>{{ __('common.address') }}</b> {{ $address["address"]??'' }}<br>
                                    </address>
                                </div>
                            </div>

                            <div class="col-md-12 col-sm-12">
                                <form action="{{ route('admin.shipment.create') }}" method="post">

                                    @csrf
                                    <input type="hidden" name="itemid" value="{{$form->id}}" />
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <!-- <th scope="col">Select</th> -->
                                                <th>{{ __('common.order_id') }}</th>
                                                <th>{{ __('common.product_name') }}</th>
                                                <th>{{ __('common.qty') }}</th>
                                                <th>{{ __('common.orignal_price') }}</th>
                                                <th>{{ __('common.status') }}</th>
                                                <th>{{ __('common.action') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $i = 1 @endphp
                                            @foreach ($orderitem as $list)
                                            @foreach ($list->ProductDetail as $data)

                                            <tr>
                                                <!-- <td>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" name="itemid[]" value="{{ $list->id }}">
                                                    </div>
                                                </td> -->
                                                <td>{{$list->order_id }}</td>
                                                <td><a href="https://nily.com.br/product-details/{{$data->slug}}/{{$data->id}}" target="_blank">{{$data->product_name }}</a></td>
                                                <td>{{$list->quantity }}</td>
                                                <td>@if(is_null($list->offer_price))
                                                    {{$list->original_price }}
                                                    @else
                                                    {{$list->offer_price }}
                                                    @endif
                                                </td>

                                                <td>{{$list->status }}</td>
                                                <td>@if($list->status == 'Cancelled')
                                                    <button class="btn btn-danger" disabled>Cancelled</button>
                                                    @elseif($list->status == 'Delivered')
                                                    <button class="btn btn-success" disabled>Delivered</button>
                                                    @else
                                                    <a href="{{ route('admin.order.cancelorder',$list->id) }}" class="btn btn-danger">Cancel</a>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                            @endforeach

                                        </tbody>

                                    </table>

                                    @if($order->status == 'Processing')
                                    <button type="button" class="btn btn-primary" onclick="shipmentAlert()" style="float:right" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Create Shipment</button>
                                    @endif

                                    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">Create Shipment</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form>
                                                        <label for="recipient-name" class="col-form-label">Units</label>
                                                        <div class="form-group">
                                                            <select id="units" name="units" class="form-control" required>

                                                                <option value="LB">Pounds</option>
                                                                <option value="KG">KG</option>

                                                            </select>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="recipient-name" class="col-form-label">Weight</label>
                                                            <input type="number" class="form-control" name="weight" id="recipient-name" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="message-text" class="col-form-label">Height:</label>
                                                            <input type="number" class="form-control" name="height" id="recipient-name" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="message-text" class="col-form-label">Width:</label>
                                                            <input type="number" class="form-control" name="width" id="recipient-name" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="message-text" class="col-form-label">Length:</label>
                                                            <input type="number" class="form-control" name="lenght" id="recipient-name" required>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                    <button type="submit" class="btn btn-primary">Create Shipment</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </form>



                                <form method="POST" action="{{ route('order.updateinadmin') }}" enctype="multipart/form-data">
                                    @csrf
                                    @if($form->status == 'Cancelled' || $form->status == 'Delivered')

                                    @else
                                    <input type="hidden" value="{{$form->id}}" name="id">

                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-group input-group-sm ">
                                            <label class="mb-0 font-weight-normal" for="parent_id">{{__('common.order_status')}}</label>
                                            <select id="status" name="status" class="form-control select2bs4 @error('attributes_id') is-invalid @enderror">
                                                @foreach ($options['orderstatus'] as $key => $name)
                                                <option value="{{ $name }}" {{ old('orderstatus', $form->status ?? '') === $name ? 'selected' : '' }}>
                                                    {{ __($name) }}
                                                </option>
                                                @endforeach
                                                {{-- <option>{{ config('custom.delivered') }}</option>
                                                <option>{{ config('custom.dispatch') }}</option>
                                                <option>{{ config('custom.confirm') }}</option> --}}

                                            </select>
                                            @include('includes.invalid', ['field'=> 'attributes_id'])
                                        </div>
                                    </div>

                                    <div class="card-footer">

                                        @include('includes.submit', ['go_back' => $options['go_back']])

                                    </div>
                                    @endif
                                </form>

                            </div>


                        </div>
                    </div>
                    <div class="card-body">
                        <h2>Shipment Details</h2>
                        <table class="table">
                            <thead>
                                <tr>
                                    <!-- <th scope="col">Select</th> -->
                                    <th>{{ __('common.order_id') }}</th>
                                    <th>{{ __('common.label_url') }}</th>
                                    <th>{{ __('common.status') }}</th>
                                    <th>{{ __('common.tracking_number') }}</th>
                                    <th>{{ __('common.delivery_date') }}</th>
                                    <th>{{ __('common.amount') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1 @endphp
                                @foreach ($shipment as $list)


                                <tr>
                                    <td>{{$list->order_id }}</td>
                                    <td><a href="{{$list->label_url}}" target="_blank">Label Url</a></td>
                                    <td>{{$list->status }}</td>
                                    <td>{{$list->tracking_number}}
                                    </td>

                                    <td>{{$list->delivery_date }}</td>
                                    <td>{{$list->amount}}</td>

                                </tr>
                                @endforeach


                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function shipmentAlert() {
        alert("Shipment generator on the whole order!");
    }
</script>
@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush