@extends('layouts.app')


@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="w-100">
                <div class="card">
                    <form action="{{ route('movement.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="output">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 Local</option>
                                @foreach ($products 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">{{ __('Ultimas Movimentações') }}</div>

                    <div class="card-body">
                        <table class="table table-striped table-hover">
                            <thead class="table-dark">
                                <tr class="text-center">


                                    <th scope="col">Data</th>
                                    <th scope="col">Author</th>
                                    <th scope="col">Beneficiario</th>
                                    <th scope="col">Tipo</th>
                                    <th scope="col">Qtd Produtos</th>
                                    <th scope="col">Local</th>
                                    <th scope="col">Visualizar</th>
                                </tr>
                            </thead>

                            <tbody class="table-group-divider">

                            <tbody class="text-center">
                                @foreach ($movements as $key => $movement)
                                    <tr class="text-center">
                                        <td scope="col">{{ $movement->created_at->format('d/m/Y à\s H:i') }}</td>
                                        <td scope="col">{{ $movement->author->name }}</td>
                                        <td scope="col">{{ $movement->recipient->name ?? '-' }}</td>
                                        <td scope="col">{{ __('moviment.' . $movement->type) }}</td>
                                        <td scope="col">{{ $movement->movement_products->count() }}</td>
                                        <td scope="col">{{ $movement->location->name ?? '-' }}</td>
                                        <td>


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

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