@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 }}
                    <div class="badge text-bg-{{ Order::STATUS_COLOR[$order->order_status_id] }}">{{ $order->orderStatus->name }}</div>
                </h3>
            </div>
            <div class="col-md-6 text-end">
                @if(hasRole('admin,manager'))
                    <a href="{{ route('order.edit', ['order' => $order, 'previous_url' => $previous_url]) }}"
                       class="btn btn-sm mb-1 btn-primary">Редактировать</a>
                @endif
                @if(hasRole('admin') && ($order->order_status_id == Order::STATUS_NEW))
                    <a href="#" onclick="if(confirm('Удалить площадку?')) $('form#destroy').submit();"
                       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(in_array($order->order_status_id, [Order::STATUS_READY_TO_MOUNT, Order::STATUS_IN_MOUNT]) && $order->isAllMafConnected() && hasRole('admin,manager'))
                    <a href="{{ route('order.generate-installation-pack', $order) }}"
                       class="btn btn-sm mb-1 btn-primary">Документы для монтажа</a>
                        @if(hasRole('admin'))
                            <button @disabled(is_null($order->brigadier_id)) class="btn btn-primary btn-sm mb-1"
                                    id="createScheduleButton">Перенести в график
                            </button>
                        @endif
                @endif
                @if($order->canCreateHandover() && hasRole('admin,manager'))
                    <a href="{{ route('order.generate-handover-pack', $order) }}" class="btn btn-sm mb-1 btn-primary">Документы
                        для сдачи</a>
                @endif

                <a href="{{ $previous_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.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']])
                @include('partials.textarea', ['name' => 'comment', 'title' => 'Комментарий', 'value' => $order->comment ?? old('comment'), 'classes' => ['update-once']])
                @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'), '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']])
                @include('partials.input', ['name' => 'tg_group_link', 'title' => 'Ссылка на группу в ТГ', 'value' => $order->tg_group_link ?? old('tg_group_link'), 'classes' => ['update-once']])

                <hr>
                <div class="reclamations">
                    Рекламации
                    @foreach($order->reclamations as $reclamation)
                        <div>
                            <a href="{{ route('reclamations.show', ['reclamation' => $reclamation, 'previous_url' => url()->current()]) }}">
                                Рекламация № {{ $reclamation->id }} от {{ $reclamation->create_date }}
                            </a>
                        </div>
                    @endforeach
                </div>
                @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>
                        <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'))
                                        <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                           onclick="if(confirm('Удалить?')) $('#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>
                        <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'))
                                        <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                           onclick="if(confirm('Удалить?')) $('#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">
                    </form>
                    <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'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer rm-but"
                                       onclick="if(confirm('Удалить фото?')) $('#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, 'previous_url' => url()->current()]) }}">
                                                    {!! $p->product->article !!}
                                                </a>
                                                <br>
                                                <a class="small"
                                                   href="{{ route('catalog.show', ['product' => $p->product, 'previous_url' => request()->fullUrl()]) }}">каталог</a>
                                            @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>
                                            @endif
                                        </td>
                                        <td>{{ $p->rfid }}</td>
                                        <td>{{ $p->factory_number }}</td>
                                        <td>{{ $p->manufacture_date }}</td>
                                        <td class="text-center">
                                            @if($p->maf_order?->order_number)
                                                <i class="bi bi-check-all text-success fw-bold"></i>
                                            @else
                                                @if($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>
                                            @else
                                                <i class="bi bi-x text-danger fw-bold"></i>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div>
                            @if(hasRole('admin'))
                                <a href="{{ route('order.get-maf', $order) }}"
                                   class="btn btn-primary btn-sm mb-1 @disabled($order->ready_to_mount == 'Нет' )">Привязать
                                    все МАФы</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">
                                <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
                                </form>
                                <a href="#" class="btn btn-primary btn-sm mb-1" id="ttnBtn">ТН</a>
                            @endif
                        </div>
                    @endif
                </div>

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

    <!-- Модальное окно графика -->
    <div class="modal fade" id="copySchedule" tabindex="-1" aria-labelledby="exampleModalLabel" 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="addModalLabel">Перенести в график монтажей</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" 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="exampleModalLabel" 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="addModalLabel">Введите данные для ТН</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>
                            <input type="text" class="form-control mb-2" name="order_number" placeholder="Номер заказа">
                            <input type="date" class="form-control mb-2" name="order_date" placeholder="Дата заказа" value="{{ date('Y-m-d') }}">
                            <input type="number" class="form-control mb-2" name="order_sum" placeholder="Сумма заказа" value="0">
                            <button href="#" class="btn btn-primary" id="createTtn">Создать ТН</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Модальное окно переноса -->
    <div class="modal fade" id="moveModal" tabindex="-1" aria-labelledby="exampleModalLabel" 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="addModalLabel">Выбрать площадку, куда переносим</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>
                            <a href="#" class="btn btn-primary" id="moveMaf">Перенести</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @if($errors->any())
        @dump($errors)
    @endif

@endsection


@push('scripts')
    <script type="module">
        // select order
        $('#search_order').on('keyup', function () {
            // search products on backend
            $.get('{{ route('order.search') }}?s=' + $(this).val(),
                function (data) {
                    $('#select_order').children().remove()
                    $.each(data, function (id, name) {
                        $('#select_order').append('<option value=\'' + id + '\'>' + name + '</option>');
                    });
                }
            );
        }).trigger('keyup');


        $('#check-all-maf').on('change', function () {
            $('input:checkbox.check-maf').not(this).prop('checked', this.checked);
        });

        // 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();
                }
            );
        });

        $('#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 {
                alert('Нужно выбрать МАФ для рекламации!');
            }
        });

        $('#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 {
                alert('Нужно выбрать МАФ для ТН!');
            }
        });

        $('#createTtn').on('click', function () {
            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 {
                alert('Нужно выбрать МАФ для ТН!');
            }
        });

        $('.update-once').on('change', function () {
            let v = $(this).val();
            let n = $(this).attr('name');
            $.post(
                '{{ route('order.update', $order->id) }}',
                {
                    '_token': '{{ csrf_token() }}',
                    id: '{{ $order->id }}',
                    [n]: v
                },
                function () {
                    $('.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);
                }
            );
        });


        {{--$('#installation_date').on('change', function () {--}}
        {{--    let installationDate = $(this).val();--}}
        {{--    $.post(--}}
        {{--        '{{ route('order.update', $order->id) }}',--}}
        {{--        {--}}
        {{--            '_token': '{{ csrf_token() }}',--}}
        {{--            id: '{{ $order->id }}',--}}
        {{--            installation_date: installationDate--}}
        {{--        },--}}
        {{--        function () {--}}
        {{--            $('.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);--}}
        {{--        }--}}
        {{--    );--}}
        {{--});--}}

        {{--$('#install_days').on('change', function () {--}}
        {{--    let installDays = $(this).val();--}}
        {{--    $.post(--}}
        {{--        '{{ route('order.update', $order->id) }}',--}}
        {{--        {--}}
        {{--            '_token' : '{{ csrf_token() }}',--}}
        {{--            id: '{{ $order->id }}',--}}
        {{--            install_days: installDays--}}
        {{--        },--}}
        {{--        function () {--}}
        {{--            $('.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);--}}
        {{--        }--}}
        {{--    );--}}
        {{--});--}}

        {{--$('#name').on('change', function () {--}}
        {{--    let name = $(this).val();--}}
        {{--    $.post(--}}
        {{--        '{{ route('order.update', $order->id) }}',--}}
        {{--        {--}}
        {{--            '_token' : '{{ csrf_token() }}',--}}
        {{--            id: '{{ $order->id }}',--}}
        {{--            name: name--}}
        {{--        },--}}
        {{--        function () {--}}
        {{--            $('.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);--}}
        {{--        }--}}
        {{--    );--}}
        {{--});--}}

    </script>
@endpush