@can('ediuser')

    @extends('adminlte::page')

    @section('title', config('adminlte.title') . ' | EDI - Order')

@section('content_header')

    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6 m-0 text-dark">
                <h1>EDI Orders</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="/edi">EDI</a></li>
                    <li class="breadcrumb-item active">EDI - Order</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if (session('success'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.success('{{ session('success') }}');
                        </script>
                    @endif

                    @if (session('danger'))
                        <script>
                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "newestOnTop": false,
                                "progressBar": true,
                                "positionClass": "toast-top-right",
                                "preventDuplicates": false,
                                "onclick": null,
                                "showDuration": "300",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            };
                            toastr.error('{{ session('danger') }}');
                        </script>
                    @endif

                    <div class="table-responsive">
                        <table id="orderList" class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Order #</th>
                                    <th>Date Created</th>
                                    <th>Customer</th>
                                    <th>Product Description</th>
                                    <th>Product Match</th>
                                    <th>Collection Address</th>
                                    <th>Collection Match</th>
                                    <th>Delivery Address</th>
                                    <th>Delivery Match</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @for ($i = 0; $i <= count($orders) - 1; $i++)
                                    @if ($orders[$i]->eo_cust_status == 'New')
                                        @if ($orders[$i]->eo_order_status == 'Pending')
                                            <tr>
                                                @includeIf('components.edi-modal-action', [
                                                    'order' => $orders[$i],
                                                    'action' => 'approve',
                                                ])
                                                @includeIf('components.edi-modal-action', [
                                                    'order' => $orders[$i],
                                                    'action' => 'reject',
                                                ])
                                                @includeIf('components.edi-modal-info', [
                                                    'order' => [$orders[$i]],
                                                    'type' => 'view',
                                                ])
                                                @php
                                                    $status = '';
                                                    if ($orders[$i]->eo_cust_status == 'Cancelled') {
                                                        $status = 'rgba(255,0,0,0.1)';
                                                    } elseif ($orders[$i]->eo_cust_status == 'Updated') {
                                                        $status = 'rgba(0,128,128,0.1)';
                                                    }
                                                @endphp
                                                <td style="background-color: {{ $status }}">{{ $orders[$i]->id }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    {{ $orders[$i]->eo_created_date }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    {{ $orders[$i]->eo_cust_code }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_product_id == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-product">{{ $orders[$i]->eo_product_description }}</button>
                                                </td>
                                                <td>{{ $orders[$i]->eo_product_id == null ? 'false' : 'true' }} </td>
                                                <td style="background-color: {{ $status }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_collection_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-collection">{{ implode(', ', array_filter([$orders[$i]->eo_collection_address_street, $orders[$i]->eo_collection_address_city, $orders[$i]->eo_collection_address_postcode, $orders[$i]->eo_collection_address_country])) }}</button>
                                                </td>
                                                <td>{{ $orders[$i]->eo_collection_address_code == null ? 'false' : 'true' }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_delivery_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-delivery">{{ implode(', ', array_filter([$orders[$i]->eo_delivery_address_street, $orders[$i]->eo_delivery_address_city, $orders[$i]->eo_delivery_address_postcode, $orders[$i]->eo_delivery_address_country])) }}</button>
                                                </td>
                                                <td>{{ $orders[$i]->eo_delivery_address_code == null ? 'false' : 'true' }}
                                                </td>

                                                <td style="background-color: {{ $status }}">
                                                    {{ $orders[$i]->eo_cust_status }}</td>
                                                <td style="background-color: {{ $status }}">
                                                    <div class="btn-group btn-group-sm" aria-label="Actions">
                                                        <a href="#" class="btn btn-sm btn-outline-secondary"
                                                            data-toggle="modal"
                                                            data-target="#modal{{ $orders[$i]->id }}-view"
                                                            title="View"><i class="fas fa-eye"></i></a>
                                                        <a href="#" class="btn btn-sm btn-outline-success"
                                                            @if ($orders[$i]->eo_cust_status == 'Cancelled') style="display: none;" @endif
                                                            data-toggle="modal"
                                                            data-target="#modal{{ $orders[$i]->id }}-approve"
                                                            title="Approve"><i class="fa fa-check"></i></a>
                                                        <a href="#" class="btn btn-sm btn-outline-danger"
                                                            @if ($orders[$i]->eo_cust_status == 'Cancelled') style="display: none;" @endif
                                                            data-toggle="modal"
                                                            data-target="#modal{{ $orders[$i]->id }}-reject"
                                                            title="Reject"><i class="fa fa-times"></i></a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endif
                                    @else
                                        {{-- else updated & cancelled send two orders, skip one ahead --}}

                                        @if ($orders[$i]->eo_order_status == 'Pending')
                                            <tr>
                                                @includeIf('components.edi-modal-action', [
                                                    'order' => $orders[$i],
                                                    'action' => 'approve',
                                                ])
                                                @includeIf('components.edi-modal-action', [
                                                    'order' => $orders[$i],
                                                    'action' => 'reject',
                                                ])
                                                @includeIf('components.edi-modal-info', [
                                                    'order' => [$orders[$i], $orders[$i + 1]],
                                                    'type' => 'view',
                                                ])
                                                @php
                                                    $status = '';
                                                    if ($orders[$i]->eo_cust_status == 'Cancelled') {
                                                        $status = 'rgba(255,0,0,0.1)';
                                                    } elseif ($orders[$i]->eo_cust_status == 'Updated') {
                                                        $status = 'rgba(0,128,128,0.1)';
                                                    }
                                                @endphp
                                                <td style="background-color: {{ $status }}">{{ $orders[$i]->id }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    {{ $orders[$i]->eo_created_date }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    {{ $orders[$i]->eo_cust_code }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_product_id == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-product">{{ $orders[$i]->eo_product_description }}</button>
                                                </td>
                                                <td>{{ $orders[$i]->eo_product_id == null ? 'false' : 'true' }} </td>

                                                <td style="background-color: {{ $status }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_collection_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-collection">{{ implode(', ', array_filter([$orders[$i]->eo_collection_address_street, $orders[$i]->eo_collection_address_city, $orders[$i]->eo_collection_address_postcode, $orders[$i]->eo_collection_address_country])) }}</button>
                                                </td>
                                                <td>{{ $orders[$i]->eo_collection_address_code == null ? 'false' : 'true' }}
                                                </td>
                                                <td style="background-color: {{ $status }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_delivery_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-delivery">{{ implode(', ', array_filter([$orders[$i]->eo_delivery_address_street, $orders[$i]->eo_delivery_address_city, $orders[$i]->eo_delivery_address_postcode, $orders[$i]->eo_delivery_address_country])) }}</button>
                                                </td>
                                                <td>{{ $orders[$i]->eo_delivery_address_code == null ? 'false' : 'true' }}
                                                </td>

                                                <td style="background-color: {{ $status }}">
                                                    {{ $orders[$i]->eo_cust_status }}</td>
                                                <td style="background-color: {{ $status }}">
                                                    <div class="btn-group btn-group-sm" aria-label="Actions">
                                                        <a href="#" class="btn btn-sm btn-outline-secondary"
                                                            data-toggle="modal"
                                                            data-target="#modal{{ $orders[$i]->id }}-view"
                                                            title="View"><i class="fas fa-eye"></i></a>
                                                        <a href="#" class="btn btn-sm btn-outline-success"
                                                            @if ($orders[$i]->eo_cust_status == 'Cancelled') style="display: none;" @endif
                                                            data-toggle="modal"
                                                            data-target="#modal{{ $orders[$i]->id }}-approve"
                                                            title="Approve"><i class="fa fa-check"></i></a>
                                                        <a href="#" class="btn btn-sm btn-outline-danger"
                                                            @if ($orders[$i]->eo_cust_status == 'Cancelled') style="display: none;" @endif
                                                            data-toggle="modal"
                                                            data-target="#modal{{ $orders[$i]->id }}-reject"
                                                            title="Reject"><i class="fa fa-times"></i></a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endif
                                        @php
                                            $i += 1;
                                        @endphp
                                    @endif
                                @endfor
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            <h3>Approved/Rejected Orders</h3>
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="doneList" class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Order #</th>
                                    <th>Date Created</th>
                                    <th>Customer</th>
                                    <th>Product Description</th>
                                    <th>Collection Address</th>
                                    <th>Delivery Address</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @for ($i = 0; $i <= count($orders) - 1; $i++)
                                    @if ($orders[$i]->eo_cust_status == 'New')
                                        @if ($orders[$i]->eo_order_status != 'Pending')
                                            @includeIf('components.edi-modal-action', [
                                                'order' => $orders[$i],
                                                'action' => 'undo',
                                            ])
                                            @includeIf('components.edi-modal-info', [
                                                'order' => [$orders[$i]],
                                                'type' => 'jobTemplate',
                                            ])
                                            <tr>
                                                @php
                                                    $background_color = '';
                                                    if ($orders[$i]->eo_cust_status == 'Cancelled') {
                                                        $background_color = 'rgba(255,0,0,0.1)';
                                                    } elseif ($orders[$i]->eo_cust_status == 'Updated') {
                                                        $background_color = 'rgba(0,128,128,0.1)';
                                                    }
                                                @endphp

                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->id }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->eo_created_date }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->eo_cust_code }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_product_id == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-product">{{ $orders[$i]->eo_product_description }}</button>
                                                </td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_collection_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-collection">{{ implode(', ', array_filter([$orders[$i]->eo_collection_address_street, $orders[$i]->eo_collection_address_city, $orders[$i]->eo_collection_address_postcode, $orders[$i]->eo_collection_address_country])) }}</button>
                                                </td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_delivery_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-delivery">{{ implode(', ', array_filter([$orders[$i]->eo_delivery_address_street, $orders[$i]->eo_delivery_address_city, $orders[$i]->eo_delivery_address_postcode, $orders[$i]->eo_delivery_address_country])) }}</button>
                                                </td>
                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->eo_order_status }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <a href="#" class="btn btn-sm btn-outline-secondary mr-2"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-view" title="View"><i
                                                            class="fas fa-eye"></i></a>
                                                    @if (!empty($orders[$i]->eo_job_template))
                                                        <button
                                                            onclick="window.open('https://bt-ms.com/erp.php/job/{{ $orders[$i]->eo_job_template }}/create-job-from-template')"
                                                            class="btn btn-success mr-auto" data-dismiss="modal">Create
                                                            Job</button>
                                                    @endif
                                                    <button class="btn btn-warning mr-auto"
                                                        style="{{ $orders[$i]->eo_order_status === 'Rejected' ? 'display: none;' : null }}"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-jobTemplate">{{ empty($orders[$i]->eo_job_template) ? 'Job Template' : $orders[$i]->eo_job_template }}</button>
                                                    <button class="btn btn-secondary mr-auto" data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-undo">Cancel</button>
                                                </td>
                                            </tr>
                                        @endif
                                    @else
                                        @if ($orders[$i]->eo_order_status != 'Pending')
                                            @includeIf('components.edi-modal-action', [
                                                'order' => $orders[$i],
                                                'action' => 'undo',
                                            ])
                                            @includeIf('components.edi-modal-info', [
                                                'order' => [$orders[$i]],
                                                'type' => 'jobTemplate',
                                            ])
                                            @includeIf('components.edi-modal-info', [
                                                'order' => [$orders[$i], $orders[$i + 1]],
                                                'type' => 'view',
                                            ])
                                            <tr>
                                                @php
                                                    $background_color = '';
                                                    if ($orders[$i]->eo_cust_status == 'Cancelled') {
                                                        $background_color = 'rgba(255,0,0,0.1)';
                                                    } elseif ($orders[$i]->eo_cust_status == 'Updated') {
                                                        $background_color = 'rgba(0,128,128,0.1)';
                                                    }
                                                @endphp

                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->id }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->eo_created_date }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->eo_cust_code }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_product_id == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-product">{{ $orders[$i]->eo_product_description }}</button>
                                                </td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_collection_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-collection">{{ implode(', ', array_filter([$orders[$i]->eo_collection_address_street, $orders[$i]->eo_collection_address_city, $orders[$i]->eo_collection_address_postcode, $orders[$i]->eo_collection_address_country])) }}</button>
                                                </td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <button
                                                        class="border {{ $orders[$i]->eo_delivery_address_code == null ? 'text-danger border-danger' : 'text-success border-success' }} text-bold bg-transparent p-1"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-delivery">{{ implode(', ', array_filter([$orders[$i]->eo_delivery_address_street, $orders[$i]->eo_delivery_address_city, $orders[$i]->eo_delivery_address_postcode, $orders[$i]->eo_delivery_address_country])) }}</button>
                                                </td>
                                                <td style="background-color: {{ $background_color }}">
                                                    {{ $orders[$i]->eo_cust_status }}</td>
                                                <td style="background-color: {{ $background_color }}">
                                                    <a href="#" class="btn btn-sm btn-outline-secondary mr-2"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-view" title="View"><i
                                                            class="fas fa-eye"></i></a>
                                                    @if (!empty($orders[$i]->eo_job_template))
                                                        <button
                                                            onclick="window.open('https://bt-ms.com/erp.php/job/{{ $orders[$i]->eo_job_template }}/create-job-from-template')"
                                                            class="btn btn-success mr-auto" data-dismiss="modal">Create
                                                            Job</button>
                                                    @endif
                                                    <button class="btn btn-warning mr-auto"
                                                        style="{{ $orders[$i]->eo_order_status === 'Rejected' ? 'display: none;' : null }}"
                                                        data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-jobTemplate">{{ empty($orders[$i]->eo_job_template) ? 'Job Template' : $orders[$i]->eo_job_template }}</button>
                                                    <button class="btn btn-secondary mr-auto" data-toggle="modal"
                                                        data-target="#modal{{ $orders[$i]->id }}-undo">Cancel</button>
                                                </td>
                                            </tr>
                                        @endif
                                        @php
                                            $i += 1;
                                        @endphp
                                    @endif
                                @endfor
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $('#orderList').DataTable({
                columnDefs: [{
                    targets: [4, 6, 8, 9],
                    visible: false
                }],
                searchBuilder: {
                    columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
                    // preDefined: {
                    //     criteria: [{
                    //         data: 'Status',
                    //         condition: '=',
                    //         value: ["New"],
                    //     }]
                    // }
                },
                layout: {
                    top1: {
                        searchBuilder: {
                            columns: [1, 2, 3]
                        }
                    },
                    top2start: 'searchBuilder',
                    topEnd: 'search',
                    bottomStart: 'info',
                    bottomEnd: 'paging'
                },
                order: [
                    [1, 'asc']
                ],
                pagingType: 'full_numbers'
            });

            $('#doneList').DataTable({
                layout: {
                    top2start: 'searchBuilder',
                    topEnd: 'search',
                    bottomStart: 'info',
                    bottomEnd: 'paging'
                },
                order: [
                    [1, 'asc']
                ],
                pagingType: 'full_numbers'
            });
        });
    </script>

@stop

@section('footer')
    &nbsp;
@stop

@endcan