@extends('layouts.master')

@section('content')

<div class="workflow-page">

    <div class="workflow-header">

        <div>

            <h1 class="workflow-title">
                Supply Catalogue Import
            </h1>

            <div class="workflow-subtitle">
                Upload supply items from Excel
            </div>

        </div>

    </div>

    @if(session('success'))

        <div class="alert alert-success">

            {{ session('success') }}

        </div>

    @endif

    @if(session('error'))

        <div class="alert alert-danger">

            {{ session('error') }}

        </div>

    @endif

    @if($errors->any())

        <div class="alert alert-danger">

            <ul>

                @foreach($errors->all() as $error)

                    <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

    @endif

    <form method="POST"
          action="{{ route('supply.imports.items.store') }}"
          enctype="multipart/form-data">

        @csrf

        <div class="workflow-card">

            <div class="workflow-card-header">
                Upload File
            </div>

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

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

                    <label>
                        Excel File *
                    </label>

                    <input type="file"
                           name="file"
                           accept=".xlsx,.xls"
                           required>

                </div>

            </div>

        </div>

        <div class="workflow-card">

            <div class="workflow-card-header">
                Expected Columns
            </div>

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

                <table class="workflow-table">

                    <thead>

                        <tr>

                            <th>Column</th>
                            <th>Description</th>

                        </tr>

                    </thead>

                    <tbody>

                        <tr>
                            <td>item_code</td>
                            <td>Unique item code</td>
                        </tr>

                        <tr>
                            <td>item_name</td>
                            <td>Item name</td>
                        </tr>

                        <tr>
                            <td>category</td>
                            <td>Item category</td>
                        </tr>

                        <tr>
                            <td>base_unit</td>
                            <td>Unit of measure</td>
                        </tr>

                        <tr>
                            <td>latest_unit_cost</td>
                            <td>Unit cost</td>
                        </tr>

                        <tr>
                            <td>status</td>
                            <td>Active / Inactive</td>
                        </tr>

                        <tr>
                            <td>track_batch</td>
                            <td>0 or 1</td>
                        </tr>

                        <tr>
                            <td>track_expiry</td>
                            <td>0 or 1</td>
                        </tr>

                        <tr>
                            <td>minimum_level</td>
                            <td>Minimum stock level</td>
                        </tr>

                        <tr>
                            <td>reorder_level</td>
                            <td>Reorder level</td>
                        </tr>

                    </tbody>

                </table>

            </div>

        </div>

        <div class="workflow-actions">

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

                Cancel

            </a>

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

                Import Catalogue

            </button>

        </div>

    </form>

</div>

@endsection