@extends('layouts.admin')

@section('title' , 'Manage Orders')
@section('styles')
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/select2.css')}}">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
@endsection

@section('breadcrumb-item')
<li class="breadcrumb-item">Employees</li>
<li class="breadcrumb-item active">Manage Orders</li>
@endsection

@section('styles')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
{{--    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />--}}
@endsection

@section('content')
<div class="card">
    <div class="card-header bg-theme"><i class="fa fa-wrench mr-1"></i>Manage Orders</div>
    <div class="card-body">
        <form action="{{ route('admin.employee.updateOrders', ['employee' => $employee->id]) }}" method="post">
            {{ csrf_field() }}
            <div class="row">
                <div class="form-group col-6">
                    <label>Assign Orders By Booker</label>
                    <select class="form-control js-example-theme-multiple {{ $errors->has('booking_date') ? ' is-invalid' : '' }}" name="bookers[]" multiple>
                        @foreach(_employees() as $booker)
                            <option value="{{ $booker->id }}"
                                {{ isset($bookers) && in_array($booker->id, $bookers) ? 'selected' : '' }}>
                                {{ $booker->name }}
                            </option>
                        @endforeach
                    </select>
                    @include('includes.partials.error', ['field' => 'bookers'])
                </div>
                <div class="form-group col-6">
                    <label for="delivery_date">Booking Date</label>
                    <input class="form-control{{ $errors->has('booking_date') ? ' is-invalid' : '' }}"
                           name="booking_date" id="booking_date" placeholder="YYYY-mm-dd" type="text"
                           value="{{ old('booking_date', \Carbon\Carbon::today()->format('Y-m-d')) }}">
                    @include('includes.partials.error', ['field' => 'booking_date'])
                </div>


                <div class="form-group col-6">
                    <label for="areas">Assign Orders By Area</label>
                    <select name="areas[]" id="areas" multiple
                        class="form-control js-example-theme-multiple {{ $errors->has('areas') ? ' is-invalid' : '' }}">
                        @foreach($areas as $area)
                        <option value="{{ $area->id }}" {{ (collect(old('areas'))->contains($area->id)) ? "selected":""
                            }}>{{ $area->name }}</option>
                        @endforeach
                    </select>
                    @include('includes.partials.error', ['field' => 'areas'])
                </div>
                <div class="form-group col-6">
                    <label for="excluded_orders">Excluded Orders</label>
                    <select name="excluded_orders[]" id="excluded_orders" class="form-control js-example-theme-multiple" multiple>
                        @foreach($orders as $order)
                            <option value="{{ $order->id }}" {{ (collect(old('excluded_orders'))->contains($order->id)) ?
                            "selected":"" }}>Order ID: {{ $order->id }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-6">
                    <label for="orders">Assign Individual Orders</label>
                    <select name="orders[]" id="orders" multiple
                        class="form-control js-example-theme-multiple {{ $errors->has('orders') ? ' is-invalid' : '' }}">
                        @foreach($orders as $order)
                        <option value="{{ $order->id }}" {{ (collect(old('orders'))->contains($order->id)) ?
                            "selected":"" }}>Order ID: {{ $order->id }}</option>
                        @endforeach
                    </select>
                    @include('includes.partials.error', ['field' => 'orders'])
                </div>
                <div class="form-group col-6">
                    <label for="delivery_date">Delivery Date</label>
                    <input class="form-control{{ $errors->has('delivery_date') ? ' is-invalid' : '' }}"
                           name="delivery_date" id="delivery_date" placeholder="YYYY-mm-dd" type="text"
                           value="{{ old('delivery_date', \Carbon\Carbon::tomorrow()->format('Y-m-d')) }}">
                    @include('includes.partials.error', ['field' => 'delivery_date'])
                </div>
            </div>
            <div class="form-group">
                <div class="text-center">
                    <button class="btn btn-success" type="submit">Update</button>
                </div>
            </div>
        </form>
    </div>
        <div class="shadow-sm p-3">

            <div class="text-right">
                <a href="{{ route('admin.assignorder.print',$employee->id) }}">
                    <button class="btn btn-primary float-right ml-2" type="button" ><i class="fa fa-ad"></i>Print Assign Orders</button>
                </a>
            </div>

            <h4 class="h4">Assigned Orders:</h4>
            <table class="table table-hover">
                <thead>
                <tr>
                    <th colspan="5" class="text-center">
                        <h4>Employee Name: {{ $employee->name }}</h4>
                    </th>
                    @if(sizeof($employee->assignedOrders) > 0)
                        <th>
                            <a href="{{ route('admin.employee.unassignAllOrders', ['employee' => $employee->id]) }}"
                               class="btn btn-sm btn-danger">Unlink All</a>
                        </th>
                    @endif
                </tr>
                <tr class="tr-border-top-0">
                    <th>Sr#</th>
                    <th>Order ID</th>
                    <th>Amount</th>
                    <th>Shop</th>
                    {{--<th>Booked By</th>--}}
                    <th>Placed On</th>
                    <th>Status</th>
                    <th>Unlink</th>
                </tr>
                </thead>
                <tbody>
                @forelse($employee->assignedOrders as $order)
                    <tr>
                        <td>{{$loop->iteration}}</td>
                        <td>{{$order->id ?? ''}}</td>
                        <td>{{ _orderConditions($order) }}</td>
                        <td>{{$order->shop->name ?? ''}}</td>
                        {{--<td>{{$order->employee->name}}</td>--}}
                        <td>{{$order->created_at->format('d-M-Y') ?? ''}}</td>
                        <td>{{$order->status_string ?? ''}}</td>
                        <td>
                            <div class="btn-group">
                                {{--Unlink Confirmation Dialog--}}
                                <a href="#UnassignOrder_{{ $order->id }}" class="btn btn-sm btn-outline-danger"
                                   data-toggle="modal"><i class="fa fa-unlink"></i></a>

                                <div class="modal fade border-0" id="UnassignOrder_{{ $order->id }}">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-body">
                                                <p class="text-center mt-2">
                                                    Are you sure you want to unassign this order from this supplier ?
                                                </p>
                                                <div class="float-right">
                                                    <a href="{{ route('admin.employee.unassignOrder',
                                                        ['employee' => $employee->id, 'id' => $order->id] ) }}"
                                                       class="btn btn-sm btn-danger">Yes</a>
                                                    <button type="button" class="btn btn-sm btn-primary"
                                                            data-dismiss="modal">Cancel</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <th colspan="8" class="text-center">No Orders Yet</th>
                    </tr>
                @endforelse
                <tr>
                    <th>Total Amount</th>
                    <td><b>{{$employee->assignedOrders->sum('amount')}}</b></td>
                </tr>

                <tr>
                    <th>Total Orders</th>
                    <td><b>{{$employee->assignedOrders->count()}}</b></td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="shadow-sm p-3">

            <div class="text-right">
                <a href="{{ route('admin.summary.print',$employee->id) }}">
                    <button class="btn btn-primary float-right ml-2" type="button" ><i class="fa fa-ad"></i>Print Summary</button>
                </a>
            </div>

            <h4 class="h4">Summery:</h4>
            <table class="table table-hover">
                <thead>
                <tr>
                    <th colspan="5" class="text-center">
                        <h4>Employee Name: {{ $employee->name }}</h4>
                    </th>
                </tr>
                <tr class="tr-border-top-0">
                        <th>Product Name</th>
                        <th>Pack Size</th>
                        <th>quantity</th>
                        <th>bonus</th>
                        <th>Total Quantity</th>
{{--                        <th>Price</th>--}}
                    </tr>
            </thead>

                <tbody>

                    @foreach ($productNames as $productId => $productName)
                    <tr>
                        @php
                            $qty = 0;
                              $bonus = 0;
                              $total_qty = 0;
                        @endphp
                        <td>{{ $productName->name }}</td>
                        <td>{{ $productName->size }}</td>
                        <td>
                            @foreach ($orderProductNames as $orderProduct)
                                @if ($orderProduct->product_id == $productId)
                                    @php
                                        $qty += $orderProduct->total_quantity;
                                    @endphp
                                @endif
                            @endforeach
                            {{ $qty }}
                        </td>
                        <td>
                            @foreach ($orderProductNames as $orderProduct)
                                @if ($orderProduct->product_id == $productId)
                                    @php
                                        $bonus += $orderProduct->total_bonus;
                                    @endphp
                                @endif
                            @endforeach
                            {{ $bonus }}
                        </td>

                        <td>
                            @foreach ($orderProductNames as $orderProduct)
                                @if ($orderProduct->product_id == $productId)
                                    @php
                                        $total_qty += $orderProduct->total_quantity + $orderProduct->total_bonus;
                                    @endphp
                                @endif
                            @endforeach
                            {{ $total_qty }}
                        </td>
{{--                        <td>--}}
{{--                            @foreach ($orderProductNames as $orderProduct)--}}
{{--                                @if ($orderProduct->product_id == $productId)--}}
{{--                                    {{ $orderProduct->price }}--}}
{{--                                @endif--}}
{{--                            @endforeach--}}
{{--                        </td>--}}
                    </tr>
                @endforeach

                    <tr>
                        <th>Total Amount</th>
                        <td><b>{{$employee->assignedOrders->where('status',1)->sum('amount')}}</b></td>
                    </tr>

                    <tr>
                        <th>Total Orders</th>
                        <td><b>{{$employee->assignedOrders->where('status',1)->count()}}</b></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="{{asset('assets/js/select2/select2.full.min.js')}}"></script>
<script src="{{asset('assets/js/select2/select2-custom.js')}}"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
{{--<script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>--}}

<script>
    $(document).ready(function() {
      var today = new Date().toISOString().slice(0, 10);

      $('#booking_date').datepicker({
        dateFormat: 'yy-mm-dd',
        minDate: null,
        maxDate: today,
        showButtonPanel: true,
        onClose: function(dateText, inst) {
          $(this).datepicker('setDate', new Date(dateText));
        }
      });
    });
  </script>
<script>
    $(document).ready(function() {
            $('.js-example-theme-multiple').select2({
                theme: 'classic',
            });
        });
</script>
{{--<script>--}}
{{--    $(document).ready(function() {--}}
{{--            $('#areas').select2({placeholder: "Assign Orders by Area"});--}}
{{--            $('#employees').select2({placeholder: "Assign Orders by Employee"});--}}
{{--            $('#orders').select2({placeholder: "Assign Individual Orders"});--}}
{{--            $('#excluded_orders').select2({placeholder: "Excluded Orders"});--}}
{{--        });--}}
{{--</script>--}}
@endsection