@extends('companyuser::layouts.master')
@section('title',__('companyuser::integration.failed synced orders'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('company.apps-integration.index',$subdomain)}}">@lang('companyuser::integration.integration')</a>
            </li>
            <li class="breadcrumb-item active"><a href="{{route('company.'. $source .'.index', $subdomain)}}">@lang('companyuser::integration.' . $source)</a>
            </li>
            <li class="breadcrumb-item"><a href="#">@lang('companyuser::integration.failed synced orders')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <div>
        <div class="row my-1">
            <div class="col-xs-6 headTitle">
                <h3 class="d-inline">{{__('companyuser::integration.failed synced orders')}}:</h3>
            </div>
            <div class="col-xs-6 divBack"> <a href="{{route('company.'. $source .'.index', $subdomain)}}"
                    class="btn btn-primary btn-min-width">{{__('Back')}}</a>
            </div>
        </div>
        <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
            <div class=" match-height">
                @if(env('SYNC_INTEGRATED_ORDERS_ON')
                    && env('SYNC_INTEGRATED_' . strtoupper($source) . '_ORDERS_ON')
                    && $integrationConfig)
                    <div>
                    @include('superadmin::errors.lists')
                    <div class="card mb-0">
                        <div class="card-body collapse in">
                            <table
                                class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                                <thead>
                                <tr>
                                    <th>@lang('companyuser::integration.order id')</th>
                                    <th>@lang('companyuser::integration.order total')</th>
                                    <th>@lang('companyuser::integration.total tax')</th>
                                    <th>@lang('companyuser::integration.total cost')</th>
                                    <th>@lang('companyuser::integration.order type')</th>
                                    <th>@lang('companyuser::integration.order date')</th>
                                    <th>@lang('companyuser::integration.customer')</th>
                                    <th>@lang('companyuser::integration.supplier')</th>
                                    <th>@lang('companyuser::integration.failure reason')</th>
                                    <th>@lang('Actions')</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($failedOrders as $order)
                                    <tr>
                                        <td>{{$order->order_id}}</td>
                                        <td>{{number_format($order->sub_total,2)}}</td>
                                        <td>{{number_format($order->total_tax,2)}}</td>
                                        <td>{{number_format($order->total_cost,2)}}</td>
                                        <td>{{__('companyuser::integration.' . $order->transaction_type)}}</td>
                                        <td><span class="d-none">{{$order->order_date}}</span>{{ \App\Services\Date::format($order->order_date, 'date')}}</td>
                                        <td>{{($order->customer_id ? $order->customer->name : '')}}</td>
                                        <td>{{($order->supplier_id ? $order->supplier->name : '')}}</td>
                                        {{-- why the sync refused the order; empty for orders that failed before reasons were recorded --}}
                                        <td class="font-small-3" style="white-space: normal; min-width: 220px; max-width: 420px; overflow-wrap: anywhere;">{{ $order->failure_reason ?: '—' }}</td>
                                        @if($order->journal_entry_id)
                                            <td>
                                                @can('accounting.manual-journal-entries.delete')
                                                    <a data-url="{{route('company.failed-orders.delete',[$subdomain, $source, $order->id])}}"
                                                       class='btn btni rounded-circle font-small-2 btn-danger btn-xs btn-delete delete-item text-white'
                                                       data-toggle="modal" data-target="#deleteModal"
                                                       data-toggle="tooltip" data-placement="bottom"
                                                       title="{{__('companyuser::integration.failed order is already succeeded')}}"><i
                                                            class="fa fa-trash"></i></a>
                                                @endcan
                                            </td>
                                        @else
                                            <td>
                                                @can('accounting.manual-journal-entries.create')
                                                    <a href="{{route('company.manual-journal-entries.create',
                                                            ['subdomain' => $subdomain, 'source' => $source, 'order_id' => $order->order_id, 'transaction_type' => $order->transaction_type])}}"
                                                       class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-edit text-white @if(!$accountingSettingsCount)disabled @endif'
                                                       data-toggle="tooltip" data-placement="bottom"
                                                       title="@lang('companyuser::integration.create journal entry')">
                                                        <i class="fa fa-plus"></i>
                                                    </a>
                                                @endcan
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @else
                    <div class="alert alert-warning" id="journal-data-in-the-future">
                        @lang('companyuser::integration.integration is not available currently')
                    </div>
                @endif
            </div>
        </section>
    </div>
</section>
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog"
     aria-labelledby="deleteModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="deleteModalLabel">@lang('Delete')</h4>
            </div>
            <div class="modal-body">
                <p>
                    @lang('Are You Sure to delete this?')
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default mx-1"
                        data-dismiss="modal">@lang('Cancel')</button>
                <span class="pull-right">
                    <form  action="" method="POST" class="form delete-form">
                        @csrf
                        @method('delete')
                        <button type="submit" class="btn btn-primary">@lang('Continue')</button>
                    </form>
                </span>
            </div>
        </div>
    </div>
</div>

@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_apps_failed_orders');
        console.log('web_apps_failed_orders event');
    </script>
    <script>
        window.addEventListener('DOMContentLoaded', function () {
            $(document).ready(function () {
                // For A Delete Record Popup
                //handel desktop(click) and mobile(touchstart) browsers
                $(document).on('touchstart click', '.delete-item', function () {
                    var modal = $(this).attr('data-target');
                    var url = $(this).attr('data-url');
                    $(modal + ' .delete-form').attr("action", url);
                });

                //to reset filter dropdown menus
                //handel desktop(click) and mobile(touchstart) browsers
                $(document).on('touchstart click', '#reset', function (E) {
                    e.preventDefault()
                    // here we made it val to work in both inputs and dropdown menu
                    $('.form-control').val("");
                    // or prop('selectedIndex',0);
                })

                $('.delete-form').submit(function (e) {
                    $('#overlay').css('display', 'flex');
                })
            });
        });
    </script>
@endsection