@extends('layouts.master')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>

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

            <div class="workflow-subtitle">
                Transfer stock between stores, departments and facilities
            </div>

        </div>

        <div class="workflow-actions">

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

                + New Transfer

            </a>

        </div>

    </div>

    {{-- STATISTICS --}}

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

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

            <div class="workflow-stat-value">
                24
            </div>

            <div class="workflow-stat-label">
                Total Transfers
            </div>

        </div>

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

            <div class="workflow-stat-value">
                5
            </div>

            <div class="workflow-stat-label">
                Pending Receipt
            </div>

        </div>

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

            <div class="workflow-stat-value">
                18
            </div>

            <div class="workflow-stat-label">
                Completed
            </div>

        </div>

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

            <div class="workflow-stat-value">
                1
            </div>

            <div class="workflow-stat-label">
                Cancelled
            </div>

        </div>

    </div>

    {{-- FILTERS --}}

    <div class="workflow-card">

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

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

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

                <div class="workflow-form-group">

                    <label>
                        Transfer Number
                    </label>

                    <input type="text"
                           placeholder="Search">

                </div>

                <div class="workflow-form-group">

                    <label>
                        From Location
                    </label>

                    <select>
                        <option>All</option>
                    </select>

                </div>

                <div class="workflow-form-group">

                    <label>
                        To Location
                    </label>

                    <select>
                        <option>All</option>
                    </select>

                </div>

                <div class="workflow-form-group">

                    <label>
                        Status
                    </label>

                    <select>

                        <option>All</option>
                        <option>Draft</option>
                        <option>Approved</option>
                        <option>Dispatched</option>
                        <option>Received</option>
                        <option>Cancelled</option>

                    </select>

                </div>

            </div>

        </div>

    </div>

    {{-- TRANSFERS TABLE --}}

    <div class="workflow-card">

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

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

            <table class="workflow-table">

                <thead>

                    <tr>

                        <th>Transfer No</th>
                        <th>Date</th>
                        <th>From</th>
                        <th>To</th>
                        <th>Items</th>
                        <th>Status</th>
                        <th width="220">Actions</th>

                    </tr>

                </thead>

                <tbody>

                    <tr>

                        <td>TRF-00001</td>

                        <td>
                            2026-06-05
                        </td>

                        <td>
                            Central Store
                        </td>

                        <td>
                            Pharmacy
                        </td>

                        <td>
                            12
                        </td>

                        <td>

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

                        </td>

                        <td>

                            <a href="{{ route('supply.transfers.show',1) }}"
                               class="action-view">

                                View

                            </a>

                            <a href="{{ route('supply.transfers.receive',1) }}"
                               class="action-edit">

                                Receive

                            </a>

                        </td>

                    </tr>

                    <tr>

                        <td>TRF-00002</td>

                        <td>
                            2026-06-04
                        </td>

                        <td>
                            Pharmacy
                        </td>

                        <td>
                            Outreach Store
                        </td>

                        <td>
                            6
                        </td>

                        <td>

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

                        </td>

                        <td>

                            <a href="{{ route('supply.transfers.show',2) }}"
                               class="action-view">

                                View

                            </a>

                        </td>

                    </tr>

                </tbody>

            </table>

        </div>

    </div>

</div>

@endsection