@extends('layouts.app')


@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="w-100">
                <div class="card">
                    <form action="{{ route('product.index') }}" method="get">
                        <div class="card-header d-100">{{ __('Busca') }}</div>
                        <div class="w-100 flex-column flex-md-row  d-flex gap-3 p-2">
                            <div class="w-100">
                                <label for="type_action" class="form-label">Tipo de Ação</label>
                                <select type="text" name="type_action"
                                    class="form-control w-100 @error('type_action') border-danger @endif"
                                id="type_action">
                                <option value="">Selecione um tipo</option>
                                <option
                                    @if (request()->query('type_action') === 'input') selected @endif
                                    value="input">
                                    Entrada
                                </option>
                                <option @if (request()->query('type_action') === 'output') selected @endif value="output">Saída</option>
                                <option @if (request()->query('type_action') === 'maintenance') selected @endif value="maintenance">Manutenção</option>
                                <option @if (request()->query('type_action') === 'return') selected @endif value="return">Devolução</option>
                                <option @if (request()->query('type_action') === 'drop') selected @endif value="drop">Baixa
                                </option>

                            </select>
                        </div>
                        {{-- <div class="w-100">
                            <label for="recipient_id" class="form-label">Beneficiário</label>
                            <select type="text" name="recipient_id" class="form-control w-100 @error('recipient_id') border-danger @endif"
                                id="recipient_id">
                                <option value="">Selecione um beneficiário</option>
                                @foreach ($users as $recipient)
                                    <option @if (request()->query('recipient_id') === "$recipient->id") selected @endif
                                        value="{{ $recipient->id }}">{{ $recipient->name }}
                                </option>
                                @endforeach
                            </select>
                        </div> --}}
                        <div class="w-100">
                            <label for="location_id" class="form-label">Local</label>
                            <select type="text" name="location_id"
                                class="form-control w-100 @error('location_id') border-danger @endif"
                                id="location_id">
                                <option value="">Selecione um Local</option>
                                @foreach ($locations as $location)
                                    <option @if (request()->query('location_id') === "$location->id") selected @endif
                                        value="{{ $location->id }}">{{ $location->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="w-100">
                            <label for="product_id" class="form-label">Produto</label>
                            <select type="text" name="product_id"
                                class="form-control w-100 @error('product_id') border-danger @endif"
                                id="product_id">
                                <option value="">Selecione um Produto</option>
                                @foreach ($productsList as $product)
                                    <option @if (request()->query('product_id') === "$product->id") selected @endif
                                        value="{{ $product->id }}">
                                    {{ $product->type->name }} - {{ $product->brand->name ?? '' }} - {{ $product->model }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="w-100">
                                <label for="validationCustom07" class="form-label">Patrimônio</label>
                                <input type="text"
                                    name="patrimonio" class="form-control w-100 @error('patrimonio') border-danger @enderror"
                                    value="{{ request()->query('patrimonio') }}" id="product-code"
                                    placeholder="Digite o código do patrimonio" />
                            </div>
                        </div>
                        <div class="d-flex w-100 flex-column flex-md-row justify-content-end mt-5">
                            <button type="submit" class="btn btn-primary m-2" style="float: center;" title="Buscar">
                                Buscar
                            </button>
                        </div>
                    </form>
                </div>

                <hr>

                <div class="card">
                    <div class="card-header d-100">{{ __('Produtos') }}</div>

                    <div class="card-body">
                        <table class="table table-striped table-hover">
                            <thead class="table-dark">
                                <tr class="text-center">
                                    <th scope="col"></th>
                                    <th scope="col">Categoria</th>
                                    <th scope="col">Tipo</th>
                                    <th scope="col">Marca</th>
                                    <th scope="col">Produto</th>
                                    <th scope="col">Patrimônio</th>
                                    <th scope="col">Localização</th>
                                    <th scope="col">Quantidade</th>
                                    <th scope="col">Visualizar</th>
                                </tr>
                            </thead>

                            @foreach ($products as $product)
                                <tbody class="text-center">
                                    <tr class="text-center">
                                        <td class="col" style="width: 120px;">
                                            @if ($product->photo)
                                                <img class="rounded" src="{{  asset('storage' . $product->photo)}}"
                                                    style="width:50px; height:50px"
                                                    alt="Foto do produto {{ $product->brand->name }}"
                                                    title="Foto do produto {{ $product->brand->name }}" />
                                            @endif
                                        </td>
                                        <td class="col">
                                            <p class="m-0 py-2">
                                                {{ $product->type->category->name ?? '-' }}
                                            </p>
                                        </td>
                                        <td class="col">
                                            <p class="m-0 py-2">
                                                {{ $product->type->name ?? '-' }}
                                            </p>
                                        </td>
                                        <td class="col">
                                            <p class="m-0 py-2">
                                                {{ $product->brand->name ?? '-' }}
                                            </p>
                                        </td>
                                        <td class="col">
                                            <p class="m-0 py-2">
                                                {{ $product->model ?? '-' }}
                                            </p>
                                        </td>
                                        <td class="col">
                                            @if ($product->batch)
                                                <p class="m-0 py-2">
                                                    {{ $product->batch }}
                                                </p>
                                            @elseif($product->items->count() > 0)
                                                <p class="m-0 py-2"
                                                    title="{{ implode(', ', $products[0]->items->pluck('patrimony')->toArray()) }}">
                                                    {{ $product->items[0]->patrimony }}
                                                </p>
                                            @else
                                                <p class="m-0 py-2"> - </p>
                                            @endif
                                        </td>
                                        <td class="col">
                                            <p class="m-0 py-2">
                                                {{ $product->location->name ?? '-' }}
                                            </p>
                                        </td>
                                        <td class="col">
                                            <p class="m-0 py-2">
                                                {{ $product->quantity ?? '-' }}
                                            </p>
                                        </td>

                                        <td>
                                            <div class="m-0 py-2">

                                                <a class="badge text-bg-warning text-white"
                                                    href="{{ route('product.show', $product->id) }}" title="Visualizar">
                                                    <i class="bi bi-eye" style="font-size: 15px; color: white;"></i>
                                                </a>
                                            </div>

                                        </td>
                                    </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row pt-2">
                    <div class="pagination justify-content-center">
                        {{ $products->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection