@extends('layouts.master')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>

            <h1 class="workflow-title">
                Transfer Details
            </h1>

            <div class="workflow-subtitle">
                View stock transfer information and movement details
            </div>

        </div>

        <div class="workflow-actions">

            <a href="{{ route('supply.transfers.receive', $id) }}"
               class="workflow-btn workflow-btn-success">

                Receive Transfer

            </a>

            <a href="{{ route('supply.transfers.index') }}"
               class="workflow-btn workflow-btn-outline">

                Back

            </a>

        </div>

    </div>

    {{-- TRANSFER HEADER --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Transfer Information
        </div>

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

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

                <div>

                    <strong>Transfer No</strong>

                    <div>
                        TRF-00001
                    </div>

                </div>

                <div>

                    <strong>Date</strong>

                    <div>
                        {{ date('Y-m-d') }}
                    </div>

                </div>

                <div>

                    <strong>Status</strong>

                    <div>

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

                    </div>

                </div>

                <div>

                    <strong>Reference</strong>

                    <div>
                        REF-001
                    </div>

                </div>

            </div>

        </div>

    </div>

    {{-- LOCATIONS --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Transfer Route
        </div>

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

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

                <div>

                    <strong>From Location</strong>

                    <div style="margin-top:8px;">
                        Central Store
                    </div>

                </div>

                <div>

                    <strong>To Location</strong>

                    <div style="margin-top:8px;">
                        Pharmacy
                    </div>

                </div>

            </div>

        </div>

    </div>

    {{-- ITEMS --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Transfer Items
        </div>

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

            <table class="workflow-table">

                <thead>

                    <tr>

                        <th>Item</th>
                        <th>Batch</th>
                        <th>Expiry</th>
                        <th>Quantity</th>

                    </tr>

                </thead>

                <tbody>

                    <tr>

                        <td>
                            Paracetamol 500mg
                        </td>

                        <td>
                            PCM24001
                        </td>

                        <td>
                            2027-05-31
                        </td>

                        <td>
                            500
                        </td>

                    </tr>

                    <tr>

                        <td>
                            Amoxicillin 250mg
                        </td>

                        <td>
                            AMX24002
                        </td>

                        <td>
                            2026-12-31
                        </td>

                        <td>
                            300
                        </td>

                    </tr>

                </tbody>

            </table>

        </div>

    </div>

    {{-- SUMMARY --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Transfer Summary
        </div>

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

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

                <div>

                    <strong>Total Items</strong>

                    <div style="margin-top:5px;">
                        2
                    </div>

                </div>

                <div>

                    <strong>Total Quantity</strong>

                    <div style="margin-top:5px;">
                        800
                    </div>

                </div>

                <div>

                    <strong>Transfer Status</strong>

                    <div style="margin-top:5px;">
                        Dispatched
                    </div>

                </div>

            </div>

        </div>

    </div>

    {{-- AUDIT TRAIL --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Approval & Audit Trail
        </div>

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

            <table class="workflow-table">

                <thead>

                    <tr>

                        <th>Action</th>
                        <th>User</th>
                        <th>Date</th>

                    </tr>

                </thead>

                <tbody>

                    <tr>

                        <td>
                            Created
                        </td>

                        <td>
                            Store Manager
                        </td>

                        <td>
                            2026-06-05 08:30
                        </td>

                    </tr>

                    <tr>

                        <td>
                            Approved
                        </td>

                        <td>
                            Supply Officer
                        </td>

                        <td>
                            2026-06-05 09:00
                        </td>

                    </tr>

                    <tr>

                        <td>
                            Dispatched
                        </td>

                        <td>
                            Store Manager
                        </td>

                        <td>
                            2026-06-05 09:15
                        </td>

                    </tr>

                </tbody>

            </table>

        </div>

    </div>

</div>

@endsection