@extends('layouts.template')

@section('top')
    <style type="text/css">
        #createOrderForms {
            overflow-y: scroll;
        }

        table tr td.td2:last-child {
            word-break: break-word;
        }

        table td,
        table th {
            padding: 15px 7px !important;
            text-align: center !important;
            font-size: 15px !important;
        }

        table thead th {
            cursor: pointer;
        }

        table thead th.sort_asc:after,
        table thead th span.sort_asc:after {
            content: "▼";
        }

        table thead th.sort_desc:after,
        table thead th span.sort_desc:after {
            content: "▲";
        }

        .order-tr.excretad,
        .order-tr.excretad:hover {
            background: #2b383e !important;
        }

        .order-tr.excretad * {
            color: #fff !important;
        }

        .bg-light-yellow {
            background: rgba(255, 255, 0, .3);
        }

        .bg-light-red {
            background: rgba(255, 0, 0, .1);
        }

        .select-load-form,
        .input-load-form {
            position: relative;
        }

        .select-load-form div.form-dv,
        .input-load-form div.form-dv {
            position: relative;
        }

        .select-load-form input.form-dv,
        .input-load-form input.form-dv {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0.375rem 0.75rem;
        }

        .select-load-form .select-inner,
        .input-load-form .select-inner {
            position: absolute;
            left: -1px;
            top: 100%;
            width: calc(100% + 2px);
            height: 200px;
            overflow: auto;
            border: 1px solid #c5c7c9;
            background: #fff;
            z-index: 99;
        }

        .select-load-form .select-inner .select-item,
        .input-load-form .select-inner .select-item {
            display: block;
            padding: 12px 12px;
            background: #fff;
            color: #333;
            text-decoration: none;
            border: none;
        }

        .select-load-form .op,
        .input-load-form .op {
            opacity: 0.4;
        }

        .select-load-form .select-inner-info,
        .input-load-form .select-inner-info {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            color: #c5c7c9;
        }

        .select-load-form .f-delete,
        .input-load-form .f-delete {
            position: absolute;
            font-size: 10px;
            display: flex;
            height: 100%;
            top: 0;
            right: 2px;
            align-items: center;
            cursor: pointer;
        }

        .norwap {
            white-space: nowrap;
        }

        .city-color {
            background: #f9eed8;
        }

        .excretad .city-color span {
            color: #000 !important;
        }
    </style>
@endsection

@section('content')

    @widget('Filter')

    <div class="clearfix"></div>
    <div id="table-result">
        <!-- TABLE -->
        <div class="card">
            <div v-if="loading" class="card-body">
                <br><br>
                <div class="pt-2 mt-2 loader-pendulums"></div>
            </div>
            <div v-else class="card-body">

                <!-- Выделение -->
                <div class="row">
                    <div class="col-md-6">
                        <div class="text-left">
                            <button v-if="orders.length > 0 && orders.length != excreta_orders.length"
                                    class="btn btn-primary btn-xs" @click="allHighlightOrder()">Выделить всё
                            </button>
                            <button v-if="excreta_orders.length > 0" class="btn btn-danger btn-xs"
                                    @click="resetHighlightOrder()">Снять выделение
                            </button>
                            <button v-if="excreta_orders.length > 0" class="btn btn-success btn-xs"
                                    @click="exportHighlightOrder()">Экспорт Документа
                            </button>

                            <a target="_blank" ref="nofollow" class="ml-2" href="https://yadi.sk/i/KNR4OXvFu_aqSg">Как
                                создать документ?</a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-right">
                            <span class="m-r-20">Колличество выводимых заявок: @{{ orders.length }}</span><input
                                id="search" type="text" placeholder="Быстрый поиск" @input="fastSearch()"
                                v-model="fastSearchInput">
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!-- -->

                <div v-if="orders.length == 0" style="text-align: center;font-size: 1.5rem;font-weight: 600;">
                    Заявки отсутвуют
                </div>

                <div v-else class="o-auto">
                    <table id="datable_main" class="table table-hover w-100 display pb-30">
                        <thead>
                        <tr>
                            <th class="text-center" @click="sortMounted('id')"
                                v-bind:class="[sortParam == 'id_asc' ? 'sort_asc' : '',sortParam == 'id_desc' ? 'sort_desc' : '']">{{ trans('pages.orders.id') }}</th>
                            <th class="text-center" @click="sortMounted('user.last_name')"
                                v-bind:class="[sortParam == 'user.last_name_asc' ? 'sort_asc' : '',sortParam == 'user.last_name_desc' ? 'sort_desc' : '']">{{ trans('pages.orders.author') }}</th>
                            <th class="text-center" @click="sortMounted('date_order')"
                                v-bind:class="[sortParam == 'date_order_asc' ? 'sort_asc' : '',sortParam == 'date_order_desc' ? 'sort_desc' : '']">{{ trans('pages.orders.date') }}</th>
                            <th class="text-center" @click="sortMounted('is_output')"
                                v-bind:class="[sortParam == 'is_output_asc' ? 'sort_asc' : '',sortParam == 'is_output_desc' ? 'sort_desc' : '']">{{ trans('pages.orders.type') }}</th>
                            <th class="text-center" @click="sortMounted('car_order')"
                                v-bind:class="[sortParam == 'car_order_asc' ? 'sort_asc' : '',sortParam == 'car_order_desc' ? 'sort_desc' : '']">
                                Автомобиль / Прицеп
                            </th>
                            <th class="text-center" @click="sortMounted('driver_order')"
                                v-bind:class="[sortParam == 'driver_order_asc' ? 'sort_asc' : '',sortParam == 'driver_order_desc' ? 'sort_desc' : '']">{{ trans('pages.orders.fio') }}</th>
                            <th class="text-center city-color">{{ trans('pages.orders.country_and_city') }}</th>
                            <th class="text-center">Контрагент</th>
                            <th class="text-center">Заказчик трансп.</th>
                            <th
                                class="text-center"
                            >
                                <span
                                    v-bind:class="[sortParam == 'sostoyanie_asc' ? 'sort_asc' : '',sortParam == 'sostoyanie_desc' ? 'sort_desc' : '']"
                                    @click="sortMounted('sostoyanie')">
                                    {{ trans('pages.orders.sostoyanie') }}
                                </span>
                                <span
                                    v-bind:class="[sortComment == 'asc' ? 'sort_asc' : '',sortComment == 'desc' ? 'sort_desc' : '']"
                                    @click="sortCommentMounted()"
                                    v-if="sortParam == 'sostoyanie_asc' || sortParam == 'sostoyanie_desc'">
                                    Коммент.
                                </span>
                            </th>
                            <th class="text-center" @click="sortMounted('sostoyanie')"
                                v-bind:class="[sortParam == 'sostoyanie_asc' ? 'sort_asc' : '',sortParam == 'sostoyanie_desc' ? 'sort_desc' : '']">{{ trans('pages.orders.status') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr
                            v-for="(order,key) in sortedList"
                            @click.prevent="highlightOrder(order)"
                            class="order-tr"
                            :class="[checkExcretaOrder(order) ? 'excretad' : '',(date_order != moment(order.date_order).format('YYYY-MM-DD') ? 'bg-light-yellow' : '') , (!order.is_doverennost_order && order.is_output) ? 'bg-light-red' : '']"
                            :title="(!order.is_doverennost_order ? 'Без документов' : '')"
                            :data-date-order="date_order + ' : ' + moment(order.date_order).format('Y-m-d')"
                        >
                            <td class="text-center">@{{ order.id }}</td>
                            <td class="text-center"><span v-if="order.user != null">@{{ order.user.last_name }} @{{ order.user.name }}</span>
                            </td>
                            <td class="text-center">@{{ makeDate(order.date_order) }}</td>
                            <td class="text-center">
                                @{{ order.transport_type.name }}
                                <span class="badge badge-danger" v-if="order.is_output == 0">Выгрузка</span>
                                <span class="badge badge-success" v-else-if="order.is_output == 1">Загрузка</span>
                            </td>
                            <td class="text-center">

                                <div v-if="order.truck != null && order.truck.mark != null">
                                    @{{ order.truck.mark.name }}
                                </div>
                                <div v-if="order.truck != null" class="norwap">
                                    @{{ order.truck.number }}<span v-if="order.trailer != null"> / @{{ order.trailer.number }}</span>
                                </div>
                                <div
                                    v-else
                                >
                                    @{{ order.car_order }}
                                </div>
                                <div v-if="order.form_delivery_name != null">
                                    Форма доставки: @{{ order.form_delivery_name }}
                                </div>
                            </td>
                            <td class="text-center">
                                <span
                                    v-if="order.driver != null"
                                >
                                    @{{ order.driver.full_name }}
                                </span>
                                <span
                                    v-else
                                >
                                    @{{ order.driver_order }}
                                </span>
                            </td>
                            <td class="text-center city-color">
                                <span v-if="order.country != null">@{{ order.country.name }}</span><span
                                    v-if="order.city != null"> @{{ order.city.city }}</span>
                                <span v-if="order.country == null && order.city == null">Не задано</span>
                            </td>
                            <td class="text-center">
                                <span
                                    v-if="order.postavshik != null">Поставщик: @{{ order.postavshik.full_name }}</span>
                                <span v-if="order.company != null">@{{ order.company.full_name }}</span>
                                <!-- / <span v-else>Отсут.</span>
                                 <span v-if="order.consignee != null">@{{ order.consignee.full_name }}</span>
                                 <span v-else>Отсут.</span> -->
                            </td>
                            <td class="text-center">
                                <div
                                    v-if="order.transport_customer != null && order.is_output == 1"
                                >
                                    @{{ order.transport_customer["name"] }}
                                </div>
                            </td>
                            <td class="text-center">
                                <div>
                                    <b>@{{ order.status.status }}</b>
                                </div>
                                <div v-if="order.status.created_at != null" title="Статус поставлен"><small>(@{{
                                        moment(order.status.created_at.date).format('DD.MM.YYYY HH:mm') }})</small>
                                </div>
                                <div v-if="order.naklad_number != null">Номер накл: @{{ order.naklad_number }}</div>
                                <div>@{{ order.comment_order }}</div>

                                <template v-for="log in order.logs">
                                    <div v-if="log.fields != null && JSON.parse(log.fields).comment_order">
                                        @{{ JSON.parse(log.fields).comment_order }}
                                    </div>
                                </template>
                                <div>
                                    <button @click.stop="seeOrder(order.id)" class="btn btn-primary btn-xs">Подробнее
                                    </button>
                                </div>
                            </td>
                            <td class="text-center">
                                <div v-if="order.is_confirmed || order.status_id == null">
                                    <div v-for="active in order.status.active">
                                        <div
                                            v-if="active.allowed_for_groups && JSON.parse(active.allowed_for_groups).indexOf(auth.group_id) != -1">
                                            <button class="btn btn-xs"
                                                    :class="active.button_color"
                                                    @click.stop="changeStatus(order.id,active.status_id)"
                                            >@{{ active.button_text }}
                                            </button>
                                        </div>
                                    </div>
                                    <div v-if="order.user_id == auth.id && order.status.status == 'Новая'">
                                        <button @click.stop="deleteOrder(order.id)" class="btn btn-xs btn-danger">
                                            Удалить
                                        </button>
                                    </div>
                                </div>


                                <div v-if="!order.is_confirmed">
                                    <div
                                        v-if="premission.confirmed && premission.confirmed==true || premission.admin && premission.admin==true">
                                        <button class="btn btn-success btn-xs" @click.stop="confirmed(order)">Принять
                                        </button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>

            </div>
        </div>

        <!-- Modal forms-->
        <div class="modal fade show" id="modalSee" :class="[show_modals.see ? 'd-block' : 'd-none']"
             v-on:click.self.prevent="closeModal()">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ trans('pages.orders.see_order') }} <span
                                v-if="see_order.is_update == 1">({{ trans('pages.orders.is_edit') }})</span></h5>
                        <button type="button" class="close" @click="closeModal()">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div v-if="see_order != null" class="modal-body">
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.id') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            @{{ see_order.id }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.type') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            <span v-if="see_order.is_output == 1" class="badge badge-success">Загрузка</span>
                            <span v-else class="badge badge-danger">Выгрузка</span>
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6 v-if="see_order.transport_type_id == 1"> {{ trans('pages.orders.period') }}:</h6>
                            <h6 v-else> Дата загрузки:</h6>
                        </div>
                        <div class="col-8 float-left">
                            @{{ see_order.date_order }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                        <template v-if="see_order.auto != null && see_order.auto != ''">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.auto') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.auto }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <!-- -->
                        <template v-if="see_order.is_output == 1 && see_order.transport_customer != null">
                            <div class="col-4 float-left">
                                <h6>Заказчик трансп.:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.transport_customer["name"] }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.transport_type">
                            <div class="col-4 float-left">
                                <h6>Тип ТС:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.transport_type.name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <!-- -->
                        <template
                            v-if="see_order.truck == null && see_order.car_order != null && see_order.car_order != ''">
                            <div class="col-4 float-left">
                                <h6 v-if="see_order.transport_type.id == 1">{{ trans('pages.orders.number_m') }}:</h6>
                                <h6 v-else>Номер вагона:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.car_order }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.truck != null && see_order.truck != ''">
                            <div class="col-4 float-left">
                                <h6>Автомобиль:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.truck.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.trailer != null && see_order.trailer != ''">
                            <div class="col-4 float-left">
                                <h6>Прицеп:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.trailer.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <!-- -->
                        <template
                            v-if="see_order.driver == null && see_order.driver_order != null && see_order.driver_order != ''">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.fio') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.driver_order }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.driver != null && see_order.driver != ''">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.fio') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.driver.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <!-- NEW FIELDS -->
                        <template v-if="see_order.company != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.company') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.company.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.transporting_car != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.auto') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.transporting_car.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.trailer != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.trailer') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.trailer.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.owner_company != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.owner_company') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.owner_company.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.recipient_company != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.recipient_company') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.recipient_company.full_name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <div v-if="see_order.is_output == 0">
                            <template v-if="see_order.postavshik != null && see_order.postavshik != ''">
                                <div class="col-4 float-left">
                                    <h6>{{ trans('pages.orders.postavshik') }}:</h6>
                                </div>
                                <div
                                    v-if="see_order.postavshik != null"
                                    class="col-8 float-left"
                                >
                                    @{{ see_order.postavshik.name }}
                                </div>
                                <div class="clearfix"></div>
                                <div class="mt-5"></div>
                            </template>

                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.input_gruz') }}:</h6>
                            </div>
                            <div
                                v-if="see_order.input != null"
                                class="col-8 float-left"
                            >
                                @{{ see_order.input.name }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>

                            <template v-if="see_order.form_delivery_name != null">
                                <div class="col-4 float-left">
                                    <h6>Форма доставки:</h6>
                                </div>
                                <div class="col-8 float-left">
                                    @{{ see_order.form_delivery_name }}
                                </div>
                                <div class="clearfix"></div>
                                <div class="mt-5"></div>
                            </template>
                        </div>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.country_and_city') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            @{{ see_order.country_and_city }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.doverenost') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            <div v-html="see_order.doverennost_order"></div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <template v-if="see_order.doverenost_number != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.doverenost_number') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.doverenost_number }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <template v-if="see_order.doverenost_date != null">
                            <div class="col-4 float-left">
                                <h6>{{ trans('pages.orders.doverenost_date') }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ see_order.doverenost_date }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </template>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.author') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            @{{ see_order.author }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.created_at') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            @{{ see_order.created_at }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <div v-for="log in see_order.logs">
                            <div class="col-4 float-left">
                                <h6>@{{ log.value }}:</h6>
                            </div>
                            <div class="col-8 float-left">
                                @{{ log.created_at }}
                            </div>
                            <div class="clearfix"></div>
                            <div class="mt-5"></div>
                        </div>
                        <!--  -->
                        <div class="col-4 float-left">
                            <h6>Контрагент:</h6>
                        </div>
                        <div class="col-8 float-left">
                            <span v-if="see_order.company != null">@{{ see_order.company.full_name }}</span>
                            <span v-else>Отсут.</span>
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!--  -->
                        <div class="col-4 float-left">
                            <h6>Грузополучатель:</h6>
                        </div>
                        <div class="col-8 float-left">
                            <span v-if="see_order.consignee != null">@{{ see_order.consignee.full_name }}</span>
                            <span v-else>Отсут.</span>
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!--  -->
                        <div class="col-4 float-left">
                            <h6>Номер накладной:</h6>
                        </div>
                        <div class="col-8 float-left">
                            @{{ see_order.naklad_number }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                        <div class="col-4 float-left">
                            <h6>{{ trans('pages.orders.comments') }}:</h6>
                        </div>
                        <div class="col-8 float-left">
                            <div v-html="see_order.comment_order"></div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="mt-5"></div>
                        <!-- -->
                    </div>
                    <div class="modal-footer">
                        <div class="col-12">
                            <div class="text-center">
                                <a class="btn btn-success btn-xs" href="javascript:void(0)"
                                   @click="seeComment()">{{ trans('pages.orders.add_comment') }}</a>

                                <!-- <a class="ml-10 btn btn-success btn-xs" href="javascript:void(0)" @click="seeDocument()">{{ trans('pages.orders.add_document') }}</a> -->

                                @if(Crm::is_premission('add_order'))
                                    <a class="ml-10 btn btn-success btn-xs" href="javascript:void(0)"
                                       @click="copyOrder(see_order.id)">{{ trans('pages.orders.copy') }}</a>
                                @endif

                                @if(Crm::is_premission('edit_order'))
                                    <a class="ml-10 btn btn-success btn-xs" href="javascript:void(0)"
                                       @click="openEditModal(see_order.id)">{{ trans('pages.orders.edit') }}</a>
                                @endif

                                @if(Crm::is_premission('delete_order'))
                                    <a class="ml-10 btn btn-success btn-xs" @click="deleteOrder(see_order.id)"
                                       href="javascript:void(0)">{{ trans('pages.orders.delete') }}</a>
                                @endif

                                <a class="ml-10 btn btn-success btn-xs" v-bind:href="'/logs/order/'+see_order.id"
                                   target="_blank">{{ trans('pages.orders.movement') }}</a>

                                <a
                                    v-if="is_check_back_status"
                                    class="ml-10 btn btn-success btn-xs"
                                    href="javascript:void(0)"
                                    @click="backStatus(see_order.id)"
                                >
                                    <span v-if="!is_load_back">Отмена последнего статуса</span>
                                    <span v-else>Идет загрузка...</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal comment-->
        <div class="modal fade show" id="modalComment" :class="[show_modals.comment ? 'd-block' : 'd-none']"
             v-on:click.self.prevent="closeModal()">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ trans('pages.orders.add_comment') }}</h5>
                        <button type="button" class="close" @click="closeModal()">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <div class="form-group">
                                <label for="dropdownFormComment">{{ trans('pages.orders.add_comment') }}<span> *</span>:</label>
                                <textarea autocomplete="off" rows="2" id="dropdownFormComment" class="form-control"
                                          v-model="modal_comment.comment_order"></textarea>
                            </div>
                            <div v-if="modal_comment.error" class="form-group">
                                <p>@{{ modal_status_form_required.error_text }}</p>
                            </div>
                            <button class="btn btn-primary"
                                    @click="addComment()">{{ trans('pages.orders.save') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal document-->
        <div class="modal fade show" id="modalDocument" :class="[show_modals.document ? 'd-block' : 'd-none']"
             v-on:click.self.prevent="closeModal()">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ trans('pages.orders.add_document') }}</h5>
                        <button type="button" class="close" @click="closeModal()">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <div class="form-group">
                                <label for="dropdownFormComment">{{ trans('pages.orders.add_document') }}<span> *</span>:</label>
                                <div id="remove_link_1" class="dropzone"></div>
                            </div>
                            <div v-if="modal_document.error" class="form-group">
                                <p>@{{ modal_status_form_required.error_text }}</p>
                            </div>
                            <button class="btn btn-primary"
                                    @click="addDocument()">{{ trans('pages.orders.save') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal status-->
        <div class="modal fade show" id="modalStatus" :class="[show_modals.status ? 'd-block' : 'd-none']"
             v-on:click.self.prevent="closeModal()">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ trans('pages.orders.status_order') }}</h5>
                        <button type="button" class="close" @click="closeModal()">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <div class="form-group" v-if="modal_status.race_id">
                                <label for="dropdownFormRaceId">{{ trans('pages.orders.race') }}<span
                                        v-if="modal_status_form_required.race_id"> *</span></label>
                                <select id="dropdownFormRaceId" v-model="modal_status_form.race_id" class="form-control"
                                        required>
                                    <option disabled selected></option>
                                    <option v-for="departure in departures" v-bind:value="departure.id">@{{
                                        departure.name }}
                                    </option>
                                </select>
                            </div>

                            <div class="form-group" v-if="modal_status.departure_id">
                                <label for="dropdownFormRaceId">{{ trans('pages.orders.departure') }}<span
                                        v-if="modal_status_form_required.departure_id"> *</span></label>
                                <select id="dropdownFormRaceId" v-model="modal_status_form.departure_id"
                                        class="form-control" required>
                                    <option disabled selected></option>
                                    <option v-for="departure in departures" v-bind:value="departure.id">@{{
                                        departure.name }}
                                    </option>
                                </select>
                            </div>

                            <div class="form-group" v-if="modal_status.attachments">
                                <label for="attachments">{{ trans('pages.orders.attachments') }}<span
                                        v-if="modal_status_form_required.attachments"> *</span>:</label>
                                <div id="remove_link" class="dropzone"></div>
                            </div>

                            <div class="form-group" v-if="modal_status.act_number">
                                <label for="dropdownFormActNumber">{{ trans('pages.orders.act_number') }}<span
                                        v-if="modal_status_form_required.act_number"> *</span>:</label>
                                <input autocomplete="off" rows="2" id="dropdownFormActNumber" class="form-control"
                                       v-model="modal_status_form.act_number" required>
                            </div>

                            <div class="form-group" v-if="modal_status.send_to_zagr">
                                <label for="dropdownFormSendToZagr">{{ trans('pages.orders.send_to_zagr') }}<span
                                        v-if="modal_status_form_required.send_to_zagr"> *</span>:</label>
                                <input type="checkbox" id="dropdownFormSendToZagr" class="form-control"
                                       v-model="modal_status_form.send_to_zagr" disabled>
                            </div>

                            <div class="form-group" v-if="modal_status.comment_order">
                                <label for="dropdownFormComment">{{ trans('pages.orders.add_comment') }}<span
                                        v-if="modal_status_form_required.comment_order"> *</span>:</label>
                                <textarea autocomplete="off" rows="2" id="dropdownFormComment" class="form-control"
                                          v-model="modal_status_form.comment_order"></textarea>
                            </div>

                            <div v-if="modal_status_form_required.error_status" class="form-group">
                                <p>@{{ modal_status_form_required.error_text }}</p>
                            </div>
                            <button class="btn btn-primary"
                                    @click="setStatus(modal_status_form.order_id,modal_status_form.status_id)"
                                    v-bind:disabled="is_load">{{ trans('pages.orders.save') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div v-if="is_show_back" @click="closeModal()" class="modal-backdrop fade show"></div>

        <!-- make document -->
        <form id="create-form-document" method="post" action="{{ route('documents.orders') }}">
            @csrf
            <input type="hidden" name="orders" v-model="excreta_orders_json">
        </form>
        <!-- -->
    </div>

@endsection

@section('footer')
    <script type="text/javascript">
        Dropzone.autoDiscover = false;
        const Table = new Vue({
            el: "#table-result",
            data: function () {
                return {
                    is_load: false,
                    is_load_main: true,
                    url: {
                        getOrder: "{{ route('api.order.index') }}",
                        addComment: "{{ route('api.order.add.comment') }}",
                        addDocument: "{{ route('api.order.add.document') }}",
                        copyOrder: "{{ route('api.orders.copy') }}",
                        setStatus: "{{ route('api.order.set_status') }}",
                        backStatus: "{{ route('api.order.back_status') }}",
                        deleteOrder: "{{ route('api.order.delete') }}",
                        confirmedOrder: "{{ route('api.order.confirmed.new') }}",
                        getDepartunes: "{{ route('api.handbook.departure.index') }}",
                        getData: "{{ route('api.data.index') }}"
                    },
                    excreta_orders: [],
                    orders: [],
                    see_order: {},
                    modal_comment: {
                        comment_order: "",
                        order_id: "",
                        error: false
                    },
                    modal_document: {
                        document_order: [],
                        order_id: "",
                        error: false
                    },
                    modal_status_form_required: {
                        error_text: "Заполните все обязательные поля *",
                        error_status: false,
                        order_id: false,
                        comment_order: false,
                        act_number: false,
                        attachments: false,
                        send_to_zagr: false,
                    },
                    modal_status_form: {
                        order_id: null,
                        status_id: null,
                        comment_order: "",
                        race_id: "",
                        departure_id: "",
                        act_number: "",
                        attachments: [],
                        send_to_zagr: true,
                    },
                    modal_status: {
                        comment_order: false,
                        race_id: false,
                        departure_id: false,
                        act_number: false,
                        attachments: false,
                        send_to_zagr: false,
                    },
                    departures: [],
                    auth: null,
                    premission: null,
                    sortParam: 'id_desc',
                    sortComment: '',
                    autoUpdate: false,
                    filter: JSON.parse('{!! $input !!}'),
                    fastSearchInput: "",
                    show_modals: {
                        see: false,
                        document: false,
                        comment: false,
                        status: false
                    },
                    loading: false,
                    is_load_back: false,
                    date_order: '{{ $date_order }}'
                }
            },
            methods: {
                backStatus(order_id) {
                    var app = this;

                    if (app.is_load_back) {
                        AlertVue.openAlert('Идет загрузка');
                        return;
                    }

                    app.is_load_back = true;
                    axios
                        .post(this.url.backStatus, {
                            id: order_id,
                        })
                        .then(function (result) {
                            if (result.data.status == 'ok') {
                                order = result.data.order;
                                for (i = 0; i < app.orders.length; i++) {
                                    if (app.orders[i].id == order.id) {
                                        app.orders[i].status = order.status;
                                        app.orders[i].logs = order.logs;
                                    }
                                }
                                AlertVue.openAlert('Операция прошла успешно');
                            } else {
                                AlertVue.openAlert(result.data.description);
                            }
                            app.is_load_back = false;
                        });
                },
                openEditModal(order_id) {
                    var app = this;
                    for (var key in app.show_modals) {
                        app.show_modals[key] = false;
                    }
                    CreateOrderForms.editOrder(order_id)
                },
                closeModal() {
                    var app = this;
                    for (var key in app.show_modals) {
                        app.show_modals[key] = false;
                    }
                    $('.modal').css({
                        'overflow-y': 'hidden'
                    });
                    $('body').css({
                        'overflow-y': 'auto'
                    });
                },
                showModal(slug) {
                    var app = this;
                    for (var key in app.show_modals) {
                        app.show_modals[key] = false;

                        if (slug == key) {
                            app.show_modals[key] = true;
                        }
                    }
                    $('.modal').css({
                        'overflow-y': 'scroll'
                    });

                    $('body').css({
                        'overflow-y': 'hidden'
                    });
                },
                exportHighlightOrder() {
                    var app = this;
                    console.log('export');
                    $('#create-form-document').submit();
                    app.resetHighlightOrder();
                },
                allHighlightOrder() {
                    var app = this;
                    app.excreta_orders = app.orders;
                    app.$forceUpdate();
                },
                resetHighlightOrder() {
                    var app = this;
                    app.excreta_orders = [];
                    app.$forceUpdate();
                },
                highlightOrder(order) {
                    var app = this;
                    for (var i = 0; i < app.excreta_orders.length; i++) {
                        if (app.excreta_orders[i].id == order.id) {
                            app.excreta_orders.splice(i, 1);
                            return true;
                        }
                    }
                    app.excreta_orders.push(order);
                    return true;
                },
                checkExcretaOrder(order) {
                    var app = this;
                    for (var i = 0; i < app.excreta_orders.length; i++) {
                        if (order.id == app.excreta_orders[i].id) {
                            return true;
                        }
                    }
                    return false;
                },
                setTopStatistics(orders) {
                    var count_all_orders = orders.length;
                    var count_output_orders = 0;
                    var count_input_orders = 0;
                    var count_in_territory = 0;
                    var count_out_territory = 0;
                    var count_all_zagr = 0;

                    for (var i = 0; i < orders.length; i++) {
                        if (orders[i].is_output == 1) {
                            count_output_orders = count_output_orders + 1;
                        } else {
                            count_input_orders = count_input_orders + 1;
                        }
                        //Если скопирована заявка
                        if (orders[i].copy_id_order != null) {
                            count_all_zagr = count_all_zagr + 1;
                        }
                    }

                    $("#statistics-top-all-orders").html(count_all_orders);
                    $("#statistics-top-output-orders").html(count_output_orders);
                    $("#statistics-top-input-orders").html(count_input_orders);
                    $("#statistics-top-zagr").html(count_all_zagr);

                    $("#statistics-top-all-orders").removeClass('d-none');
                    $("#statistics-top-output-orders").removeClass('d-none');
                    $("#statistics-top-input-orders").removeClass('d-none');
                    $("#statistics-top-zagr").removeClass('d-none');

                    return true;
                },
                notification(last_orders, new_orders) {
                    var app = this;
                    if (last_orders.length == 0 || new_orders.length == 0) {
                        return false;
                    }
                    for (var i = 0; i < last_orders.length; i++) {
                        for (var k = 0; k < new_orders.length; k++) {
                            if (last_orders[i].id == new_orders[k].id && last_orders[i].status.status_id == new_orders[k].status.status_id) {
                                new_orders.splice(k, 1);
                            }
                        }
                    }
                    for (var k = 0; k < new_orders.length; k++) {
                        AlertVue.openAlert('Заявка №' + new_orders[k].id + ' изменена на ' + new_orders[k].status.status);
                    }
                    return true;
                },
                getData(loading = true) {
                    app = this;

                    if (loading) {
                        app.loading = true;
                    }

                    // console.log(this.filter);

                    axios
                        .post(app.url.getData, {
                            filter: this.filter
                        })
                        .then(function (result) {
                            // console.log(app.url.getData)
                            // console.log(result);

                            var last_orders = app.orders;
                            var new_orders = [];
                            for (var i = 0; i < result.data.orders.length; i++) {
                                new_orders.push(result.data.orders[i]);
                            }
                            app.notification(last_orders, new_orders);

                            for (var key in result.data) {
                                app.$data[key] = result.data[key];
                            }
                            // app.setTopStatistics(app.orders);
                            app.loading = false;
                        });
                },
                updateModalForm() {
                    this.modal_status.race_id = false;
                    this.modal_status.comment_order = false;
                    this.modal_status.departure_id = false;
                    this.modal_status.act_number = false;
                    this.modal_status.attachments = false;
                    this.modal_status.send_to_zagr = false;
                    this.modal_status_form.race_id = "";
                    this.modal_status_form.comment_order = "";
                    this.modal_status_form.departure_id = "";
                    this.modal_status_form.act_number = "";
                    this.modal_status_form.attachments = [];
                    this.modal_status_form.send_to_zagr = true;
                    this.is_load = false;
                    this.modal_status_form_required.error_status = false;
                },
                changeStatus(order_id, status_id) {
                    var app = this;
                    app.updateModalForm();
                    axios
                        .post(app.url.getOrder, {
                            id: order_id,
                            status_id: status_id
                        })
                        .then(function (result) {
                            order = result.data;
                            for (i = 0; i < order.status.active.length; i++) {
                                if (order.status.active[i].status_id == status_id) {
                                    fields = JSON.parse(order.status.active[i].fields);
                                    if (fields.length > 0) {
                                        for (k = 0; k < fields.length; k++) {
                                            app.modal_status[fields[k].name] = true;
                                            app.modal_status_form.order_id = order.id;
                                            app.modal_status_form.status_id = status_id;
                                            app.modal_status_form_required[fields[k].name] = fields[k].requerd;
                                        }
                                        app.showModal('status');
                                    } else {
                                        console.log('change');
                                    }
                                }
                            }
                        });
                },
                setStatus(order_id, status_id) {
                    var app = this;

                    var order = null;
                    for (var key in app.orders) {
                        if (app.orders[key].id == order_id) {
                            order = app.orders[key];
                        }
                    }

                    if (order == null) {
                        AlertVue.openAlert('Заявка не найдена');
                        return;
                    }

                    if (order.is_output && (status_id == 1 || status_id == 2 || status_id == 3 || status_id == 4)) {
                        if ((order.truck == null || order.driver == null) && order.transport_type.id == 1) {
                            AlertVue.openAlert('Выберите автомобиль и водителя');
                            return;
                        }
                    }

                    if (order.is_output && (status_id == 1 || status_id == 2 || status_id == 3 || status_id == 4)) {
                        if ((order.car_order == null) && order.transport_type.id == 2) {
                            AlertVue.openAlert('Погрузка в поезд! Введите номер вагона');
                            return;
                        }
                    }

                    if (order.is_output && (status_id == 3 || status_id == 4)) {
                        if (!order.is_doverennost_order && order.transport_type.id == 1) {
                            AlertVue.openAlert('Прикрепите доверенность');
                            return;
                        }
                        if (order.company == null) {
                            AlertVue.openAlert('Требуется выбрать контрагента');
                            return;
                        }
                        if (order.transport_customer == null) {
                            // AlertVue.openAlert('Требуется выбрать заказчика транспорта');
                            // return;
                        }
                        if (order.doverennost_order_kem == null) {
                            // AlertVue.openAlert('Требуется выбрать кем выдана доверенность');
                            // return;
                        }
                    }

                    app.is_load = true;
                    axios
                        .post(this.url.setStatus, {
                            form: app.modal_status_form,
                            id: order_id,
                            status_id: status_id
                        })
                        .then(function (result) {
                            console.log(result);

                            if (result.data.status == 'ok') {
                                order = result.data.order;
                                for (i = 0; i < app.orders.length; i++) {
                                    if (app.orders[i].id == order.id) {
                                        app.orders[i].status = order.status;
                                        app.orders[i].logs = order.logs;
                                    }
                                }
                                app.closeModal();
                                AlertVue.openAlert('Операция прошла успешно');
                            } else {
                                app.is_load = false;
                                // app.modal_status_form_required.error_status = true;
                                AlertVue.openAlert(result.data.description);
                            }
                        });
                },
                makeDate(date) {
                    date = date.split('-');
                    return date[2] + '.' + date[1] + '.' + date[0];
                },
                seeOrder(order_id) {
                    var app = this;
                    axios
                        .post(this.url.getOrder, {
                            id: order_id
                        })
                        .then(function (result) {
                            Table.see_order = result.data;
                            app.showModal('see');
                        });
                },
                seeComment() {
                    var app = this;
                    this.modal_comment.comment_order = "";
                    this.modal_comment.order_id = this.see_order.id;
                    app.showModal('comment');
                },
                seeDocument() {
                    var app = this;
                    this.modal_document.document_order = [];
                    myDropzone1.removeAllFiles();
                    this.modal_document.order_id = this.see_order.id;
                    app.showModal('document');
                },
                addComment() {
                    var app = this;
                    if (this.modal_comment.comment_order == "") {
                        this.modal_comment.error = true;
                        return;
                    }
                    axios
                        .post(this.url.addComment, {
                            id: this.modal_comment.order_id,
                            comment_order: this.modal_comment.comment_order
                        })
                        .then(function (result) {
                            console.log(result);
                            app.closeModal();
                            AlertVue.openAlert('Операция прошла успешно');
                        });
                },
                addDocument() {
                    var app = this;
                    if (this.modal_document.comment_order == "") {
                        this.modal_document.error = true;
                        return;
                    }
                    axios
                        .post(this.url.addDocument, {
                            id: this.modal_document.order_id,
                            document_order: this.modal_document.document_order
                        })
                        .then(function (result) {
                            console.log(result);
                            app.closeModal();
                            AlertVue.openAlert('Операция прошла успешно');
                        });
                },
                copyOrder(order_id) {
                    var app = this;
                    axios
                        .post(this.url.copyOrder, {
                            id: order_id
                        })
                        .then(function (result) {
                            AlertVue.openAlert('Операция прошла успешно');
                            app.closeModal();
                            app.getData();
                        });
                },
                deleteOrder(order_id) {
                    var app = this;
                    axios
                        .post(this.url.deleteOrder, {
                            id: order_id
                        })
                        .then(function (result) {
                            for (i = 0; i < app.orders.length; i++) {
                                if (app.orders[i].id == result.data.id) {
                                    app.orders.splice(i, 1);
                                    AlertVue.openAlert('Операция прошла успешно');
                                    app.closeModal();
                                }
                            }
                        });
                },
                confirmed(order) {
                    app = this;
                    if (order.driver == null || order.truck == null || order.company == null) {
                        AlertVue.openAlert('Требуется отредактировать заявку: выбрать автомобиль, водителя и контрагента из справочника');
                        return;
                    }

                    axios
                        .post(this.url.confirmedOrder, {
                            id: order.id
                        })
                        .then(function (result) {
                            order = result.data;
                            for (i = 0; i < app.orders.length; i++) {
                                if (app.orders[i].id == order.id) {
                                    app.orders[i].status = order.status;
                                    app.orders[i].is_confirmed = order.is_confirmed;
                                    AlertVue.openAlert('Операция прошла успешно');
                                }
                            }
                        });
                },
                getDepartures() {
                    axios
                        .post(this.url.getDepartunes, {})
                        .then(function (result) {
                            Table.departures = result.data;
                        });
                },
                sortMounted(type) {
                    app = this;
                    if (app.sortParam == type + '_asc') {
                        app.sortParam = type + '_desc';
                    } else {
                        app.sortParam = type + '_asc';
                    }
                },
                sortCommentMounted() {
                    var app = this;
                    if (app.sortComment == '') {
                        app.sortComment = 'asc';
                    } else if (app.sortComment == 'asc') {
                        app.sortComment = 'desc';
                    } else if (app.sortComment == 'desc') {
                        app.sortComment = '';
                    }
                },
                fastSearch() {
                    app = this;
                    $.each($("#datable_main tbody tr"), function () {
                        if ($(this).text().toLowerCase().indexOf(app.fastSearchInput.toLowerCase()) === -1) {
                            $(this).hide();
                        } else {
                            $(this).show();
                        }
                    });

                }
            },
            created: function () {
                this.getData();
                this.getDepartures();
            },
            updated: function () {
                $("#remove_link").dropzone({
                    url: "{{ route('api.dropzone') }}",
                    addRemoveLinks: false,
                    dictRemoveFile: "Удалить",
                    dictDefaultMessage: "Перетащите сюда файлы для загрузки",
                    sending: function (file, xhr, formData) {
                        formData.append("_token", "{{ csrf_token() }}");
                    },
                    success: function (file, response) {
                        Table.modal_status_form.attachments.push(response);
                    },
                    error: function (file, response) {
                        console.log(response);
                    }
                });

                $("#search").keyup(function () {
                    _this = this;

                    $.each($("#datable_main tbody tr"), function () {
                        if ($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) === -1) {
                            $(this).hide();
                        } else {
                            $(this).show();
                        }
                    });
                });
            },
            watch: {
                sortedList: {
                    handler: function (items) {
                        // console.log(items);
                    },
                    deep: true
                }
            },
            computed: {
                is_check_back_status: function () {
                    var app = this;

                    if (app.see_order.logs != undefined) {
                        for (var key in app.see_order.logs) {
                            if (app.see_order.logs[key].status_id != null) {
                                return true;
                            }
                        }
                    }

                    return false;
                },
                is_show_back: function () {
                    var app = this;
                    for (var key in app.show_modals) {
                        if (app.show_modals[key]) {
                            return true;
                        }
                    }
                    return false;
                },
                excreta_orders_json() {
                    var app = this;
                    var result = [];
                    for (var key in app.excreta_orders) {
                        result.push({
                            car_order: app.excreta_orders[key].car_order,
                            driver_order: app.excreta_orders[key].driver_order,
                            country_and_city: '' + (app.excreta_orders[key].city != null ? app.excreta_orders[key].city.city : '') + ' / ' + (app.excreta_orders[key].country != null ? app.excreta_orders[key].country.name : '')
                        });
                    }
                    return JSON.stringify(result);
                },
                sortedList() {
                    var orders = this.orders;
                    for (var i = 0; i < orders.length; i++) {
                        if (orders[i].comment_order == null) {
                            orders[i].comment_order = "";
                        }

                        if (orders[i].full_car_order == null) {
                            orders[i].full_car_order = "";
                        }

                        if (orders[i].full_driver_name == null) {
                            orders[i].full_driver_name = "";
                        }
                    }

                    if (this.sortComment != '') {
                        if (this.sortComment == 'asc') {
                            orders.sort(function (a, b) {
                                return a.comment_order.toLowerCase() > b.comment_order.toLowerCase() ? 1 : -1;
                            });
                        } else {
                            orders.sort(function (a, b) {
                                return b.comment_order.toLowerCase() > a.comment_order.toLowerCase() ? 1 : -1;
                            });
                        }
                    }

                    switch (this.sortParam) {
                        case 'id_asc':
                            return orders.sort((a, b) => a.id - b.id);
                        case 'id_desc':
                            return orders.sort((a, b) => b.id - a.id);
                        case 'is_output_asc':
                            return orders.sort((a, b) => a.is_output - b.is_output);
                        case 'is_output_desc':
                            return orders.sort((a, b) => b.is_output - a.is_output);
                        case 'user.last_name_asc':
                            return orders.sort(function (a, b) {
                                return a.user.last_name + a.user.name > b.user.last_name + b.user.name ? 1 : -1;
                            });
                        case 'user.last_name_desc':
                            return orders.sort(function (a, b) {
                                return b.user.last_name + b.user.name > a.user.last_name + a.user.name ? 1 : -1;
                            });
                        case 'car_order_asc':
                            return orders.sort(function (a, b) {
                                return a.full_car_order.toLowerCase() > b.full_car_order.toLowerCase() ? 1 : -1;
                            });
                        case 'car_order_desc':
                            return orders.sort(function (a, b) {
                                return b.full_car_order.toLowerCase() > a.full_car_order.toLowerCase() ? 1 : -1;
                            });
                        case 'date_order_asc':
                            return orders.sort(function (a, b) {
                                return a.date_order > b.date_order ? 1 : -1;
                            });
                        case 'date_order_desc':
                            return orders.sort(function (a, b) {
                                return b.date_order > a.date_order ? 1 : -1;
                            });
                        case 'driver_order_asc':
                            return orders.sort(function (a, b) {
                                return a.full_driver_name.toLowerCase() > b.full_driver_name.toLowerCase() ? 1 : -1;
                            });
                        case 'driver_order_desc':
                            return orders.sort(function (a, b) {
                                return b.full_driver_name.toLowerCase() > a.full_driver_name.toLowerCase() ? 1 : -1;
                            });
                        case 'sostoyanie_asc':
                            return orders.sort(function (a, b) {
                                if (a.status.status.toLowerCase() === b.status.status.toLowerCase()) {
                                    // Проверяем существование created_at и date
                                    const aDate = a.status.created_at ? a.status.created_at.date : null;
                                    const bDate = b.status.created_at ? b.status.created_at.date : null;

                                    if (!aDate && !bDate) return 0;
                                    if (!aDate) return 1;  // null идёт после
                                    if (!bDate) return -1; // null идёт после
                                    return new Date(aDate) - new Date(bDate);
                                }
                                return a.status.status.toLowerCase() > b.status.status.toLowerCase() ? 1 : -1;
                            });
                        case 'sostoyanie_desc':
                            return orders.sort(function (a, b) {
                                if (a.status.status.toLowerCase() === b.status.status.toLowerCase()) {
                                    // Проверяем существование created_at и date
                                    const aDate = a.status.created_at ? a.status.created_at.date : null;
                                    const bDate = b.status.created_at ? b.status.created_at.date : null;

                                    if (!aDate && !bDate) return 0;
                                    if (!aDate) return 1;  // null идёт в конце
                                    if (!bDate) return -1; // null идёт в конце
                                    return new Date(bDate) - new Date(aDate);
                                }
                                return b.status.status.toLowerCase() > a.status.status.toLowerCase() ? 1 : -1;
                            });
                        default:
                            return orders;
                    }
                }
            }
        });

        var myDropzone1 = new Dropzone("#remove_link_1", {
            url: "{{ route('api.dropzone') }}",
            addRemoveLinks: false,
            dictRemoveFile: "Удалить",
            dictDefaultMessage: "Перетащите сюда файлы для загрузки",
            sending: function (file, xhr, formData) {
                formData.append("_token", "{{ csrf_token() }}");
            },
            success: function (file, response) {
                Table.modal_document.document_order.push(response);
            },
            error: function (file, response) {
                console.log(response);
            }
        });


        var updateData = setInterval(function () {
            console.log('updated');
            Table.getData(false);
        }, 40000);

    </script>
@endsection