@extends('layouts.app')

@section('content')

    <div class="px-3">
        <div class="row mb-2">
            <div class="col-6">
                <h3>Площадка {{ $order->object_address }}</h3>
            </div>
            <div class="col-6 text-end">
                <a href="{{ route('order.get-maf', $order) }}"
                   class="btn btn-primary @disabled($order->ready_to_mount == 'Нет' )">Привязать МАФы</a>

                <a href="{{ route('order.revert-maf', $order) }}"
                   class="btn btn-primary">Отвязать МАФы</a>
                <a href="{{ route('order.edit', $order) }}" class="btn btn-primary">Редактировать</a>
                @if(hasRole('admin') && ($order->order_status_id == App\Models\Order::STATUS_NEW))
                    <a href="#" onclick="if(confirm('Удалить площадку?')) $('form#destroy').submit();"
                       class="btn btn-danger">Удалить</a>
                    <form action="{{ route('order.destroy', $order) }}" method="post" class="d-none" id="destroy">
                        @csrf
                        @method('DELETE')
                    </form>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="col-xl-3">
                <h4>Общая информация об объекте</h4>
                <div>ID площадки: {{ $order->id }}</div>
                <div>
                    Округ: {{ $order->district->name }},
                    район: {{ $order->area->name }},
                    адрес: {{ $order->object_address }}.
                </div>

                <div>Тип объекта: {{ $order->objectType->name }}</div>
                <div>Статус объекта: {{ $order->orderStatus->name }}</div>
                <div>Дата договора: {{ $order->contract_date }}</div>
                <div>Номер договора: {{ $order->contract_тumber }}</div>
                <div>Комментарий: {{ $order->comment }}</div>
                <div>Дата выхода на монтаж: {{ $order->installation_date }}</div>
                <div>Дата готовности площадки: {{ $order->ready_date }}</div>
                <div>Бригадир: {{ $order?->brigadier?->name }}, тел. {{ $order?->brigadier?->phone }}</div>
                <div>Менеджер: {{ $order->user->name }}, тел. {{ $order->user->phone }}</div>
                <div>Название группы в ТГ: {{ $order->tg_group_name }}</div>
                <div>Ссылка на группу в ТГ: {{ $order->tg_group_link }}</div>

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

                <div id="selected_maf">
                    @if(isset($order) && $order->products_sku)
                        <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>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>{!! $p->product->article !!}</td>
                                    <td>{!! $p->product->nomenclature_number !!}</td>
                                    <td>{{ $p->status }}</td>
                                    <td>{{ $p->maf_order?->order_number }}</td>
                                    <td>{{ $p->rfid }}</td>
                                    <td>{{ $p->factory_number }}</td>
                                    <td>{{ $p->manufacture_date }}</td>
                                    <td>{{ $p->service_life }}</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>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div>
                            <button class="btn btn-primary btn-sm ">Перенести МАФы</button>
                        </div>
                    @endif
                </div>

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

@endsection

@push('scripts')
    <script type="module">

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

        $('.revert-maf').on('click', function () {
            let ids = Array();
            $('.check-maf').each(function () {
                if ($(this).prop('checked')) {
                    ids.push($(this).attr('data-maf-id'));
                }
            });

            $.post('{{ route('order.revert-maf', $order) }}',
                {
                    '_token': $('meta[name=csrf-token]').attr('content'),
                    ids: JSON.stringify(ids),
                },
                function () {
                    // console.log(data);
                    location.reload();
                }
            );
        });


    </script>
@endpush