strprfcrm/resources/views/orders/show.blade.php

@php
    use App\Models\Order;
@endphp

@extends('layouts.app')

@section('content')

    <div class="px-3">
        <div class="row mb-2">
            <div class="col-md-6">
                <h3>
                    Площадка {{ $order->object_address }} ({{ $order->year }})
                    <div class="badge text-bg-{{ Order::STATUS_COLOR[$order->order_status_id] }}">{{ $order->orderStatus->name }}</div>
                </h3>
            </div>
            <div class="col-md-6 action-toolbar">
                @if(hasRole('admin,manager'))
                    <a href="{{ route('order.edit', ['order' => $order, 'nav' => $nav ?? null]) }}"
                       class="btn btn-sm mb-1 btn-primary">Редактировать</a>
                @endif
                @if(hasRole('admin'))
                    <a href="#" class="btn btn-sm btn-primary mb-1" onclick="$('#export-order').submit()">Экспорт МАФ</a>
                    <form class="d-none" method="post" action="{{ route('order.export-one', $order) }}" id="export-order">
                        @csrf
                    </form>
                @endif
                @if(hasRole('admin') && ($order->order_status_id == Order::STATUS_NEW))
                    <a href="#" onclick="customConfirm('Удалить площадку?', function () { $('form#destroy').submit(); }, 'Подтверждение удаления'); return false;"
                       class="btn btn-sm mb-1 btn-danger">Удалить</a>
                    <form action="{{ route('order.destroy', $order) }}" method="post" class="d-none" id="destroy">
                        @csrf
                        @method('DELETE')
                    </form>
                @endif
                @if(hasRole('admin,manager'))
                    <a href="{{ route('order.generate-installation-pack', $order) }}"
                       class="btn btn-sm mb-1 btn-primary">Документы для монтажа</a>
                @endif
                @if(hasRole('admin'))
                    <button class="btn btn-primary btn-sm mb-1"
                            id="createScheduleButton">Перенести в график
                    </button>
                @endif
                @if(hasRole('admin,manager'))
                    <a href="{{ route('order.generate-handover-pack', $order) }}" class="btn btn-sm mb-1 btn-primary">Документы
                        для сдачи</a>
                @endif

                <a href="{{ $back_url ?? route('order.index', session('gp_orders')) }}"
                   class="btn btn-sm mb-1 btn-outline-secondary">Назад</a>

            </div>
        </div>
        <div class="row">
            <div class="col-xl-3 border-end">
                <h4>Общая информация об объекте</h4>
                <div>ID площадки: {{ $order->id }}</div>

                @include('partials.input',  ['name' => 'name', 'title' => 'Название', 'value' => $order->name ?? old('name'), 'required' => true, 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.input',  ['name' => 'object_address', 'title' => 'Адрес объекта', 'value' => $order->object_address ?? old('object_address'), 'required' => true, 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.input',  ['name' => 'district_name', 'title' => 'Округ', 'value' => $order->district?->name, 'disabled' => true])
                @include('partials.input',  ['name' => 'area_name', 'title' => 'Район', 'value' => $order->area?->name, 'disabled' => true])
                @include('partials.select', ['name' => 'object_type_id', 'title' => 'Тип объекта', 'options' => $objectTypes, 'value' => $order->object_type_id ?? old('object_type_id'), 'required' => true, 'first_empty' => true, 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.select', ['name' => 'order_status_id', 'title' => 'Статус', 'options' => $orderStatuses, 'value' => $order->order_status_id ?? old('order_status_id'), 'required' => true, 'classes' => ['update-once'], 'disabled' => !hasRole('admin,manager')])
                @include('partials.textarea', ['name' => 'comment', 'title' => 'Комментарий', 'value' => $order->comment ?? old('comment'), 'classes' => ['update-once'], 'disabled' => !hasRole('admin,manager')])
                @include('partials.input', ['name' => 'installation_date', 'title' => 'Дата выхода на монтаж', 'type' => 'date', 'value' => $order->installation_date ?? old('installation_date'), 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.input', ['name' => 'install_days', 'title' => 'Дней на монтаж', 'type' => 'number', 'min' => 1, 'value' => $order->install_days ?? old('install_days'), 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.input', ['name' => 'ready_date', 'title' => 'Дата готовности площадки', 'type' => 'date', 'value' => $order->ready_date ?? old('ready_date'), 'disabled' => !hasRole('admin,manager'), 'classes' => ['update-once']])
                @include('partials.select', ['name' => 'brigadier_id', 'title' => 'Бригадир', 'options' => $brigadiers, 'value' => $order->brigadier_id ?? old('brigadier_id'), 'first_empty' => true, 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.select', ['name' => 'user_id', 'title' => 'Менеджер', 'options' => $users, 'value' => $order->user_id ?? old('user_id') ?? auth()->user()->id, 'disabled' => !hasRole('admin'), 'classes' => ['update-once']])
                @include('partials.input', ['name' => 'tg_group_name', 'title' => 'Название группы в ТГ', 'value' => $order->tg_group_name ?? old('tg_group_name'), 'classes' => ['update-once'], 'disabled' => !hasRole('admin,manager')])
                @include('partials.input', ['name' => 'tg_group_link', 'title' => 'https://t.me/', 'value' => $order->tg_group_link ?? old('tg_group_link'), 'classes' => ['update-once'], 'button' => (!empty($order->tg_group_link)) ? 'tg' : null, 'buttonText' => '<i class="bi bi-telegram"></i>', 'disabled' => !hasRole('admin,manager')])

                @if(!hasRole('brigadier'))
                    <hr>
                    <div class="reclamations">
                        Рекламации
                        @foreach($order->reclamations as $reclamation)
                            <div>
                                <a href="{{ route('reclamations.show', ['reclamation' => $reclamation, 'nav' => $nav ?? null]) }}">
                                    Рекламация № {{ $reclamation->id }} от {{ $reclamation->create_date }}
                                </a>
                            </div>
                        @endforeach
                    </div>
                @endif
                @if(hasRole('admin,manager'))
                    <hr>
                    <div class="documents">
                        Документы
                        <button class="btn btn-sm text-success" onclick="$('#upl-documents').trigger('click');"><i
                                    class="bi bi-plus-circle-fill"></i> Загрузить
                        </button>
                        <form action="{{ route('order.upload-document', $order) }}" enctype="multipart/form-data"
                              method="post" class="visually-hidden">
                            @csrf
                            <input required type="file" id="upl-documents" onchange="$(this).parent().submit()" multiple
                                   name="document[]" class="form-control form-control-sm">
                        </form>
                        @if(hasRole('admin'))
                            <button class="btn btn-sm text-danger" onclick="customConfirm('Удалить все документы?', function () { $('#delete-all-documents').submit(); }, 'Подтверждение удаления'); return false;"><i
                                        class="bi bi-file-minus-fill"></i> Удалить все
                            </button>
                            <form action="{{ route('order.delete-all-documents', $order) }}" enctype="multipart/form-data" id="delete-all-documents"
                                  method="post" class="visually-hidden">
                                @csrf
                                @method('DELETE')
                            </form>
                        @endif
                        <div class="row my-2 g-1">
                            @foreach($order->documents as $document)
                                <div class="col-12">
                                    <a href="{{ $document->link }}" target="_blank">
                                        {{ $document->original_name }}
                                    </a>
                                    @if(hasRole('admin,manager'))
                                        <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                           onclick="customConfirm('Удалить?', function () { $('#document-{{ $document->id }}').submit(); }, 'Подтверждение удаления')"
                                           title="Удалить"></i>
                                    @endif
                                    <form action="{{ route('order.delete-document', [$order, $document]) }}" method="POST"
                                          id="document-{{ $document->id }}" class="visually-hidden">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <hr>
                    <div class="statements">
                        Ведомости
                        <button class="btn btn-sm text-success" onclick="$('#upl-statements').trigger('click');"><i
                                    class="bi bi-plus-circle-fill"></i> Загрузить
                        </button>
                        <form action="{{ route('order.upload-statement', $order) }}" enctype="multipart/form-data"
                              method="post" class="visually-hidden">
                            @csrf
                            <input required type="file" id="upl-statements" onchange="$(this).parent().submit()" multiple
                                   name="statement[]" class="form-control form-control-sm">
                        </form>
                        @if(hasRole('admin'))
                            <button class="btn btn-sm text-danger" onclick="customConfirm('Удалить все ведомости?', function () { $('#delete-all-statements').submit(); }, 'Подтверждение удаления'); return false;"><i
                                        class="bi bi-file-minus-fill"></i> Удалить все
                            </button>
                            <form action="{{ route('order.delete-all-statements', $order) }}" enctype="multipart/form-data" id="delete-all-statements"
                                  method="post" class="visually-hidden">
                                @csrf
                                @method('DELETE')
                            </form>
                        @endif
                        <div class="row my-2 g-1">
                            @foreach($order->statements as $statement)
                                <div class="col-12">
                                    <a href="{{ $statement->link }}" target="_blank">
                                        {{ $statement->original_name }}
                                    </a>
                                    @if(hasRole('admin,manager'))
                                        <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                           onclick="customConfirm('Удалить?', function () { $('#statement-{{ $statement->id }}').submit(); }, 'Подтверждение удаления')"
                                           title="Удалить"></i>
                                    @endif
                                    <form action="{{ route('order.delete-statement', [$order, $statement]) }}" method="POST"
                                          id="statement-{{ $statement->id }}" class="visually-hidden">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif

                <hr>
                <div class="photo">
                    <a href="#photos" data-bs-toggle="collapse">Фотографии ({{ $order->photos->count() }})</a>
                    <button class="btn btn-sm text-success" onclick="$('#upl-photo').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>

                    @if($order->photos->count())
                        <a href="{{ route('order.generate-photos-pack', $order) }}" class="btn btn-sm text-primary"><i
                                    class="bi bi-download"></i> Скачать все
                        </a>
                    @endif

                    <form action="{{ route('order.upload-photo', $order) }}" enctype="multipart/form-data" method="post"
                          class="visually-hidden">
                        @csrf
                        <input required type="file" id="upl-photo" onchange="$(this).parent().submit()" multiple
                               name="photo[]" class="form-control form-control-sm" accept=".jpg,.jpeg,.png,.webp">
                    </form>
                    @if(hasRole('admin'))
                        <button class="btn btn-sm text-danger" onclick="customConfirm('Удалить все фотографии?', function () { $('#delete-all-photos').submit(); }, 'Подтверждение удаления'); return false;"><i
                                    class="bi bi-file-minus-fill"></i> Удалить все
                        </button>
                        <form action="{{ route('order.delete-all-photos', $order) }}" enctype="multipart/form-data" id="delete-all-photos"
                              method="post" class="visually-hidden">
                            @csrf
                            @method('DELETE')
                        </form>
                    @endif
                    <div class="row my-2 g-1 collapse" id="photos">
                        @foreach($order->photos as $photo)
                            <div class="col-4">
                                <a href="{{ $photo->link }}"
                                   data-toggle="lightbox" data-gallery="photos" data-size="fullscreen">
                                    <img class="img-thumbnail" src="{{ $photo->link }}" alt="">
                                </a>
                                @if(hasRole('admin,manager'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer rm-but"
                                       onclick="customConfirm('Удалить фото?', function () { $('#photo-{{ $photo->id }}').submit(); }, 'Подтверждение удаления')"
                                       title="Удалить"></i>
                                @endif
                                <form action="{{ route('order.delete-photo', [$order, $photo]) }}" method="POST"
                                      id="photo-{{ $photo->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>

            </div>
            <div class="col-xl-9">
                <h4>МАФы заказа</h4>

                <div id="selected_maf">
                    @if(isset($order) && $order->products_sku)
                        <div class="col-12 overflow-x-scroll mb-3">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="form-check" id="check-all-maf"></th>
                                    <th>Картинка</th>
                                    <th>МАФ</th>
                                    <th>Тип</th>
                                    <th>Статус</th>
                                    <th>Номер заказа МАФ</th>
                                    <th>RFID</th>
                                    <th>Заводской номер</th>
                                    <th>Дата производства</th>
                                    <th>Склад</th>
                                    <th>Паспорт</th>
                                </tr>
                                </thead>
                                <tbody>
                                @php
                                    $needs = $order->getNeeds();
                                @endphp
                                @foreach($order->products_sku as $p)
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="form-check check-maf"
                                                   data-maf-id="{{ $p->id }}">
                                        </td>
                                        <td>
                                            @if($p->product->image)
                                                <a href="{{ $p->product->image }}" data-toggle="lightbox"
                                                   data-gallery="maf" data-size="fullscreen">
                                                    <img src="{{ $p->product->image }}" alt=""
                                                         class="img-thumbnail maf-img">
                                                </a>
                                            @endif
                                        </td>
                                        <td>
                                            @if(hasRole('admin'))
                                                <a href="{{ route('product_sku.show', ['product_sku' =>$p, 'nav' => $nav ?? null]) }}">
                                                    {!! $p->product->article !!}
                                                </a>
                                                <br>
                                                <a class="small"
                                                   href="{{ route('catalog.show', ['product' => $p->product, 'nav' => $nav ?? null]) }}">каталог</a>
                                            @else
                                                {!! $p->product->article !!}
                                            @endif
                                        </td>
                                        <td>{!! $p->product->nomenclature_number !!}</td>
                                        <td>{{ $p->status }}</td>
                                        <td>
                                            @if($p->maf_order_id && hasRole('admin'))
                                                <a href="{{ route('maf_order.show', $p->maf_order) }}">{{ $p->maf_order->order_number }}</a>
                                            @else
                                                {{ $p->maf_order?->order_number }}
                                            @endif
                                        </td>
                                        <td>
                                            @if(canUpdateField('maf', 'rfid'))
                                                <input
                                                    type="text"
                                                    class="form-control form-control-sm inline-product-sku-field"
                                                    data-url="{{ route('product_sku.inline-update', $p->id) }}"
                                                    data-field="rfid"
                                                    value="{{ $p->rfid }}"
                                                >
                                            @else
                                                {{ $p->rfid }}
                                            @endif
                                        </td>
                                        <td>
                                            @if(canUpdateField('maf', 'factory_number'))
                                                <input
                                                    type="text"
                                                    class="form-control form-control-sm inline-product-sku-field"
                                                    data-url="{{ route('product_sku.inline-update', $p->id) }}"
                                                    data-field="factory_number"
                                                    value="{{ $p->factory_number }}"
                                                >
                                            @else
                                                {{ $p->factory_number }}
                                            @endif
                                        </td>
                                        <td>
                                            @if(canUpdateField('maf', 'manufacture_date'))
                                                <input
                                                    type="date"
                                                    class="form-control form-control-sm inline-product-sku-field"
                                                    data-url="{{ route('product_sku.inline-update', $p->id) }}"
                                                    data-field="manufacture_date"
                                                    value="{{ $p->manufacture_date }}"
                                                >
                                            @else
                                                {{ $p->manufacture_date }}
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if($p->maf_order?->order_number)
                                                <i class="bi bi-check-all text-success fw-bold"></i>
                                            @else
                                                @if(isset($needs[$p->product_id]) && ($needs[$p->product_id]['sku']-- > 0))
                                                    <i class="bi bi-check text-success fw-bold"></i>
                                                @else
                                                    <i class="bi bi-x text-danger fw-bold"></i>
                                                @endif
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if($p->passport)
                                                <i class="bi bi-check text-success fw-bold"></i>
                                            @elseif(hasPermission('maf.passports.upload'))
                                                <button
                                                    type="button"
                                                    class="btn btn-sm btn-outline-primary upload-maf-passport"
                                                    data-bs-toggle="modal"
                                                    data-bs-target="#uploadMafPassportModal"
                                                    data-action="{{ route('product-sku.upload-passport', ['product_sku' => $p, 'nav' => $nav ?? null]) }}"
                                                    data-maf="{{ e($p->product->article) }}"
                                                >
                                                    Загрузить
                                                </button>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if(hasPermission('maf.passports.upload'))
                            <div class="modal fade" id="uploadMafPassportModal" tabindex="-1" aria-labelledby="uploadMafPassportModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h1 class="modal-title fs-5" id="uploadMafPassportModalLabel">Загрузить паспорт</h1>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                                        </div>
                                        <form method="post" enctype="multipart/form-data" id="uploadMafPassportForm">
                                            @csrf
                                            <div class="modal-body">
                                                <div class="small text-muted mb-2" id="uploadMafPassportName"></div>
                                                @include('partials.input', ['title' => 'Файл паспорта', 'name' => 'passport', 'type' => 'file', 'required' => true])
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
                                                <button type="submit" class="btn btn-primary">Загрузить</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div>
                            @if(hasRole('admin'))
                                <a href="{{ route('order.get-maf', $order) }}"
                                   class="btn btn-primary btn-sm mb-1">Привязать
                                    все МАФы</a>
                                <br class="d-md-none">
                                <a href="{{ route('order.revert-maf', $order) }}" class="btn btn-primary btn-sm mb-1">Отвязать
                                    все МАФы</a>
                                <br class="d-md-none">
                                <button class="btn btn-primary btn-sm mb-1" data-bs-toggle="modal"
                                        data-bs-target="#moveModal">Перенести МАФы
                                </button>
                                <br class="d-md-none">
                            @endif
                            @if(hasRole('admin,manager'))
                                <button class="btn btn-sm mb-1 btn-warning" id="create-reclamation-button">Создать
                                    рекламацию
                                </button>
                                <form action="{{ route('reclamations.create', $order) }}" method="post"
                                      class="visually-hidden" id="create-reclamation-form">
                                    @csrf
                                    <input type="hidden" name="nav" value="{{ $nav ?? '' }}">
                                </form>
                                <br class="d-md-none">
                            @endif
                            @if(hasRole('admin'))
                                <a href="#" class="btn btn-primary btn-sm mb-1" id="ttnBtn">ТН</a>
                            @endif
                            @if(hasRole('admin,assistant_head'))
                                <a href="#" class="btn btn-primary btn-sm mb-1" id="contractorSpecificationBtn">Спецификация</a>
                            @endif
                                <br class="d-md-none">

                                <a href="{{ route('order.download-tech-docs', $order) }}" class="btn btn-sm mb-1 btn-outline-primary">
                                <i class="bi bi-download"></i> Скачать тех. документацию
                            </a>
                        </div>
                    @endif

                    @include('partials.chat', [
                        'title' => 'Чат площадки',
                        'messages' => $order->chatMessages,
                        'users' => $chatUsers,
                        'responsibleUserIds' => $chatResponsibleUserIds,
                        'managerUserId' => $chatManagerUserId ?? null,
                        'brigadierUserId' => $chatBrigadierUserId ?? null,
                        'action' => route('order.chat-messages.store', $order),
                        'contextKey' => 'order-' . $order->id,
                        'submitLabel' => 'Отправить в чат',
                    ])
                </div>

            </div>
        </div>
    </div>

    @if(hasRole('admin,assistant_head'))
        <!-- Модальное окно графика -->
        <div class="modal fade" id="copySchedule" tabindex="-1" aria-labelledby="copyScheduleLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen-sm-down modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="copyScheduleLabel">Перенести в график монтажей</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('schedule.create-from-order') }}" method="post" id="scheduleCreateForm">
                            @csrf
                            <div>
                                <input type="hidden" name="order_id" value="{{ $order->id }}">
                                <textarea name="comment" placeholder="Комментарий для графика" class="form-control mb-3"></textarea>

                                <input type="checkbox" checked="checked" id="sendNotifications" name="send_notifications" class="form-check-inline">
                                <label for="sendNotifications" class="form-check-label mb-2">Уведомить менеджера и бригадира</label><br>

                                <input type="checkbox" id="deleteOldRecords" name="delete_old_records" class="form-check-inline">
                                <label for="deleteOldRecords" class="form-check-label mb-2">Удалить старые записи в графике для этой площадки?</label><br>

                                <button type="submit" class="btn btn-primary btn-sm">Обновить график</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Модальное окно ТН -->
        <div class="modal fade" id="createTtnModal" tabindex="-1" aria-labelledby="createTtnModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen-sm-down modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="createTtnModalLabel">Введите данные для ТН</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('order.create-ttn') }}" method="post" id="ttnForm">
                            @csrf
                            <div>
                                <label for="ttn_order_number" class="form-label">Номер заявки</label>
                                <input type="text" class="form-control mb-3" id="ttn_order_number" name="order_number" placeholder="Номер заявки" required>

                                <label for="ttn_order_date" class="form-label">Дата заявки</label>
                                <input type="date" class="form-control mb-3" id="ttn_order_date" name="order_date" value="{{ date('Y-m-d') }}" required>

                                <label for="ttn_departure_date" class="form-label">Дата выезда</label>
                                <input type="date" class="form-control mb-3" id="ttn_departure_date" name="departure_date" value="{{ $order->installation_date ?? '' }}" required>

                                <label for="ttn_order_sum" class="form-label">Сумма</label>
                                <input type="number" class="form-control mb-3" id="ttn_order_sum" name="order_sum" placeholder="Сумма" value="0" required>
                                <button type="button" class="btn btn-primary" id="createTtn">Создать ТН</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Модальное окно спецификации подрядчика -->
        <div class="modal fade" id="contractorSpecificationModal" tabindex="-1" aria-labelledby="contractorSpecificationModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen-sm-down modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="contractorSpecificationModalLabel">Сформировать спецификацию</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('order.contractor-specification', $order) }}" method="post" id="contractorSpecificationForm">
                            @csrf
                            <div>
                                <label for="contractor_id" class="form-label">Подрядчик</label>
                                <select class="form-select mb-3" id="contractor_id" name="contractor_id" required>
                                    <option value="">Выберите...</option>
                                    @foreach($contractors ?? [] as $contractorId => $contractorName)
                                        <option value="{{ $contractorId }}">{{ $contractorName }}</option>
                                    @endforeach
                                </select>

                                <label for="specification_number" class="form-label">№ спецификации</label>
                                <input type="text" class="form-control mb-3" id="specification_number" name="specification_number" required>

                                <label for="specification_date" class="form-label">Дата спецификации</label>
                                <input type="date" class="form-control mb-3" id="specification_date" name="specification_date" value="{{ date('Y-m-d') }}" required>

                                <label for="work_start_date" class="form-label">Начало работ</label>
                                <input type="date" class="form-control mb-3" id="work_start_date" name="work_start_date">

                                <label for="work_end_date" class="form-label">Окончание работ</label>
                                <input type="date" class="form-control mb-3" id="work_end_date" name="work_end_date">

                                <button type="button" class="btn btn-primary" id="createContractorSpecification">Сформировать</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <style>
            #select_order {
                max-width: 100%;
                overflow-x: auto;
            }

            #select_order option {
                white-space: normal;
                word-break: break-word;
            }
        </style>

        <!-- Модальное окно переноса -->
        <div class="modal fade" id="moveModal" tabindex="-1" aria-labelledby="moveModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen-sm-down modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="moveModalLabel">Выбрать площадку, куда переносим</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('order.move-maf') }}" method="post">
                            @csrf
                            <div id="select_maf_form">
                                <input type="text" class="form-control mb-2" placeholder="Поиск площадки" id="search_order">
                                <select id="select_order" name="new_order_id" class="form-select mb-3" size="20" multiple
                                        required></select>
                                <button type="button" class="btn btn-primary" id="moveMaf">Перенести</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection
@push('scripts')
    <script type="module">
        $('#tg').on('click', function () {
            window.open('https://t.me/{{ $order->tg_group_link }}', '_blank');
        });

        @if(hasRole('admin'))
            // select order
            $('#search_order').on('keyup', function () {
                // search products on backend
                $.get('{{ route('order.search') }}?s=' + $(this).val() + '&current_order_id={{ $order->id }}',
                    function (data) {
                        $('#select_order').children().remove()
                        $.each(data, function (id, name) {
                            $('#select_order').append($('<option>', {
                                value: id,
                                text: name,
                                title: name,
                            }));
                        });
                    }
                );
            }).trigger('keyup');
        @endif
        $('#check-all-maf').on('change', function () {
            $('input:checkbox.check-maf').not(this).prop('checked', this.checked);
        });

        @if(hasRole('admin'))
            // move maf
            $('#moveMaf').on('click', function () {
                let ids = Array();
                $('.check-maf').each(function () {
                    if ($(this).prop('checked')) {
                        ids.push($(this).attr('data-maf-id'));
                    }
                });

                $.post('{{ route('order.move-maf') }}',
                    {
                        '_token': $('meta[name=csrf-token]').attr('content'),
                        ids: JSON.stringify(ids),
                        'new_order_id': $('#select_order').find(":selected").val()
                    },
                    function () {
                        location.reload();
                    }
                );
            });
        @endif

        $('#create-reclamation-button').on('click', function () {
            let ids = Array();
            $('.check-maf').each(function () {
                if ($(this).prop('checked')) {
                    ids.push($(this).attr('data-maf-id'));
                    $('#create-reclamation-form').append('<input type="hidden" name="skus[]" value="' + $(this).attr('data-maf-id') + '">');
                }
            });

            if (ids.length) {
                $('#create-reclamation-form').submit();
            } else {
                customAlert('Нужно выбрать МАФ для рекламации!');
            }
        });

        @if(hasRole('admin,assistant_head'))
            $('#createScheduleButton').on('click', function () {
                let ids = Array();
                $('.check-maf').each(function () {
                    if ($(this).prop('checked')) {
                        ids.push($(this).attr('data-maf-id'));
                        $('#scheduleCreateForm').append('<input type="hidden" name="skus[]" value="' + $(this).attr('data-maf-id') + '">');
                    }
                });

                let myModalSchedule = new bootstrap.Modal(document.getElementById("copySchedule"), {});
                myModalSchedule.show();
            });

            $('#ttnBtn').on('click', function () {
                if ($('input.check-maf:checkbox:checked').length > 0) {

                    let myModalTtn = new bootstrap.Modal(document.getElementById("createTtnModal"), {});
                    myModalTtn.show();
                } else {
                    customAlert('Нужно выбрать МАФ для ТН!');
                }
            });

            $('#createTtn').on('click', function () {
                const ttnForm = document.getElementById('ttnForm');
                if (!ttnForm.reportValidity()) {
                    return;
                }

                $('#ttnForm input[name="skus[]"]').remove();
                let ids = Array();
                $('.check-maf').each(function () {
                    if ($(this).prop('checked')) {
                        ids.push($(this).attr('data-maf-id'));
                        $('#ttnForm').append('<input type="hidden" name="skus[]" value="' + $(this).attr('data-maf-id') + '">');
                    }
                });

                if (ids.length) {
                    ttnForm.submit();
                } else {
                    customAlert('Нужно выбрать МАФ для ТН!');
                }
            });

            $('#contractorSpecificationBtn').on('click', function () {
                if ($('input.check-maf:checkbox:checked').length > 0) {
                    let modal = new bootstrap.Modal(document.getElementById("contractorSpecificationModal"), {});
                    modal.show();
                } else {
                    customAlert('Выберите хотя бы один МАФ');
                }
            });

            $('#work_start_date').on('change', function () {
                if (!$(this).val()) {
                    return;
                }

                let date = new Date($(this).val() + 'T00:00:00');
                date.setDate(date.getDate() + 4);
                $('#work_end_date').val(date.toISOString().slice(0, 10));
            });

            $('#createContractorSpecification').on('click', function () {
                const form = document.getElementById('contractorSpecificationForm');
                if (!form.reportValidity()) {
                    return;
                }

                $('#contractorSpecificationForm input[name="skus[]"]').remove();
                let ids = Array();
                $('.check-maf').each(function () {
                    if ($(this).prop('checked')) {
                        ids.push($(this).attr('data-maf-id'));
                        $('#contractorSpecificationForm').append('<input type="hidden" name="skus[]" value="' + $(this).attr('data-maf-id') + '">');
                    }
                });

                if (ids.length) {
                    form.submit();
                } else {
                    customAlert('Выберите хотя бы один МАФ');
                }
            });
        @endif

        $('.update-once').on('focus', function () {
            $(this).data('previous-value', $(this).val());
        });

        $('.update-once').on('change', function () {
            let $field = $(this);
            let v = $field.val();
            let n = $field.attr('name');
            let previousValue = $field.data('previous-value');
            $.post(
                '{{ route('order.update', $order->id) }}',
                {
                    '_token': '{{ csrf_token() }}',
                    id: '{{ $order->id }}',
                    [n]: v
                },
                function () {
                    $field.data('previous-value', v);
                    $('.alerts').append(
                        '<div class="main-alert alert alert-success" role="alert">Площадка обновлена!</div>'
                    );
                    setTimeout(function () {
                        $('.main-alert').fadeTo(2000, 500).slideUp(500, function () {
                            $(".main-alert").slideUp(500);
                        })
                    }, 3000);
                }
            ).fail(function (xhr) {
                if (previousValue !== undefined) {
                    $field.val(previousValue);
                }

                let errorText = xhr.responseJSON?.message || 'Не удалось обновить площадку!';
                $('.alerts').append(
                    '<div class="main-alert alert alert-danger" role="alert">' + errorText + '</div>'
                );
                setTimeout(function () {
                    $('.main-alert').fadeTo(2000, 500).slideUp(500, function () {
                        $(".main-alert").slideUp(500);
                    })
                }, 3000);
            });
        });

        $('.inline-product-sku-field').on('focus', function () {
            $(this).data('previous-value', $(this).val());
        });

        $('.inline-product-sku-field').on('blur', function () {
            let $input = $(this);
            let value = $input.val();
            let previousValue = $input.data('previous-value');

            if (value === previousValue) {
                return;
            }

            $input.prop('disabled', true);

            $.post(
                $input.attr('data-url'),
                {
                    '_token': '{{ csrf_token() }}',
                    field: $input.attr('data-field'),
                    value: value
                },
                function (response) {
                    $input.data('previous-value', response.value ?? '');
                    $input.val(response.value ?? '');
                    $('.alerts').append(
                        '<div class="main-alert alert alert-success" role="alert">Поле МАФ обновлено!</div>'
                    );
                    setTimeout(function () {
                        $('.main-alert').fadeTo(2000, 500).slideUp(500, function () {
                            $(".main-alert").slideUp(500);
                        })
                    }, 3000);
                }
            ).fail(function (xhr) {
                if (previousValue !== undefined) {
                    $input.val(previousValue);
                }

                let errorText = xhr.responseJSON?.message || 'Не удалось обновить поле МАФ!';
                $('.alerts').append(
                    '<div class="main-alert alert alert-danger" role="alert">' + errorText + '</div>'
                );
                setTimeout(function () {
                    $('.main-alert').fadeTo(2000, 500).slideUp(500, function () {
                        $(".main-alert").slideUp(500);
                    })
                }, 3000);
            }).always(function () {
                $input.prop('disabled', false);
            });
        });

        $('.upload-maf-passport').on('click', function () {
            $('#uploadMafPassportForm').attr('action', $(this).attr('data-action'));
            $('#uploadMafPassportName').text($(this).attr('data-maf') || '');
        });
    </script>
@endpush