@extends('layouts.app')

@section('content')

<div class="content-header">
    <p class="title">Category Create</p>
    <ul>
        <li><a href="{{ route('category.index') }}">{{ __('List') }}</a></li>
    </ul>
</div>

<div class="content">
    <form method="POST" action="{{ route('category.store') }}">
        @csrf
        <table class="table table-borderless">
            <tbody>
                <tr>
                    <th class="bg-light" width="50%"><label for="name">Name</label></th>
                    <th class="bg-light" width="50%"><label for="parent_id">Parent</label></th>
                </tr>
                <tr>
                    <td>
                        <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name') }}" required>
                        @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </td>
                    <td>
                        <select class="form-select select2 @error('parent_id') is-invalid @enderror" id="parent_id" name="parent_id" style="width:100%">
                            <option value="">None</option>
                            @foreach ($categories as $category)
                            @include('inventory.category._category_option', ['category' => $category, 'level' => 0])
                            @endforeach
                        </select>
                        @error('parent_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </td>
                </tr>
            </tbody>
        </table>

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

@endsection