@extends('layouts.shop-control-layout')

@section('title', 'Замовлення (інд.)')

@section('content')
    <div class="admin__content">
        <div class="content__header">
            <h1 class="content__title">
                Індивідуальні замовлення
            </h1>
            <div class="order-statuses__list">
                <p class="active-order__status order__status">
                    {{ request('status_id') ? $orderStatuses->firstWhere('status_id', request('status_id'))->status_name : 'Всі замовлення' }}
                    <svg width="15" height="7" viewBox="0 0 15 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M0.332935 0.288944C-0.110978 0.669493 -0.110978 1.28654 0.332935 1.66708L5.89387 6.42981C6.78186 7.19031 8.22069 7.19001 9.10822 6.42923L14.667 1.66357C15.111 1.28303 15.111 0.665985 14.667 0.285426C14.2231 -0.0951421 13.5034 -0.0951421 13.0595 0.285426L8.30173 4.36428C7.85785 4.74492 7.1381 4.74482 6.69422 4.36428L1.94046 0.288944C1.49656 -0.0916245 0.776838 -0.0916245 0.332935 0.288944Z"
                            fill="#FFBAA4" />
                    </svg>
                </p>
                <div class="hidden__statuses">
                    @if (request('status_id'))
                        <a href="{{ route('custom-orders') }}" class="order__status">
                            Всі замовлення
                        </a>
                    @endif
                    @foreach ($orderStatuses as $status)
                        @if ($status->status_id != request('status_id'))
                            <a href="{{ route('custom-orders', ['status_id' => $status->status_id]) }}"
                                class="order__status">
                                {{ $status->status_name }}
                            </a>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
        <div class="content__info">
            <div class="orders__list">
                @foreach ($orders as $order)
                    <div class="order__item">
                        <div class="order__header">
                            <h2 class="order__id">
                                Замовлення #{{ $order->order_id }}
                            </h2>
                            <div class="order-info">
                                <div class="info-block">
                                    <p class="active-category">
                                        {{ $order->productCategory->category_name }}
                                    </p>
                                    <div class="hidden__categories">
                                        @foreach ($productCategories as $category)
                                            @if ($category->category_id != $order->productCategory->category_id)
                                                <a href="{{ route('changeCustomOrderCategory', ['order' => $order->order_id, 'category_id' => $category->category_id, 'filter_status' => request('status_id')]) }}"
                                                    class="order__category">
                                                    {{ $category->category_name }}
                                                </a>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                                @php
                                    $className = '';
                                    if ($order->orderStatus->status_name == 'Відмовлено') {
                                        $className = 'rejected';
                                    } elseif ($order->orderStatus->status_name == 'Відмова (на пошті)') {
                                        $className = 'nottaken';
                                    } elseif ($order->orderStatus->status_name == 'Завершено') {
                                        $className = 'finished';
                                    }
                                @endphp
                                <div class="info-block">
                                    <p class="active-order__status {{ $className }}">
                                        {{ $order->orderStatus->status_name }}
                                    </p>
                                    <div class="hidden__statuses">
                                        @foreach ($orderStatuses as $status)
                                            @if ($status->status_id != $order->orderStatus->status_id)
                                                <a href="{{ route('changeCustomOrderStatus', ['order' => $order->order_id, 'status_id' => $status->status_id, 'filter_status' => request('status_id')]) }}"
                                                    class="order__status">
                                                    {{ $status->status_name }}
                                                </a>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="order__info">
                            <div class="info__row">
                                <p class="info__text client__name">
                                    {{ $order->client_name }}
                                </p>
                                <p class="info__text client__name">
                                    {{ $order->client_last_name }}
                                </p>
                                <p class="info__text client__name">
                                    {{ $order->phone_number }}
                                </p>
                            </div>
                            <div class="info__row">
                                <p class="info__text client__name">
                                    {{ $order->description }}
                                </p>
                            </div>
                        </div>
                        <div class="order__actions">
                            <a href="{{ route('editCustomOrder', ['order' => $order->order_id]) }}"
                                class="btn btn-edit">Редагувати</a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        <script src="{{ asset('js/admin/modules/custom-orders-page.js') }}"></script>
    </div>
@endsection