@extends('layouts.app')

@section('content')
    <div class="row mb-3 align-items-center">
        <div class="col-md-4"><h3 class="mb-0">Заказы склада</h3></div>
        <div class="col-md-8 text-md-end">
            @if(hasPermission('stock.orders.manage'))
                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#stockOrderSetInStockModal">
                    <i class="bi bi-box-seam"></i> Весь заказ на складе
                </button>
            @endif
            @if(hasPermission('stock.orders.import'))
                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#stockImportModal">
                    <i class="bi bi-upload"></i> Импорт
                </button>
            @endif
            @if(hasPermission('stock.orders.manage'))
                <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#stockOrderCreateModal">
                    <i class="bi bi-plus-lg"></i> Добавить
                </button>
            @endif
        </div>
    </div>

    <ul class="nav nav-tabs mb-3">
        <li class="nav-item"><a class="nav-link" href="{{ route('stock.index') }}">Наличие</a></li>
        <li class="nav-item"><a class="nav-link active" href="{{ route('stock.orders') }}">Заказы</a></li>
    </ul>

    <form method="GET" action="{{ route('stock.orders') }}" class="d-flex flex-wrap gap-2 mb-3">
        <input type="search" name="search" value="{{ $search }}" class="form-control form-control-sm"
               style="max-width: 420px" placeholder="Номер заказа, артикул, наименование">
        <select name="status" class="form-select form-select-sm" style="max-width: 180px">
            <option value="">Все статусы</option>
            @foreach($statuses as $value => $label)<option value="{{ $value }}" @selected($status === $value)>{{ $label }}</option>@endforeach
        </select>
        <button class="btn btn-sm btn-outline-primary" type="submit"><i class="bi bi-search"></i> Найти</button>
        @if($search !== '' || $status !== '')<a class="btn btn-sm btn-outline-secondary" href="{{ route('stock.orders') }}">Сбросить</a>@endif
    </form>

    <div class="table-responsive">
        <table class="table table-sm table-bordered table-hover align-middle">
            <thead class="table-light">
            <tr>
                @include('stock.partials.column-header', ['name' => 'order_number', 'title' => '№ заказа'])
                @include('stock.partials.column-header', ['name' => 'item_article', 'title' => 'Артикул / наименование'])
                @include('stock.partials.column-header', ['name' => 'status_name', 'title' => 'Статус'])
                @include('stock.partials.column-header', ['name' => 'ordered_quantity', 'title' => 'Заказано', 'class' => 'text-end'])
                @include('stock.partials.column-header', ['name' => 'reserved_quantity', 'title' => 'Бронь', 'class' => 'text-end'])
                @include('stock.partials.column-header', ['name' => 'free_quantity', 'title' => 'Остаток', 'class' => 'text-end'])
                @include('stock.partials.column-header', ['name' => 'note', 'title' => 'Примечание'])
                @include('stock.partials.column-header', ['name' => 'created_at', 'title' => 'Добавлен'])
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($orders as $order)
                <tr>
                    <td>{{ $order->order_number }}</td>
                    <td><a href="{{ route('stock.show', $order->item) }}">{{ $order->item->article }}</a><div class="small text-muted">{{ $order->item->calculator_name }}</div></td>
                    <td>{{ $order->status_name }}</td>
                    <td class="text-end">{{ $order->ordered_quantity }}</td>
                    <td class="text-end">{{ $order->reserved_quantity }}</td>
                    <td class="text-end fw-semibold">{{ $order->free_quantity }}</td>
                    <td>{{ $order->note }}</td>
                    <td class="text-nowrap">{{ $order->created_at?->format('d.m.Y H:i') }}</td>
                    <td class="text-nowrap">
                        @if(hasPermission('stock.orders.manage'))
                            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="modal"
                                    data-bs-target="#stockOrderEdit{{ $order->id }}" title="Редактировать"><i class="bi bi-pencil"></i></button>
                            <form action="{{ route('stock.orders.destroy', $order) }}" method="POST" class="d-inline"
                                  onsubmit="return confirm('Удалить складской заказ?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" title="Удалить"><i class="bi bi-trash"></i></button>
                            </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="9" class="text-center text-muted py-4">Заказы не найдены.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @include('partials.pagination', ['items' => $orders])

    @if(hasPermission('stock.orders.manage'))
        <div class="modal fade" id="stockOrderSetInStockModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog"><div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Отметить весь заказ как «На складе»</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
                <form action="{{ route('stock.orders.set-in-stock') }}" method="POST">
                    @csrf
                    <div class="modal-body">
                        <label for="bulk_order_number" class="form-label small">Номер заказа</label>
                        <select id="bulk_order_number" name="bulk_order_number" class="form-select form-select-sm @error('bulk_order_number') is-invalid @enderror" required>
                            <option value="">Выберите номер заказа</option>
                            @foreach($orderedOrderNumbers as $orderNumber)
                                <option value="{{ $orderNumber }}" @selected(old('bulk_order_number') === $orderNumber)>{{ $orderNumber }}</option>
                            @endforeach
                        </select>
                        <div class="form-text">Доступны только номера с позициями в статусе «Заказан».</div>
                        @error('bulk_order_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="modal-footer"><button class="btn btn-sm btn-secondary" type="button" data-bs-dismiss="modal">Отмена</button><button class="btn btn-sm btn-primary" @disabled($orderedOrderNumbers->isEmpty())>На склад</button></div>
                </form>
            </div></div>
        </div>

        <div class="modal fade" id="stockOrderCreateModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog"><div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Новый складской заказ</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
                <form action="{{ route('stock.orders.store') }}" method="POST">
                    @csrf
                    <div class="modal-body">@include('stock.partials.order-form', ['order' => null])</div>
                    <div class="modal-footer"><button class="btn btn-sm btn-secondary" type="button" data-bs-dismiss="modal">Отмена</button><button class="btn btn-sm btn-primary">Создать</button></div>
                </form>
            </div></div>
        </div>

        @foreach($orders as $order)
            <div class="modal fade" id="stockOrderEdit{{ $order->id }}" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog"><div class="modal-content">
                    <div class="modal-header"><h5 class="modal-title">Заказ {{ $order->order_number }}</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
                    <form action="{{ route('stock.orders.update', $order) }}" method="POST">
                        @csrf @method('PUT')
                        <div class="modal-body">@include('stock.partials.order-form', ['order' => $order])</div>
                        <div class="modal-footer"><button class="btn btn-sm btn-secondary" type="button" data-bs-dismiss="modal">Отмена</button><button class="btn btn-sm btn-primary">Сохранить</button></div>
                    </form>
                </div></div>
            </div>
        @endforeach
    @endif

    @if(hasPermission('stock.orders.import'))
        <div class="modal fade" id="stockImportModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog"><div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Импорт складских заказов</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
                <form action="{{ route('stock.orders.import') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <p class="small text-muted">XLSX: Номер заказа, Артикул, Статус, Кол-во заказано, Примечание. Повторная строка обновляет заказ по номеру и артикулу.</p>
                        <input class="form-control form-control-sm" type="file" name="import_file" accept=".xlsx" required>
                    </div>
                    <div class="modal-footer"><button class="btn btn-sm btn-secondary" type="button" data-bs-dismiss="modal">Отмена</button><button class="btn btn-sm btn-primary">Импортировать</button></div>
                </form>
            </div></div>
        </div>
    @endif
@endsection