@extends('layouts.app')

@section('title', 'Item Details')
@section('page-title', $item->name)

@section('content')
<div class="row">
    <div class="col-md-4 mb-4">
       <div class="inner-pages-div">
            <div class="inner-pages-header">
                <h6>Basic Information</h6>
            </div>
            <div class="inner-pages-body">
                <div class="mx-1">
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Item Image :</span>
                        <span class="fw-bold"> 
                            @if($item->image)
                            <img src="{{ asset('storage/' . $item->image) }}" alt="{{ $item->name }}"
                                style="height : 40px; width : 40px; border-radius : 5px;">
                            @else
                            <div>
                                <i class="fas {{ $item->type == 'goods' ? 'fa-box' : 'fa-concierge-bell' }} text-muted opacity-25"></i>
                            </div>
                            @endif</span>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Type :</span>
                        <span class="fw-bold">{{ strtoupper($item->type) }}</span>
                    </div>

                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Name :</span>
                        <span class="fw-bold">{{ $item->name }}</span>
                    </div>

                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Unit :</span>
                        <span class="fw-bold">{{ $item->unit ?: 'N/A' }}</span>
                    </div>

                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Opening Stock:</span>
                        <span class="fw-bold">{{ number_format($item->opening_stock, 2) }} {{ $item->unit }}</span>
                    </div>
                    <div class="d-flex justify-content-between mb-0">
                        <span class="text-muted small">Current Stock:</span>
                        <span class="fw-bold {{ $item->current_stock <= 5 ? 'text-danger' : 'text-primary' }}"> {{ number_format($item->current_stock, 2) }} {{ $item->unit }}</span>
                    </div>
                    @if($item->current_stock <= 5 && $item->type == 'goods')
                        <div class="alert alert-danger py-1 px-2 mt-2 mb-0 small border-0">
                            <i class="fas fa-exclamation-triangle me-1"></i> Low stock alert!
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="inner-pages-div">
            <div class="inner-pages-header">
                <h6>Financial Summary</h6>
                <a href="{{ route('items.edit', $item->id) }}" class="Link-tabs-inner">Edit Item</a>
            </div>
            <div class="inner-pages-body">
                <div class="row">
                    <div class="col-lg-6"> <div class="solution-div">
                        <h6 class="solution-title">Sales Information</h6>
                        @if($item->enable_sales)
                        <div class="d-flex justify-content-between mb-2">
                            <span class="text-muted small">Selling Price :</span>
                            <span class="fw-bold text-success">{{ formatCurrency($item->sales_price) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-2">
                            <span class="text-muted small">Account :</span>
                            <span class="fw-bold">{{ $item->sales_account }}</span>
                        </div>
                        <div class="d-flex justify-content-between">
                            <span class="text-muted small">
                                Description :
                            </span>
                            <span class="fw-bold">{{ $item->sales_description ?: 'No description' }}</span>
                        </div>
                        @else
                        <div class="text-muted small italic">Sales disabled for this item.</div>
                        @endif
                    </div></div>
                    <div class="col-lg-6"><div class="solution-div">
                        <h6 class="solution-title">Purchase Information</h6>
                        @if($item->enable_purchase)
                        <div class="d-flex justify-content-between mb-2">
                            <span class="text-muted small">Cost Price :</span>
                            <span class="fw-bold text-danger">{{ formatCurrency($item->purchase_price) }}</span>
                        </div>
                        <div class="d-flex justify-content-between mb-2">
                            <span class="text-muted small">Account :</span>
                            <span class="fw-bold"> {{ $item->purchase_account }}</span>
                        </div>
                        <div class="d-flex justify-content-between">
                            <span class="text-muted small">
                                Description :
                            </span>
                            <span class="fw-bold">{{ $item->purchase_description ?: 'Nodescription' }}</span>
                        </div>
                        @if($item->preferredVendor)
                        <div class="d-flex justify-content-between">
                            <span class="text-muted small">Preferred Vendor:</span>
                            <div class="fw-bold">{{ $item->preferredVendor->name }}</div>
                        </div>
                        @endif
                        @else
                        <div class="text-muted small italic">Purchase disabled for this item.</div>
                        @endif
                    </div></div>
                </div>
                     
                @if($item->enable_sales && $item->enable_purchase)
                <div class="full-solution-div">
                    <div class="row align-items-center">
                        <div class="full-solution-title">
                            <h6 >Projected Margin</h6>
                            <div class="fw-bold text-primary mb-0"><span class="text-muted">({{ number_format($item->margin_percentage, 1) }}%)</span> {{ formatCurrency($item->margin) }} </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

@endsection