@extends('layouts.client')

@push('meta_title')
    {{  __('T-Shirt Sizing -') }}
@endpush

@section('content')
<section class="section">
    <div class="container">
        <h4 class="fw-bold text-center text-uppercase">T-Shirt Orders</h4>
        <p class="text-muted text-center">Baguio & Clark Sizing</p>

        <div class="row mt-3 g-5">
            <div class="col-xl-12 col-lg-12 col-md-12">
                <div class="row g-4 align-items-center">
                    <div class="col-xl-12">
                        <form action="{{ route('client.garments.search') }}" method="get">
                            <div class="input-group">
                                <input type="search" name="q" class="form-control" placeholder="Search name, size, color, type" aria-label="Search" aria-describedby="search">
                                @if (isset($searchTerm))
                                    <a href="{{ route('garment') }}" class="input-group-text text-decoration-none" id="search">All Garments</a>
                                @endif
                            </div>
                        </form>
                    </div>
                    @if (isset($searchTerm))
                        <div class="col-xl-12">
                            @if (Session::has('found'))
                                <h6>{{ $garments->total() }} {{ Session::get('found') }} for keyword <strong>"{{ $searchTerm }}"</strong></h6>
                            @else
                                <div class="d-grid text-center py-5 bg-light border">
                                    <h3 class="fw-bold pb-2">{{ session('notFound') }} for keyword <strong>"{{ $searchTerm }}"</strong></h3>
                                    <span class="text-muted">Make sure words are spelled correctly. Use less specific or different keywords.</span>
                                </div>  							
                            @endif
                        </div>
                    @endif
        
                    @if ($garments->isNotEmpty())
                        <div class="col-xl-12">
                            <p>Showing {{ $garments->firstItem() }} to {{ $garments->lastItem() }} of total {{$garments->total() }} entries</p>
                            <div class="table-responsive">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th width="4%" class="text-center">#</th>
                                            <th>Name</th>
                                            <th>Size</th>
                                            <th>Color</th>
                                            <th>Type</th>
                                            <th>Extra Order</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($garments as $key => $value)
                                            <tr class="white-space-nowrap">
                                                <td class="text-center">{{ $loop->iteration + $garments->firstItem() - 1 }}</td>
                                                <td>{{ $value->name }}</td>
                                                <td class="text-uppercase">{{ $value->size }}</td>
                                                <td>{{ $value->color ?? '-' }}</td>
                                                <td>{{ $value->type ?? '-' }}</td>
                                                <td>{{ $value->extra_order ?? '-' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="float-end">
                                {{ $garments->withQueryString()->links() }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('snackbar')
    <x-alert></x-alert>
@endpush