@extends('layouts.master')
@section('css')
    <style>
        .details {
            font-size: 15px;
        }

        .bg-color {
            background-color: #e9edfa;
            margin: auto;
            padding: 1em 0 0.1em 1em;
            border-radius: 6px;
        }

    </style>
@endsection
@section('title')
    Variant
@endsection
@section('content')
    <div class="card">
        <div class="card-header">
            <div class="col-lg-12 d-flex align-items-center">
                <h4 class="card-title mb-0 flex-grow-1">VARIANT DETAILS({{ $variant->name }})</h4>
                <div>
                    <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                        href="/admin/variant/{{ $stockItem->id }}"><i class="las la-angle-double-left"></i> Go Back</a>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <div class="col-lg-12 d-flex align-items-center">
                <h4 class="card-title mb-0 flex-grow-1">BASE UNIT & PRICE DETAILS</h4>
            </div>
        </div>
        <div class="card-body">
            @php
                $baseUnitId = $stockItem->baseStockItemUnit->unit_id;
                $variantBaseUnit = $variantUnits->where('unit_id', $baseUnitId)->first();
            @endphp
            @if ($variantBaseUnit)
                <div class="row">
                    <div class="col-lg-4">
                        <div class="bg-color">
                            <h5 class="text-primary">BASE UNIT</h5>
                            <p class="details">{{ $variantBaseUnit->unit->symbol ?? '--' }}</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="bg-color">
                            <h5 class="text-primary">SELLING PRICE</h5>
                            <p class="details">{{ $variantBaseUnit->unit_selling_price }}</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="bg-color">
                            <h5 class="text-primary">PURCHASE PRICE</h5>
                            <p class="details">{{ $variantBaseUnit->unit_purchase_price }}</p>
                        </div>
                    </div>
                </div>
            @endif
        </div>
        @php
            $alternativeUnits = $variantUnits->where('unit_id', '!=', $baseUnitId);
        @endphp
        @if (count($alternativeUnits) > 0)
            <div class="card-footer">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Alternative Unit</th>
                                <th>Alternative Unit Selling Price</th>
                                <th>Alternative Unit Purchase Price</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($alternativeUnits as $alternativeUnit)
                                <tr>
                                    <td>{{ $alternativeUnit->unit->symbol }}</td>
                                    <td>{{ $alternativeUnit->unit_selling_price }}</td>
                                    <td>{{ $alternativeUnit->unit_purchase_price }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection
@section('script')
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
@endsection