@extends('layouts.app')

@section('content')

<div class="content-header">
    <p class="title">Edit Unit</p>
    <ul>
        <li><a href="{{ route('units.index') }}">{{ __('List') }}</a></li>
        <li><a href="{{ route('units.create') }}">{{ __('Create New') }}</a></li>
    </ul>
</div>

<div class="content">
    <form method="POST" action="{{ route('units.update', $unit->id) }}" id="unit-edit-form">
        @csrf
        @method('PUT')
        <table class="table table-borderless">
            <tbody>
                <tr>
                    <th class="bg-light" width="16.66%"><label for="unit_name">Name</label></th>
                    <th class="bg-light" width="16.66%"><label for="quantity">Quantity</label></th>
                </tr>
                <tr>
                    <td>
                        <input type="text" class="form-control @error('unit_name') is-invalid @enderror" id="unit_name" name="unit_name" value="{{ old('unit_name', $unit->unit_name) }}" required>
                        @error('unit_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </td>
                    <td>
                        <input type="number" class="form-control @error('quantity') is-invalid @enderror" id="quantity" name="quantity" value="{{ old('quantity', $unit->quantity) }}" required>
                        @error('quantity')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </td>
                </tr>
            </tbody>
        </table>

        <button type="submit" class="btn btn-primary mt-2" style="float: right;">Update</button>
    </form>
</div>

@endsection