@extends('layouts.customer')

@section('content')
    <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h1>Food Items</h1>
                    <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                        <ol class="breadcrumb pt-0">
                            <li class="breadcrumb-item">
                                <a href="#">Home</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">Food Items</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Food Item</li>
                        </ol>
                    </nav>
                    <div class="separator mb-5"></div>
                </div>
            </div>

             <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="mb-4">Food Item</h5>

                            <form>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label><strong>Name</strong></label>
                                        <p>{{ $foodItem->name }}</p>
                                        
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label><strong>Description</strong></label>
                                        <p>{{ $foodItem->description ? $foodItem->description : '' }}</p>
                                        
                                    </div>
                                </div>

                               <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label><strong>Price</strong></label>
                                        <p>${{ $foodItem->price ? $foodItem->price : '' }}</p>
                                        
                                    </div>
                                     @if($foodItem->quantity_type == 'gram')
                                                   @php $sign = 'g'; @endphp
                                                @elseif($foodItem->quantity_type == 'unit')
                                                    @php $sign = 'unit'; @endphp
                                                @elseif($foodItem->quantity_type == 'pound')
                                                   @php $sign = 'lbs'; @endphp
                                                @elseif($foodItem->quantity_type == 'ounce')
                                                    @php $sign = 'oz'; @endphp
                                                @else
                                                     @php $sign = ''; @endphp
                                                @endif
                                     
                                    <div class="form-group col-md-6">
                                        <label><strong>Quantity</strong></label><br/>
                                        <p>{{ $foodItem->quantity }} @if(!empty($sign)) ({{$sign}}) @endif</p>
                                        
                                    </div>
                                </div> 
                                
                            </form>

                            

                            <!-- order items body -->
                            <h5 class="card-title mt-5">Quantity Transaction</h5>
                                <style>
                                    .middle-align td {
                                        vertical-align: middle !important;
                                    }
                                </style>
                                <table class="table table-hover middle-align">
                                    <thead>
                                        <tr>
                                            <th scope="col">Sr No.</th>
                                            <th scope="col">Description</th>
                                            <th scope="col">Quantity</th>
                                            <th scope="col">Note</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if( $inventoryTransaction )
                                            @php $i=0; @endphp
                                            @foreach( $inventoryTransaction as $transaction )
                                                <tr>
                                                    <td>{{ ++$i }}</td>
                                                    <td>{{ $transaction->transaction_type ?? '' }}</td>
                                                    <td><strong style="@if($transaction->transaction_type == 'addition') color: #00d09c; @elseif($transaction->transaction_type == 'deduction') color: #eb5b3c; @endif">{{ $transaction->quantity }}</strong></td>
                                                    <td>{{ $transaction->reason ?? '' }}</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            
                            <!-- order items body -->

                        {{--
                            <!-- order items body -->
                            <h5 class="card-title mt-5">Quantity Transaction</h5>
                        
                                        @php
                                        /*echo '<pre>';
                                        print_r($quantityLogs);
                                        echo '</pre>';*/
                                        @endphp
                                <style>
                                    .middle-align td {
                                        vertical-align: middle !important;
                                    }
                                </style>
                                <table class="table table-hover middle-align">
                                    <thead>
                                        <tr>
                                            <th scope="col">Quantity Changes</th>
                                            <th scope="col">Description</th>
                                            <th scope="col">Total Quantity</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach( $quantityLogs  as $quantityLog )
                                            <tr>
                                                 <td><b style="@if($quantityLog->type == 'increment') color: #00d09c; @elseif($quantityLog->type == 'decrement') color: #eb5b3c; @endif">@if($quantityLog->type == 'increment')+@elseif($quantityLog->type == 'decrement')-@endif{{ $quantityLog->quantity }}</b></td>
                                                 <td>{{ $quantityLog->subject}}</td>
                                                 <td>{{ $quantityLog->total_quantity}}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            
                            <!-- order items body -->
                        --}}
                        </div>
                    </div>
                </div>
            </div>

        </div>
@endsection