<x-header />

<div class="container py-5">
    <h3 class=" fw-bold text-center p-4 rounded">Заявки</h3>
            @if($myaps->count() > 0)
            <div class="row">
                @foreach($myaps as $ap)
                <div class="col-md-4 mb-4">
                    <div class="card shadow p-3 h-100 text-center">
                        <div class="d-flex w-100 justify-content-between">
                            <h5 class="mb-1">
                                @if($ap->category_id)
                                {{ $ap->category->name}}
                                @elseif($ap->customcategory)
                                {{ $ap->customcategory }}
                                @else
                                Не указано
                                @endif
                            </h5>
                            <small>{{ date('d.m.Y H:i', strtotime($ap->date . ' ' . $ap->time)) }}</small>
                        </div>
                        <p class="mb-1"><strong>Имя:</strong> {{ $ap->name }}</p>
                        <p class="mb-1"><strong>Номер:</strong> {{ $ap->number }}</p>
                        <p class="mb-1"><strong>Почта:</strong> {{ $ap->email }}</p>
                        <p class="mb-1"><strong>Адрес:</strong> {{ $ap->address }}</p>
                        <p class="mb-1"><strong>Способ оплаты:</strong> {{ $ap->paymethod }}</p>
                        @if($ap->status == 'Новая заявка')
                        <p><strong>Статус заявки:</strong> Новая заявка</p>
                        @elseif($ap->status == 'Услуга оказана')
                        <p><strong>Статус заявки:</strong> Услуга оказана</p>
                        @else
                        <p><strong>Статус заявки:</strong> Услуга отменена</p>
                        @endif
                    </div>
                </div>
                @endforeach
            </div>
            @else
            <div class="alert alert-info">
                На данный момент заявок нет
            </div>
            @endif
</div>

<x-footer />
<x-scripts />
</body>

</html>
