@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">
                <a href="{{ route('order.generate-reclamation-pack', $reclamation) }}" class="btn btn-primary btn-sm">Пакет документов рекламации</a>

            </div>
        </div>
        <div class="row">
            <div class="col-xl-5 border-end">
                <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')])
                    @include('partials.select', ['name' => 'user_id', 'title' => 'Менеджер', 'options' => $users, 'value' => $reclamation->user_id ?? old('user_id') ?? auth()->user()->id])
                    @include('partials.input', ['name' => 'create_date', 'title' => 'Дата создания', 'type' => 'date', 'required' => true, 'value' => $reclamation->create_date ?? date('Y-m-d')])
                    @include('partials.input', ['name' => 'finish_date', 'title' => 'Дата завершения', 'type' => 'date', 'required' => true, 'value' => $reclamation->finish_date ?? date('Y-m-d', strtotime('+30 days'))])
                    @include('partials.select', ['name' => 'reason', 'title' => 'Причина', 'size' => 6, 'value' => $reclamation->reason ?? '', 'options' => ['Вандализм', 'Гарантия', 'Сервисное обслуживание'], 'key_as_val' => true])
                    @include('partials.textarea', ['name' => 'guarantee', 'title' => 'Гарантии', 'size' => 6, 'value' => $reclamation->guarantee ?? ''])
                    @include('partials.textarea', ['name' => 'whats_done', 'title' => 'Что сделано', 'size' => 6, 'value' => $reclamation->whats_done ?? ''])
                    @include('partials.submit', ['name' => 'Сохранить', 'offset' => 5])
                </form>
            </div>
            <div class="col-xl-7">
                <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>
                                <a href="{{ route('product_sku.show', $p) }}">
                                    {!! $p->product->article !!}
                                </a>
                                <br>
                                <a class="small" href="{{ route('catalog.show', $p->product) }}">каталог</a>
                            </td>
                            <td>{!! $p->product->nomenclature_number !!}</td>
                            <td>
                                @if($p->maf_order_id)
                                    <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 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"
                                               placeholder="наименование или номер детали">
                                    </div>
                                    <div class="col-2">
                                        <input type="text" name="quantity[]" value="{{ $detail->quantity }}"
                                               class="form-control form-control-sm col-auto text-end"
                                               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"
                                           placeholder="наименование или номер детали">
                                </div>
                                <div class="col-2">
                                    <input type="text" name="quantity[]" value=""
                                           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 cursor-pointer" onclick="$('.rows').children().last().clone().appendTo('.rows');">Добавить строку</span>
                                <button class="btn btn-primary btn-sm" type="submit">Сохранить детали</button>
                            </div>
                        </div>
                        @if($errors->any())
                            @dump($errors->all())
                        @endif
                    </form>
                </div>
                <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('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>
                    <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">
                    Акты
                    <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>
                    <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>
                                @endif
                                <form action="{{ route('reclamations.delete-act', [$reclamation, $act]) }}"
                                      method="POST"
                                      id="act-{{ $act->id }}" class="visually-hidden">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </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>
@endsection