@extends('layouts.app')

@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">{{trans('lang.order_plural')}}<small class="ml-3 mr-3">|</small><small>{{trans('lang.order_desc')}}</small></h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{url('/dashboard')}}"><i class="fa fa-dashboard"></i> {{trans('lang.dashboard')}}</a></li>
                        <li class="breadcrumb-item"><a href="{!! route('orders.index') !!}">{{trans('lang.order_plural')}}</a>
                        </li>
                        <li class="breadcrumb-item active">{{trans('lang.order')}}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <div class="content">
        <div class="card">
            <div class="card-header d-print-none">
                <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
                    <li class="nav-item">
                        <a class="nav-link" href="{!! route('orders.index') !!}"><i class="fa fa-list mr-2"></i>{{trans('lang.order_table')}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="{!! url()->current() !!}"><i class="fa fa-plus mr-2"></i>{{trans('lang.order')}}</a>
                    </li>
                    <div class="ml-auto d-inline-flex">
                        <li class="nav-item">
                            <a class="nav-link pt-1" id="printOrder" href="#"><i class="fa fa-print"></i> {{trans('lang.print')}}</a>
                        </li>
                    </div>
                </ul>
            </div>
            <div class="card-body">
                <div class="row">
                    @include('orders.show_fields')
                </div>
                @include('product_orders.table')
                <div class="row">
                    <div class="col-5 offset-7">
                        <div class="table-responsive table-light">
                            <table class="table">
                                <tbody><tr>
                                    <th class="text-right">{{trans('lang.order_subtotal')}}</th>
                                    <td>{!! getPrice($subtotal) !!}</td>
                                </tr>
                                <!--<tr>
              <th class="text-right">{{trans('lang.order_delivery_fee')}}</th>
              <td>{!! getPrice($order['delivery_fee'])!!}</td>
            </tr>-->
                                <tr>
                                    <th class="text-right">{{trans('lang.default_tax')}} <!--({!!$order->tax!!}%)--> </th>
                                    <td>{!! getPrice($taxAmount)!!}</td>
                                </tr>
                                <tr>
                                    <th class="text-right">{{trans('lang.default_gst')}}<!-- ({!!$order->gst!!}%) --></th>
                                    <td>{!! getPrice($gstAmount)!!}</td>
                                </tr>
                                @if(auth()->user()->hasRole("admin"))
                                    <tr>
                                        <th class="text-right">{{trans('lang.credit')}}<!-- ({!!$order->gst!!}%) --></th>
                                        <td>-{!! getPrice($walletAmount)!!}</td>
                                    </tr>
                                @endif
                                @if(auth()->user()->hasRole("admin"))
                                    <tr>
                                        <th class="text-right">{{trans('lang.order_total')}}<!-- ({!!$order->gst!!}%) --></th>
                                        <td>{!! getPrice($total_with_wallet)!!}</td>
                                    </tr>
                                @else
                                    <tr>
                                        <th class="text-right">{{trans('lang.order_total')}}</th>
                                        <td>{!!getPrice($total)!!}</td>
                                    </tr>
                                @endif

                                </tbody></table>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="row d-print-none">
                    <!-- Back Field -->
                    <div class="form-group col-12 text-right">
                        @if(auth()->user()->hasRole("admin") || auth()->user()->hasRole("manager") )

                            @php $value = true; @endphp
                            @foreach($order->productOrders as $product)
                                @if($product->quantity != 1)
                                    @php $value = false; @endphp
                                    @break
                                @endif
                            @endforeach

                            @if($order->productOrders->count() <= 1 || $value)
                                {{--                                <button href="javascript:void(0)" class="btn btn-success" onclick="alert('Insufficient Products In Order Or Product Quantity Is Insufficient.')"><i class="fa fa-repeat"></i> {{ __('Reorder') }}</button>--}}
                                <button type="button" class="btn btn-success" disabled><i class="fa fa-repeat"></i> {{ __('Reorder') }}</button>
                                {{--                                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal-default"><i class="fa fa-repeat"></i> {{ __('Reorder') }}</button>--}}
                            @else
                                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal-default"><i class="fa fa-repeat"></i> {{ __('Reorder') }}</button>
                                {{--                                <a href="{!! route('orders.reorder', $order->id) !!}" class="btn btn-success"><i class="fa fa-repeat"></i> {{ __('Reorder') }}</a>--}}
                            @endif
                        @endif
                        <a href="{!! route('orders.index') !!}" class="btn btn-default"><i class="fa fa-undo"></i> {{trans('lang.back')}}</a>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        @if($order->productOrders->count() != 1 || !$value)
            <div class="modal fade" id="modal-default">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">ReOrder: Order #{!! $order->id !!}</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form action="{!! route('orders.reorder', $order->id) !!}" method="post">

                                @csrf

                                {{--@foreach($order->productOrders as $product)
                                    {!! $product->price !!}
                                @endforeach--}}
                                {{--                            {!! $order->productOrders !!}--}}

                                <div class="card">

                                    <div class="card-body table-responsive p-0">
                                        <table class="table table-hover">
                                            <thead>
                                            <tr>
                                                <th style="width: 10px">#</th>
                                                <th>Product</th>
                                                <th>Price</th>
                                                <th style="width: 200px">Quantity</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @php $io = 0; @endphp
                                            @foreach($order->productOrders as $product)
                                                @php ++$io;
                                                @endphp

                                                <tr>
                                                    <td>{!! $io !!}</td>
                                                    <td>{!! app()->getLocale()=="fr" ? $product->product->name_fr : $product->product->name !!}</td>
                                                    <td>
                                                        <div class="progress progress-xs">
                                                            <div class="progress-bar progress-bar-danger" style="width: {{ ($product->price * 100)/($total_without_quantity == 0 ? 1 : $total_without_quantity) }}%"></div>
                                                        </div>
                                                        {!! $product->price !!}
                                                    </td>
                                                    <td>
                                                        {{--                                                    {!! Form::number('quantity_' . $product->id, $product->quantity,  ['class' => 'form-control', 'step'=>"any",'placeholder'=>  trans("lang.product_package_items_count")]) !!}--}}
                                                        {{--                                                    <input type="number" value="{!! $product->quantity !!}" name="quantity_{!! $io !!}" onchange="changeQuantity(this.value, {!! $product->id !!})" id="'quantity_'{!! $io !!}" class="form-control" step="any" placeholder="{!! trans("lang.product_package_items_count") !!}">--}}
                                                        <input type="number" name="quantity_{!! $io !!}" id="'quantity_'{!! $io !!}" value="{!! $product->quantity !!}" class="form-control" step="any" placeholder="{!! trans("lang.product_package_items_count") !!}">
                                                        <input type="hidden" name="value_{!! $io !!}" id="value_{!! $io !!}" value="{!! $io !!}">
                                                        <input type="hidden" name="old_qty_{!! $io !!}" id="old_qty_{!! $io !!}" value="{!! $product->quantity !!}">
                                                        <input type="hidden" name="no_{!! $io !!}" id="no_{!! $io !!}" value="{!! $product->id !!}">
                                                        <input type="hidden" name="price_{!! $io !!}" id="price_{!! $io !!}" value="{!! $product->price !!}">
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <input type="hidden" name="products" id="products" value="{!! $io !!}">

                                    <div class="card-footer">

                                        <small>Put Quantity 0 For Products You don't Want in Reorder.</small>
                                        <div class="float-right mt-5">
                                            <button type="submit" name="submit" class="btn btn-primary">Submit Order</button>
                                        </div>
                                    </div>

                                </div>
                            </form>
                        </div>
                        <div class="modal-footer justify-content-between">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            {{--                        <button type="button" class="btn btn-primary">Save changes</button>--}}
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->
        @endif
    </div>
@endsection

@push('scripts')
    <script type="text/javascript">
        $("#printOrder").on("click",function () {
            window.print();
        });
    </script>
@endpush