@extends('layouts.app')

@section('content')

    <div class="px-3">
        <div class="row">
            <div class="col-xl-6">
                <h4>Рекламация</h4>
            </div>
            <div class="col-xl-6 text-end mb-2">
                @if(hasRole('admin') && !is_null($reclamation->brigadier_id) && !is_null($reclamation->start_work_date))
                    <button class="btn btn-sm btn-primary" id="createScheduleButton">Перенести в график</button>
                @endif
                @if(hasRole('admin,manager'))
                    <a href="{{ route('order.generate-reclamation-pack', $reclamation) }}"
                       class="btn btn-primary btn-sm">Пакет документов рекламации</a>
                @endif
                @if(hasRole('admin'))
                    <a href="#" onclick="if(confirm('Удалить рекламацию?')) $('form#destroy').submit();"
                       class="btn btn-sm mb-1 btn-danger">Удалить</a>
                    <form action="{{ route('reclamations.delete', $reclamation) }}" method="post" class="d-none" id="destroy">
                        @csrf
                        @method('DELETE')
                    </form>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-xl-5 border-end mb-3 mb-xl-0">
                <form action="{{ route('reclamations.update', $reclamation) }}" method="post">

                    @csrf
                    <input type="hidden" id="order_id" name="order_id" value="{{ $reclamation->order_id}}">
                    <input type="hidden" name="previous_url" value="{{ $previous_url ?? '' }}">

                    @include('partials.input', ['name' => 'order_name', 'title' => 'Площадка', 'disabled' => true, 'value' => $reclamation->order->common_name ?? ''])
                    @include('partials.select', ['name' => 'status_id', 'title' => 'Статус', 'options' => $statuses, 'value' => $reclamation->status_id ?? old('status_id'), 'disabled' => !hasRole('admin,manager')])
                    @include('partials.select', ['name' => 'user_id', 'title' => 'Менеджер', 'options' => $users, 'value' => $reclamation->user_id ?? old('user_id') ?? auth()->user()->id, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.input', ['name' => 'create_date', 'title' => 'Дата создания', 'type' => 'date', 'required' => true, 'value' => $reclamation->create_date ?? date('Y-m-d'), 'disabled' => !hasRole('admin,manager')])
                    @include('partials.input', ['name' => 'finish_date', 'title' => 'Дата завершения', 'type' => 'date', 'required' => true, 'value' => $reclamation->finish_date ?? date('Y-m-d', strtotime('+30 days')), 'disabled' => !hasRole('admin,manager')])
                    @include('partials.select', ['name' => 'brigadier_id', 'title' => 'Бригадир', 'options' => $brigadiers, 'value' => $reclamation->brigadier_id ?? old('brigadier_id'), 'disabled' => !hasRole('admin,manager'), 'first_empty' => true])
                    @include('partials.input', ['name' => 'start_work_date', 'title' => 'Дата начала работ', 'type' => 'date', 'value' => $reclamation->start_work_date, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.input', ['name' => 'work_days', 'title' => 'Срок работ, дней', 'type' => 'number', 'min' => 1, 'value' => $reclamation->work_days, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.select', ['name' => 'reason', 'title' => 'Причина', 'size' => 6, 'value' => $reclamation->reason ?? '', 'options' => ['Вандализм', 'Гарантия', 'Сервисное обслуживание'], 'key_as_val' => true, 'disabled' => !hasRole('admin,manager')])
                    @include('partials.textarea', ['name' => 'guarantee', 'title' => 'Гарантии', 'size' => 6, 'value' => $reclamation->guarantee ?? '', 'disabled' => !hasRole('admin,manager')])
                    @include('partials.textarea', ['name' => 'whats_done', 'title' => 'Что сделано', 'size' => 6, 'value' => $reclamation->whats_done ?? '', 'disabled' => !hasRole('admin,manager')])
                    @include('partials.textarea', ['name' => 'comment', 'title' => 'Комментарий', 'size' => 6, 'value' => $reclamation->comment ?? '', 'disabled' => !hasRole('admin,manager')])
                    @include('partials.submit', ['name' => 'Сохранить', 'offset' => 5, 'disabled' => !hasRole('admin,manager'), 'backurl' => route('reclamations.index', session('gp_reclamations'))])
                </form>
            </div>
            <div class="col-xl-7 ">
                <div class="col-12 overflow-x-scroll">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>Картинка</th>
                            <th>МАФ</th>
                            <th>Тип</th>
                            <th>Номер заказа МАФ</th>
                            <th>RFID</th>
                            <th>Заводской номер</th>
                            <th>Дата производства</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($reclamation->skus as $p)
                            <tr>
                                <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,manager'))
                                    <a href="{{ route('product_sku.show', $p) }}">
                                        {!! $p->product->article !!}
                                    </a>
                                    <br>
                                    <a class="small" href="{{ route('catalog.show', $p->product) }}">каталог</a>
                                    @endif
                                </td>
                                <td>{!! $p->product->nomenclature_number !!}</td>
                                <td>
                                    @if($p->maf_order_id && hasRole('admin,manager'))
                                        <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>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="details">
                    <a href="#details" data-bs-toggle="collapse">Детали замен ({{ $reclamation->details->count() }})</a>
                    <form method="post" action="{{ route('reclamations.update-details', $reclamation) }}"
                          class=" my-2 collapse" id="details">
                        @csrf
                        <div class="rows">
                            @foreach($reclamation->details as $detail)
                                <div class="row mb-1">
                                    <div class="col-10">
                                        <input type="text" name="name[]" value="{{ $detail->name }}"
                                               class="form-control form-control-sm col-auto"
                                               @disabled(!hasRole('admin,manager'))
                                               placeholder="наименование или номер детали">
                                    </div>
                                    <div class="col-2">
                                        <input type="text" name="quantity[]" value="{{ $detail->quantity }}"
                                               class="form-control form-control-sm col-auto text-end"
                                               @disabled(!hasRole('admin,manager'))
                                               placeholder="кол-во">
                                    </div>
                                </div>
                            @endforeach
                            <div class="row mb-1">
                                <div class="col-10">
                                    <input type="text" name="name[]" value=""
                                           class="form-control form-control-sm col-auto"
                                           @disabled(!hasRole('admin,manager'))
                                           placeholder="наименование или номер детали">
                                </div>
                                <div class="col-2">
                                    <input type="text" name="quantity[]" value=""
                                           @disabled(!hasRole('admin,manager'))
                                           class="form-control form-control-sm col-auto text-end" placeholder="кол-во">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 text-end">
                                <span class="text-secondary small">Для удаления детали поставьте в количество 0</span>
                                <span class="btn btn-light btn-sm cursor-pointer"
                                      @disabled(!hasRole('admin,manager'))
                                      onclick="$('.rows').children().last().clone().appendTo('.rows');">Добавить строку</span>
                                <button class="btn btn-primary btn-sm" type="submit" @disabled(!hasRole('admin,manager'))>Сохранить детали</button>
                            </div>
                        </div>
                        @if($errors->any())
                            @dump($errors->all())
                        @endif
                    </form>
                </div>
                <hr>
                <div class="documents">
                    Документы
                    @if(hasRole('admin,manager'))
                    <button class="btn btn-sm text-success" onclick="$('#upl-documents').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>
                        <form action="{{ route('reclamations.upload-document', $reclamation) }}"
                              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>
                    @endif
                    <div class="row my-2 g-1">
                        @foreach($reclamation->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('reclamations.delete-document', [$reclamation, $document]) }}"
                                      method="POST" id="document-{{ $document->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>
                <hr>
                <div class="acts">
                    Акты
                    @if(hasRole('admin,manager'))
                        <button class="btn btn-sm text-success" onclick="$('#upl-acts').trigger('click');"><i
                                    class="bi bi-plus-circle-fill"></i> Загрузить
                        </button>
                        <form action="{{ route('reclamations.upload-act', $reclamation) }}" enctype="multipart/form-data"
                              method="post" class="visually-hidden">
                            @csrf
                            <input required type="file" id="upl-acts" onchange="$(this).parent().submit()" multiple
                                   name="acts[]" class="form-control form-control-sm">
                        </form>
                    @endif
                    <div class="row my-2 g-1">
                        @foreach($reclamation->acts as $act)
                            <div class="col-12">
                                <a href="{{ $act->link }}" target="_blank">
                                    {{ $act->original_name }}
                                </a>
                                @if(hasRole('admin'))
                                    <i class="bi bi-x-circle-fill fs-6 text-danger cursor-pointer ms-2"
                                       onclick="if(confirm('Удалить?')) $('#act-{{ $act->id }}').submit()"
                                       title="Удалить"></i>
                                    <form action="{{ route('reclamations.delete-act', [$reclamation, $act]) }}"
                                          method="POST"
                                          id="act-{{ $act->id }}" class="visually-hidden">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
                <hr>
                <div class="photo_before">
                    <a href="#photos_before" data-bs-toggle="collapse">Фотографии проблемы
                        ({{ $reclamation->photos_before->count() }})</a>
                    <button class="btn btn-sm text-success" onclick="$('#upl-photo-before').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>
                    @if($reclamation->photos_before->count())
                        <a href="{{ route('reclamation.generate-photos-before-pack', $reclamation) }}"
                           class="btn btn-sm text-primary"><i
                                    class="bi bi-download"></i> Скачать все
                        </a>
                    @endif
                    <form action="{{ route('reclamations.upload-photo-before', $reclamation) }}"
                          enctype="multipart/form-data" method="post" class="visually-hidden">
                        @csrf
                        <input required type="file" id="upl-photo-before" 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_before">
                        @foreach($reclamation->photos_before as $photo)
                            <div class="col-4">
                                <a href="{{ $photo->link }}"
                                   data-toggle="lightbox" data-gallery="photos-before" 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('reclamations.delete-photo-before', [$reclamation, $photo]) }}"
                                      method="POST" id="photo-{{ $photo->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </div>
                <hr>
                <div class="photo_after">
                    <a href="#photos_after" data-bs-toggle="collapse">Фотографии после устранения
                        ({{ $reclamation->photos_after->count() }})</a>
                    <button class="btn btn-sm text-success" onclick="$('#upl-photo-after').trigger('click');"><i
                                class="bi bi-plus-circle-fill"></i> Загрузить
                    </button>
                    @if($reclamation->photos_after->count())
                        <a href="{{ route('reclamation.generate-photos-after-pack', $reclamation) }}"
                           class="btn btn-sm text-primary"><i
                                    class="bi bi-download"></i> Скачать все
                        </a>
                    @endif

                    <form action="{{ route('reclamations.upload-photo-after', $reclamation) }}"
                          enctype="multipart/form-data" method="post" class="visually-hidden">
                        @csrf
                        <input required type="file" id="upl-photo-after" 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_after">
                        @foreach($reclamation->photos_after as $photo)
                            <div class="col-4">
                                <a href="{{ $photo->link }}"
                                   data-toggle="lightbox" data-gallery="photos-after" 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('reclamations.delete-photo-after', [$reclamation, $photo]) }}"
                                      method="POST" id="photo-{{ $photo->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        @endforeach
                    </div>
                </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-reclamation') }}" method="post" id="scheduleCreateForm">
                        @csrf
                        <div>
                            <input type="hidden" name="reclamation_id" value="{{ $reclamation->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>
@endsection

@push('scripts')
    <script type="module">
        $('#createScheduleButton').on('click', function () {
            let myModalSchedule = new bootstrap.Modal(document.getElementById("copySchedule"), {});
            myModalSchedule.show();
        });
    </script>
@endpush