@extends('admin.main')

@section('main')

<!--begin::Products-->
<div class="card card-flush">
    <!--begin::Card body-->
    <div class="card-body pt-0">
        <!-- Filters -->
        <div class="d-flex flex-wrap align-items-end gap-4 mt-6 mb-6">
            <div class="w-150px">
                <label for="filter_id" class="form-label fs-7 fw-bold text-muted">ID</label>
                <input id="filter_id" type="text" name="id" value="{{ request('id') }}" class="form-control form-control-solid form-control-sm" placeholder="Enter ID">
            </div>
            <div class="w-250px">
                <label for="filter_customer" class="form-label fs-7 fw-bold text-muted">Customer</label>
                <input id="filter_customer" type="text" name="customer" value="{{ request('customer') }}" class="form-control form-control-solid form-control-sm" placeholder="Customer Name">
            </div>
            <div class="w-200px">
                <label for="filter_status" class="form-label fs-7 fw-bold text-muted">Status</label>
                <select id="filter_status" name="status" class="form-select form-select-solid form-select-sm">
                    <option value="">All</option>
                    <option value="0" {{ request('status')==='0' ? 'selected' : '' }}>Waiting Confirmation</option>
                    <option value="1" {{ request('status')==='1' ? 'selected' : '' }}>Preparing Package</option>
                    <option value="2" {{ request('status')==='2' ? 'selected' : '' }}>Shipping</option>
                </select>
            </div>
            <div>
                <button type="submit" class="btn btn-primary btn-sm me-2">Filter</button>
                <a href="{{ route('admin.sales.index') }}" class="btn btn-light btn-sm">Reset</a>
            </div>
        </div>
        <!--begin::Table-->
        <table class="table align-middle table-row-dashed fs-6 gy-5">
            <!--begin::Table head-->
            <thead>
                <!--begin::Table row-->
                <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                    <th class="">ID</th>
                    <th class="">Client</th>
                    <th class="">Status</th>
                    {{-- <th class="">Valor Compra</th>
                    <th class="">Valor Frete</th>
                    <th class="">Status do pagamento</th> --}}
                    <th class=" min-w-70px">Options</th>
                </tr>
                <!--end::Table row-->
            </thead>
            <!--end::Table head-->
            <!--begin::Table body-->
            <tbody class="fw-bold text-gray-600">
                @forelse ($sales as $sale)
                    <tr>
                        <td>#{{ $sale->id }}</td>
                        <td>{{ $sale->customerData->customer_name }}</td>
                        <td>

                            @if ($sale->payment_status === 1)
                                    @switch($sale->sale_status)
                                        @case(0)
                                            <b style="color: orange;">Waiting Confirmation</b>
                                        @break

                                        @case(1)
                                            <b style="color: #142d7e;">Preparing package</b>
                                        @break

                                        @case(2)
                                            <b style="color: #23b100;">Shipping</b>
                                        @break

                                        @default
                                    @endswitch
                                @else
                                    <small style="color: orange;">Waiting Confirmation</small>
                                @endif

                        </td>
                        {{-- <td>{{ formatMoney($sale->value_purchase, true) }}</td>
                        <td>{{ formatMoney($sale->value_shipping, true) }}</td>
                        <td>
                            @switch($sale->payment_status)
                                @case(0)
                                    <span class="badge badge-light-warning fs-8 fw-bolder">Aguardando Pagamento</span>
                                    @break
                                @case(1)
                                <span class="badge badge-light-success fs-8 fw-bolder">Pagamento Recebido</span>
                                    @break
                                @case(2)
                                    <span class="badge badge-light-danger fs-8 fw-bolder">Não Aprovado</span>
                                    @break
                                @case(3)
                                    <span class="badge badge-light-info fs-8 fw-bolder">Estornado</span>
                                    @break
                                @default
                                    Não encontrado
                                    @break
                            @endswitch
                        </td> --}}
                        <td>
                            @if (App\Services\PermissionService::checkHasPermission('samples_requests_view') || App\Services\PermissionService::checkHasPermission('samples_requests_edit'))
                                <a href="{{ route('admin.sales.view', $sale->id) }}">View</a>
                            @endif
                        </td>
                    </tr>
                @empty

                @endforelse

            </tbody>
            <!--end::Table body-->
        </table>
        <!--end::Table-->
        <!-- Paginação customizada do zero -->
        @if ($sales->lastPage() > 1)
            <div class="d-flex justify-content-center mt-4">
                <ul class="pagination pagination-sm mb-0">
                    <!-- Link Previous -->
                    <li class="page-item {{ $sales->onFirstPage() ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $sales->previousPageUrl() }}" rel="prev">&lsaquo;</a>
                    </li>
                    <!-- Links de página -->
                    @for ($page = 1; $page <= $sales->lastPage(); $page++)
                        <li class="page-item {{ $sales->currentPage() == $page ? 'active' : '' }}">
                            <a class="page-link" href="{{ $sales->url($page) }}">{{ $page }}</a>
                        </li>
                    @endfor
                    <!-- Link Next -->
                    <li class="page-item {{ $sales->hasMorePages() ? '' : 'disabled' }}">
                        <a class="page-link" href="{{ $sales->nextPageUrl() }}" rel="next">&rsaquo;</a>
                    </li>
                </ul>
            </div>
        @endif
        <!-- Texto de resumo abaixo dos links -->
        <div class="d-flex justify-content-center mt-2">
            <small class="text-muted">Showing {{ $sales->firstItem() }} to {{ $sales->lastItem() }} of {{ $sales->total() }} results</small>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Products-->

@endsection

@push('js')
<script src="{{ asset('admin/plugins/global/plugins.bundle.js') }}"></script>
<script src="{{ asset('admin/js/scripts.bundle.js') }}"></script>
<script src="{{ asset('admin/js/widgets.bundle.js') }}"></script>
<script src="{{ asset('admin/js/custom/widgets.js') }}"></script>
<script src="{{ asset('admin/js/custom/apps/chat/chat.js') }}"></script>
<script src="{{ asset('admin/js/custom/utilities/modals/upgrade-plan.js') }}"></script>
<script src="{{ asset('admin/js/custom/utilities/modals/create-app.js') }}"></script>
<script src="{{ asset('admin/js/custom/utilities/modals/users-search.js') }}"></script>
@endpush

@push('css')
<style>
    /* Esconde os controles de info e paginação do DataTables */
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        display: none !important;
    }
</style>
@endpush