@extends('dashboard.layouts.app')

@section('title', __('dashboard.Create Item Category'))
@section('page_heading', __('dashboard.Create Item Category'))

@section('breadcrumb')
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
</li>
<li class="breadcrumb-item text-muted">
    <a href="{{ route('dashboard.item-categories.index') }}" class="text-muted text-hover-primary">{{ __('dashboard.Item Categories') }}</a>
</li>
<li class="breadcrumb-item text-muted">{{ __('dashboard.Create Item Category') }}</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">{{ __('dashboard.Create Item Category') }}</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('dashboard.item-categories.store') }}" method="POST">
            @csrf

            <div class="mb-3">
                <label for="name_en" class="form-label">{{ __('dashboard.Name') }} ({{ __('dashboard.English') }})
                </label>
                <input type="text" class="form-control @error('name.en') is-invalid @enderror" id="name_en" name="name[en]" value="{{ old('name.en') }}" required>
                @error('name.en')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="name_ar" class="form-label">{{ __('dashboard.Name') }} ({{ __('dashboard.Arabic') }})
                </label>
                <input type="text" class="form-control @error('name.ar') is-invalid @enderror" id="name_ar" name="name[ar]" value="{{ old('name.ar') }}" required>
                @error('name.ar')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="code" class="form-label">{{ __('dashboard.Code') }}</label>
                <input type="text" class="form-control @error('code') is-invalid @enderror" id="code" name="code" value="{{ old('code') }}" required>
                @error('code')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="parent_id" class="form-label">{{ __('dashboard.Parent Category') }}</label>
                <select name="parent_id" id="parent_id" class="form-select @error('parent_id') is-invalid @enderror">
                    <option value="">{{ __('dashboard.No Parent') }}</option>
                    @foreach ($mainCategories as $mainCategory)
                    <option value="{{ $mainCategory->id }}" {{ old('parent_id') == $mainCategory->id ? 'selected' : '' }}>
                        {{ $mainCategory->name }}
                    </option>
                    @endforeach
                </select>
                @error('parent_id')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="description_en" class="form-label">{{ __('dashboard.Description') }} ({{ __('dashboard.English') }})</label>
                <textarea class="form-control @error('description.en') is-invalid @enderror" id="description_en" name="description[en]" rows="3">{{ old('description.en') }}</textarea>
                @error('description.en')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="description_ar" class="form-label">{{ __('dashboard.Description') }} ({{ __('dashboard.Arabic') }})</label>
                <textarea class="form-control @error('description.ar') is-invalid @enderror" id="description_ar" name="description[ar]" rows="3">{{ old('description.ar') }}</textarea>
                @error('description.ar')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3 form-check">
                <input type="hidden" name="is_active" value="0">
                <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" @checked(old('is_active', true))>
                <label class="form-check-label" for="is_active">{{ __('dashboard.Active') }}</label>
            </div>

            <button type="submit" class="btn btn-primary">{{ __('dashboard.Create') }}</button>
            <a href="{{ route('dashboard.item-categories.index') }}" class="btn btn-secondary">{{ __('dashboard.Cancel') }}</a>
        </form>
    </div>
</div>
@endsection