@extends('admin.layouts.app')
@section('title', 'Item-{{ $item->name }}')
@section('content')


<!--begin::App Content Header-->
<div class="app-content-header">
    <!--begin::Container-->
    <div class="container-fluid">
      <!--begin::Row-->
      <div class="row">
        <div class="col-sm-6"><h3 class="mb-0">Item: {{ $item->name }}</h3></div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-end">
            <li><a href="{{ route('admin.items.index') }}" class="btn me-5 btn-success text-white">All Items</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Item: {{ $item->name }}</li>
          </ol>
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
</div>
<!--end::App Content Header-->
<hr>

  <!--begin::App Content-->
  <div class="app-content">
    <div class="container">
       <div class="row">
        <div class="col-lg-2">
            <div class="border p-3 mb-2">
                <img
                    src="{{ $item->image ? route('item.image',['file_name'=>$item->image]) : asset('assets\logo.PNG') }}"
                    class="w-100" alt="Image">
            </div>
            <span>
                Item Name: <b>{{ $item->name }}</b>
            </span>

        </div>
        <div class="col-lg-10 card">
            <div class="row p-3">
                @if($item->itemCount->total_number <= $item->minimum_quantity)
                    <span class="text-danger">
                        This Item is Low in Quantity.
                        <b>ONLY {{ $item->itemCount->total_number }} LEFT</b>
                    </span>
                @endif
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Original Quantity: <b>{{ $item->quantity }}</b></span>
                </div>
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Quantity Left: <b>{{ $item->itemCount->total_number }}</b></span>
                </div>
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Minimum Quantity: <b>{{ $item->minimum_quantity }}</b></span>
                </div>
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Buying Price: <b>{{ number_format($item->buying_price,2) }}xaf</b></span>
                </div>
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Selling Price: <b>{{ number_format($item->selling_price, 2) }}xaf</b></span>
                </div>
                @if ($item->sold_as_group === 'Yes')

                @php
                    $itemNumber = ($item->quantity) / ($item->group_number);
                    $totalBuying = $item->buying_price * $itemNumber;
                    $totalSelling = $item->selling_price * $itemNumber;
                    $profitMade = $totalSelling - $totalBuying;
                @endphp

                <h2>Sold as GRoup</h2>
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Total Buying Price: <b>{{ number_format($totalBuying, 2) }}xaf</b></span>
                </div>
                <div class="col-lg-6 border p-2 mb-4">
                    <span>Total Selling Price: <b>{{ number_format($totalSelling, 2) }}xaf</b></span>
                </div>

                <div class="col-lg-6 border p-2 mb-4">
                    <span>Profit: <b>{{ number_format($profitMade, 2) }}xaf</b></span>
                </div>


                @else

                    @php
                        $totalBuying = $item->buying_price * $item->quantity;
                        $totalSelling = $item->selling_price * $item->quantity;
                        $profitMade = $totalSelling - $totalBuying;
                    @endphp

                    <div class="col-lg-6 border p-2 mb-4">
                        <span>Total Buying Price: <b>{{ number_format($item->buying_price * $item->quantity, 2) }}xaf</b></span>
                    </div>
                    <div class="col-lg-6 border p-2 mb-4">
                        <span>Total Selling Price: <b>{{ number_format($item->selling_price * $item->quantity, 2) }}xaf</b></span>
                    </div>

                    <div class="col-lg-6 border p-2 mb-4">
                        <span>Profit: <b>{{ number_format($profitMade, 2) }}xaf</b></span>
                    </div>

                @endif

                {{-- @if ($item->sold_as_group === 'Yes')
                    <div class="col-lg-6 border p-2 mb-4">
                        <span>Profit: <b>{{ $profitMade }}</b></span>
                    </div>
                @endif --}}
                <div class="col-lg-12 border p-2 mb-4">
                    <span>Description: <p>{!!  $item->description ?? 'N/A' !!}</p></span>
                </div>

            </div>
        {{--<hr>

            <div class="row">
                <h3>Orders Made On: {{ $item->name }}</h3>
            </div>

            @if(Auth::guard('admin')->user()->type == 'admin')
                <div class="table-responsive">

                    <table class="table datatable table-responsive">
                        <thead>
                        <tr>
                            <th>Customer Name</th>
                            <th>Item</th>
                            <th>Quantity</th>
                            <th>Total Price</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($item->orders as $order)
                        <tr>
                            <td>

                                <span>{{ $order->customer_name }}</span>
                            </td>
                            <td>
                                {{ $order->item->name }}
                            </td>
                            <td>{{ $order->quantity }}</td>
                            <td>{{ $order->amount }}</td>
                            <td>
                                <x-adminstatus :status='$order->status' />
                            </td>
                            <td>
                                <a href="{{ route('admin.orders.show',['order'=>$order->id]) }}" class="btn btn-primary">Details</a>


                            </td>
                        </tr>

                        <div class="modal fade" id="printOrderModal{{ $order->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="printOrderModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                            <div class="modal-content modal-dialog-center">
                                <div class="modal-header">
                                <h1 class="modal-title fs-5" id="printOrderModalLabel">Details for order made By:<b class="text-success"> {{ $order->customer_name }}</b></h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">



                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-danger">PRINT</button>
                                </div>
                            </div>
                            </div>

                    @empty
                        <tr>
                            <td class="colspan-12">
                                No Orders Yet.
                                Please   <a href="{{ route('admin.orders.create') }}" class="btn">PROCESS AN ORDER </a>
                            </td>
                        </tr>
                    @endforelse
                        </tbody>
                    </table>

                </div>
            @else
            <div class="table-responsive">

                <table class="table datatable table-responsive">
                    <thead>
                    <tr>
                        <th>Customer Name</th>
                        <th>Item</th>
                        <th>Quantity</th>
                        <th>Total Price</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($workerOrders as $order)
                    <tr>
                        <td>
                            <span>{{ $order->customer_name }}</span>
                        </td>
                        <td>
                            {{ $order->item->name }}
                        </td>
                        <td>{{ $order->quantity }}</td>
                        <td>{{ $order->amount }}</td>
                        <td>
                            <x-adminstatus :status='$order->status' />
                        </td>
                        <td>
                            <a href="{{ route('admin.orders.show',['order'=>$order->id]) }}" class="btn btn-primary">Details</a>


                        </td>
                    </tr>

                    <div class="modal fade" id="printOrderModal{{ $order->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="printOrderModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                        <div class="modal-content modal-dialog-center">
                            <div class="modal-header">
                            <h1 class="modal-title fs-5" id="printOrderModalLabel">Details for order made By:<b class="text-success"> {{ $order->customer_name }}</b></h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">



                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-danger">PRINT</button>
                            </div>
                        </div>
                        </div>

                @empty
                    <tr>
                        <td class="colspan-12">
                            No Orders Yet.
                            Please   <a href="{{ route('admin.orders.create') }}" class="btn">PROCESS AN ORDER </a>
                        </td>
                    </tr>
                @endforelse
                    </tbody>
                </table>

            </div>
            @endif --}}
        </div>
       </div>
    </div>
</div>
  <!--end::App Content-->

@endsection