@extends('partials.layout')

@section('content')

    <span class="filters-text"> Filtre</span>
    <form action="{{ route('purchases.search') }}" method="get" class="filter-form">
        @csrf
        <div class="row filters">

            <div class="title col-sm-4">
                <div class="filter-group">
                    <label for="product_category" class="filter-label">Categorie</label>
                    <select name="category" class="filter-input" id="product_category">
                        <option selected disabled>Alege categoria</option>
                        <option value="Uzuale">Uzuale</option>
                        <option value="Utilitati">Utilitati</option>
                    </select>
                </div>
                <button type="submit" class="filter-button">Apply filters</button>
            </div>
        </div>
    </form>

    <div class="panel">
        <div class="panel-heading">
            <h3 class="panel-title">Lista Comenzi</h3>
        </div>
        <div class="panel-body" style="overflow-x: auto;">
            <table class="table table-hover" >
                <thead>
                <tr>
                    <th>#</th>
                    <th>Nume</th>
                    <th>Categorie</th>
                    <th>Cantitate</th>
                    <th>Pret Total</th>
                    <th>Data limita achizitionare</th>
                    <th>De pe data de</th>
                    <th>Pana pe data de</th>
                    <th>Actiuni</th>
                </tr>
                </thead>
                <tbody>
                    @foreach($purchases as $purchase)

                        <tr>
                            <td></td>
                            <td>{{ $purchase->name }}</td>
                            <td>{{ $purchase->category }}</td>
                            @if($purchase->qty === NULL)
                                <td>{{ '-' }}</td>
                            @else
                                <td>{{ $purchase->qty }}</td>
                            @endif
                            @if($purchase->total_pay === NULL)
                                <td>{{ 0 . ' LEI' }}</td>
                            @else
                                <td>{{ $purchase->total_pay . 'LEI'}}</td>
                            @endif
                            @if($purchase->buy_until === NULL)
                                <td>{{ '-' }}</td>
                            @else
                                <td>{{ $purchase->buy_until }}</td>
                            @endif
                            @if($purchase->from === NULL)
                                <td>{{ '-' }}</td>
                            @else
                                <td>{{ $purchase->from }}</td>
                            @endif
                            @if($purchase->to === NULL)
                                <td>{{ '-' }}</td>
                            @else
                                <td>{{ $purchase->to }}</td>
                            @endif
                            <td style="display: flex; flex-direction: row;">
                                <a href="{{ route('purchases.edit', ['id' => $purchase->id]) }}" style="margin-right: 15px;">Editare achizitie</a>
                                <span class="order-actions-wrapper">
                                        <form action="{{ route('purchases.destroy', ['id' => $purchase->id]) }}" method="POST">
                                            @csrf
                                            <button type="submit" style="background-color: transparent; border: none;" class="order-pay"><i class="fas fa-times action-icon-delete"></i></button>
                                        </form>
                                </span>
                            </td>
                        </tr>

                    @endforeach
                </tbody>

            </table>
        </div>
    </div>

@endsection