@extends('layouts.master')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>
            <h1 class="workflow-title">
                New Item
            </h1>

            <div class="workflow-subtitle">
                Create medicines, vaccines, consumables, laboratory supplies and equipment
            </div>
        </div>

    </div>

    <form method="POST"
          action="{{ route('supply.items.store') }}">

        @csrf

        {{-- ITEM DETAILS --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Item Details
            </div>

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

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

                    <div class="workflow-form-group">
                        <label>Item Code *</label>
                        <input type="text" name="item_code">
                    </div>

                    <div class="workflow-form-group">
                        <label>Item Name *</label>
                        <input type="text" name="item_name">
                    </div>

                    <div class="workflow-form-group">
                        <label>Status</label>
                        <select name="status">
                            <option value="Active">Active</option>
                            <option value="Inactive">Inactive</option>
                            <option value="Discontinued">Discontinued</option>
                        </select>
                    </div>

                    <div class="workflow-form-group workflow-span-full">
                        <label>Description</label>
                        <textarea name="description"></textarea>
                    </div>

                    <div class="workflow-form-group">
                        <label>Generic Name</label>
                        <input type="text" name="generic_name">
                    </div>

                    <div class="workflow-form-group">
                        <label>Brand Name</label>
                        <input type="text" name="brand_name">
                    </div>

                    <div class="workflow-form-group">
                        <label>Category *</label>
                        <select name="category">
                            <option value="Medicine">Medicine</option>
                            <option value="Vaccine">Vaccine</option>
                            <option value="Consumable">Consumable</option>
                            <option value="Laboratory Supply">Laboratory Supply</option>
                            <option value="Equipment">Equipment</option>
                        </select>
                    </div>

                    <div class="workflow-form-group">
                        <label>Sub Category</label>
                        <input type="text" name="sub_category">
                    </div>

                </div>

            </div>

        </div>

        {{-- UNITS & STOCK --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Units & Stock Controls
            </div>

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

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

                    <div class="workflow-form-group">
                        <label>Base Unit *</label>
                        <select name="base_unit">
                            <option value="Tablet">Tablet</option>
                            <option value="Capsule">Capsule</option>
                            <option value="Bottle">Bottle</option>
                            <option value="Vial">Vial</option>
                            <option value="Dose">Dose</option>
                            <option value="Box">Box</option>
                            <option value="Pack">Pack</option>
                            <option value="Piece">Piece</option>
                            <option value="Kit">Kit</option>
                        </select>
                    </div>

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

                    <div class="workflow-form-group">
                        <label>Pack Size</label>
                        <input type="number" name="pack_size">
                    </div>

                    <div class="workflow-form-group">
                        <label>Minimum Level</label>
                        <input type="number" name="minimum_level" value="0">
                    </div>

                    <div class="workflow-form-group">
                        <label>Maximum Level</label>
                        <input type="number" name="maximum_level" value="0">
                    </div>

                    <div class="workflow-form-group">
                        <label>Reorder Level</label>
                        <input type="number" name="reorder_level" value="0">
                    </div>

                    <div class="workflow-form-group">
                        <label>Emergency Level</label>
                        <input type="number" name="emergency_level" value="0">
                    </div>

                </div>

            </div>

        </div>

        {{-- TRACKING & STORAGE --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Tracking & Storage
            </div>

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

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

                    <div class="workflow-form-group">
                        <label>
                            <input type="checkbox" name="track_batch">
                            Track Batch Numbers
                        </label>
                    </div>

                    <div class="workflow-form-group">
                        <label>
                            <input type="checkbox" name="track_expiry">
                            Track Expiry Dates
                        </label>
                    </div>

                    <div class="workflow-form-group">
                        <label>
                            <input type="checkbox" name="track_serial">
                            Track Serial Numbers
                        </label>
                    </div>

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

                        <select name="storage_type">
                            <option value="">Select</option>
                            <option value="Room Temperature">Room Temperature</option>
                            <option value="Cold Chain (+2 to +8)">Cold Chain (+2 to +8)</option>
                            <option value="Frozen">Frozen</option>
                            <option value="Ultra Cold">Ultra Cold</option>
                            <option value="Controlled">Controlled</option>
                        </select>
                    </div>

                </div>

            </div>

        </div>

        {{-- PROCUREMENT & FINANCIAL --}}

        <div class="workflow-card">

            <div class="workflow-card-header">
                Procurement & Financial
            </div>

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

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

                    <div class="workflow-form-group">
                        <label>Program Area</label>
                        <input type="text" name="program_area">
                    </div>

                    <div class="workflow-form-group">
                        <label>Commodity Group</label>
                        <input type="text" name="commodity_group">
                    </div>

                    <div class="workflow-form-group">
                        <label>Funding Source</label>
                        <input type="text" name="funding_source">
                    </div>

                    <div class="workflow-form-group">
                        <label>Preferred Supplier</label>
                        <input type="text" name="preferred_supplier">
                    </div>

                    <div class="workflow-form-group">
                        <label>Manufacturer</label>
                        <input type="text" name="manufacturer">
                    </div>

                    <div class="workflow-form-group">
                        <label>Country Of Origin</label>
                        <input type="text" name="country_of_origin">
                    </div>

                    <div class="workflow-form-group">
                        <label>Unit Cost</label>
                        <input type="number" step="0.01" name="unit_cost">
                    </div>

                    <div class="workflow-form-group">
                        <label>Selling Price</label>
                        <input type="number" step="0.01" name="selling_price">
                    </div>

                </div>

            </div>

        </div>

        {{-- CLINICAL --}}

        <div class="workflow-card">

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

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

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

                    <div class="workflow-form-group">
                        <label>Strength</label>
                        <input type="text" name="strength">
                    </div>

                    <div class="workflow-form-group">
                        <label>Dosage Form</label>
                        <input type="text" name="dosage_form">
                    </div>

                    <div class="workflow-form-group">
                        <label>Route</label>
                        <input type="text" name="route">
                    </div>

                    <div class="workflow-form-group">
                        <label>Antigen</label>
                        <input type="text" name="antigen">
                    </div>

                    <div class="workflow-form-group">
                        <label>Doses Per Vial</label>
                        <input type="number" name="doses_per_vial">
                    </div>

                </div>

            </div>

        </div>

        {{-- ACTIONS --}}

        <div class="workflow-actions">

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

            <a href="{{ route('supply.imports.items.create') }}"
            class="workflow-btn workflow-btn-secondary">
                Import Catalogue
            </a>

            <button type="submit"
                    class="workflow-btn workflow-btn-success">
                Save Item
            </button>

        </div>

    </form>

</div>

@endsection