@extends('layouts.master')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>

            <h1 class="workflow-title">
                Stock Issues
            </h1>

            <div class="workflow-subtitle">
                Issue medicines, vaccines, consumables and supplies to facilities, departments and outreach teams
            </div>

        </div>

        <div class="workflow-actions">

            <a href="{{ route('supply.issues.create') }}"
               class="workflow-btn workflow-btn-success">

                ➕ New Issue

            </a>

        </div>

    </div>

    {{-- KPIs --}}

    <div class="workflow-stat-grid">

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                {{ number_format($todayIssues) }}
            </div>
            <div class="workflow-stat-label">
                Today's Issues
            </div>
        </div>

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                {{ number_format($monthIssues) }}
            </div>
            <div class="workflow-stat-label">
                This Month
            </div>
        </div>

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                UGX {{ number_format($valueIssued, 2) }}
            </div>
            <div class="workflow-stat-label">
                Value Issued
            </div>
        </div>

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                {{ number_format($pendingApproval) }}
            </div>
            <div class="workflow-stat-label">
                Pending Approval
            </div>
        </div>

    </div>

    {{-- FILTERS --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Search Issues
        </div>

        <div class="workflow-card-body">

            <div class="workflow-grid-4">

                <div class="workflow-form-group">
                    <label>Issue Number</label>
                    <input type="text">
                </div>

                <div class="workflow-form-group">
                    <label>Destination</label>
                    <input type="text">
                </div>

                <div class="workflow-form-group">
                    <label>Status</label>

                    <select>
                        <option>All</option>
                        <option>Draft</option>
                        <option>Approved</option>
                        <option>Posted</option>
                        <option>Cancelled</option>
                    </select>

                </div>

                <div class="workflow-form-group">
                    <label>Date</label>
                    <input type="date">
                </div>

            </div>

        </div>

    </div>

    {{-- ISSUE REGISTER --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Issue Register
        </div>

        <div class="workflow-card-body">

            <table class="workflow-table">

                <thead>

                    <tr>

                        <th>Issue No</th>
                        <th>Date</th>
                        <th>Destination</th>
                        <th>Reference</th>
                        <th>Items</th>
                        <th>Value</th>
                        <th>Status</th>
                        <th width="220">Actions</th>

                    </tr>

                </thead>

                <tbody>

                @forelse($issues as $issue)

                <tr>

                    <td>
                        {{ $issue->issue_no }}
                    </td>

                    <td>
                        {{ \Carbon\Carbon::parse($issue->issue_date)->format('d-M-Y') }}
                    </td>

                    <td>
                        {{ $issue->destination_name ?? '-' }}
                    </td>

                    <td>
                        {{ $issue->reference_no ?? '-' }}
                    </td>

                    <td>
                        {{
                            DB::table('stock_issue_items')
                                ->where('issue_id', $issue->id)
                                ->count()
                        }}
                    </td>

                    <td>
                        UGX
                        {{
                            number_format(
                                DB::table('stock_issue_items')
                                    ->where('issue_id', $issue->id)
                                    ->sum('line_total'),
                                2
                            )
                        }}
                    </td>

                    <td>

                        @if($issue->issue_status == 'POSTED')

                            <span class="workflow-badge workflow-badge-green">
                                Posted
                            </span>

                        @elseif($issue->issue_status == 'APPROVED')

                            <span class="workflow-badge workflow-badge-orange">
                                Approved
                            </span>

                        @elseif($issue->issue_status == 'CANCELLED')

                            <span class="workflow-badge workflow-badge-red">
                                Cancelled
                            </span>

                        @else

                            <span class="workflow-badge workflow-badge-red">
                                Draft
                            </span>

                        @endif

                    </td>

                    <td>

                        <a href="{{ route('supply.issues.show', $issue->id) }}"
                        class="action-view">

                            View

                        </a>

                    </td>

                </tr>

                @empty

                <tr>

                    <td colspan="8"
                        style="text-align:center;padding:20px;">

                        No issues found.

                    </td>

                </tr>

                @endforelse

                </tbody>

            </table>

            <div style="margin-top:20px;">

                {{ $issues->links() }}

            </div>

        </div>

    </div>

</div>

@endsection