@extends('layouts.user.main')

@section('title', 'Login Account')

@section('styles')
    <style>
        .sticky-bottom {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
            z-index: 1000;
        }
    </style>
@endsection

@section('contents')
    <input type="text" id="key" value="{{ $key }}" hidden>
    <div class="container-fluid container-def p-3 mt-3">
        <form id="form">
            @csrf
            <input type="text" class="form-control w-100 p-4 bg-white" id="searchRecord" name="sap_batch"
                placeholder="Enter Batch Number ..." autofocus required>
            <span class="text-sm text-muted" id="recentScanned"></span>
        </form>

        <x-table-th :th="['id', 'SAP Article', 'Qty']" />

        <div class="p-5"></div>

        <div class="sticky-bottom bg-white p-3">
            <button class="btn btn-light border d-block w-100" id="handleUploadFile">
                <b>Transmit Data</b><br>
                <small>Dispatch Order</small>
            </button>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset_js('/user/sto-issuance.js') }}"></script>
@endsection